방구석 개발자의 놀이터

1. useEffect 함수 react dom에 렌더링 된 후 비동기식으로 실행 비동기식으로 실행되므로 복잡한 연산을 사용해도 화면 빠르게 그려짐 2. useLayoutEffect 함수 react dom에 렌더링 된 후 동기식으로 실행 동기식으로 실행되므로 복잡한 연산을 사용하면 화면이 느리게 그려짐 렌더링 직후 돔 요소의 값을 읽어들이는 경우 또는 조건에 따라서 컴포넌트를 다시 렌더링하고 싶은 경우에만 useLayoutEffect 함수를 사용하자

create-react-app 환경에서 npm install node-sass를 하고 npm start를 했을 때 Error: Node Sass version 5.0.0 is incompatible with ^4.0.0. 에러가 났다. 해결 방법 1. npm uninstall node-sass 2. npm install node-sass@4.14.1

1. 리액트는 페이스북에서 개발하고 관리하는 UI 라이브러리 2. 앵규러와 달리 리액트는 UI 기능만 제공 3. 전역 상태 관리, 라우팅, 빌드 시스템 등을 각 개발자가 직접 구축 4. 가상 돔(virtual dom)을 통해서 UI를 빠르게 업데이트 (가상 돔(virtual dom) : 이전 UI 상태를 메모리에 유지해서, 변경 될 UI의 최소 집합을 계산) 5. 리액트는 함수형 프로그래밍을 적극적으로 활용 (render 함수는 순수 함수로 작성한다 / state는 불변 변수로 관리한다) 6. 컴포넌트의 상태값을 수정할 때는 기존 값을 변경하는게 아니라 새로운 객체를 생성