![]()
중앙처리장치(CPU) 1. 주기억장치에서 프로그램 명령어와 데이터를 읽어와서 처리하고, 명령어의 수행순서를 제어한다. 2. 크게 연산(처리)장치, 제어장치, 레지스터로 구성되어있다. 3. 기억장치로부터 명령어를 인출하고, 인출된 명령어를 해독하여 필요한 연산을 수행하면서 기억장치를 통해 데이터에 접근하는데 필요한 기억장치 주소와 제어신호를 제공한다. 연산(처리)장치 1. 산술연산과 논리연산을 수행하는 장치이다. 2. 연산에 필요한 데이터를 레지스터에서 가져오고, 연산결과를 다시 레지스터로 보내는 역할을 수행한다. 3. 산술/논리 연산장치, 레지스터 세트(범용 레지스터, 특수 레지스터), 내부버스로 구성되어 있다.제어장치 1. 명령어를 순서대로 실행할 수 있도록 제어하는 장치이다. 2. 주기억..
![]()
* 이 글은 You might not need an effect 를 번역하였습니다. You Might Not Need an Effect A JavaScript library for building user interfaces beta.reactjs.org TL;DR 렌더링을 하는 동안 어떤 것을 계산해야 한다면, effect를 사용하지 말아주세요. 무거운 계산들을 캐시하려면, useMemo를 사용해주세요. 모든 컴포넌트 트리의 상태 값을 초기화 시키기 위해서는 다른 key를 전달해주세요. prop 의 변경에 대한 응답으로 상태값을 초기화 시키기 위해서는, 렌더링 중에 해주세요. 컴포넌트가 유저에게 이미 노출되었다면 코드는 effect에 있어야하고, 나머지는 event 안에 있어야 합니다. 여러 컴포넌트 ..
![]()
* 이 글은 Why React Hooks, and how did we even get here? 번역하였습니다. Why React Hooks, and how did we even get here? TL;DR: Hooks have learned from the trade-offs of mixins, higher order components, and render props to bring us new ways to create… medium.com TL;DR: higher order component(HOO), mixins 과 render props의 trade-off를 배우고 이를 보완하는 Hooks는 flat하게 선언하는 방식으로 구성 가능한 동작을 만드는 새로운 방법을 제공합니다. Hooks는 하나의..
![]()
* 이 글은 Commons Mistakes with React useState hook and How to Prevent them. 번역하였습니다. Commons Mistakes with React useState hook and How to Prevent them. A list of tricky errors I’ve seen on various react projects without developers realizing that could destroy their whole app! medium.com 저는 다양한 개발자들이 전체 Application을 망치고 있는 것을 인지하지 못하는 react project에서 까다로운 에러들을 보았습니다. React의 useState는 React Applicat..
