빨간 부분에 수정사항이 생기게 되면 Virtual DOM은 달라진 값을 탐지하여 변경하고 최종적인 결과물을 실제 DOM에 전달함. 만약 Virtual DOM이 없었더라면 DOM은 변경된 빨간 부분뿐만 아니라 모든 동그라미들을 빨간색으로 바꿔서 렌더링 하기 때문에 비효율
React 에서 앱을 이루는 가장 작은 조각컴포넌트를 통해 UI를 재사용 가능한 개별적인 여러 조각으로 나눌수 있음컴포넌트는 개념적으로 JavaScript 함수와 비슷함 'props'라는 입력을 받은 후, 화면에 어떻게 표시되는지 기술하는 JSX를 반환클래스형 컴포넌트

props 와 state는 React에서 데이터를 사용할 때 다루는 개념props는 속성을 나타내는 데이터컴포넌트는, 데이터를 가진 하나의 props 객체 인자를 받은 후 React 엘리먼트를 반환props 는 컴포넌트에서 컴포넌트로 전달하는 데이터컴포넌트의 속성으로,
useEffect 리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 수행하도록 설정 할 수 있는 Hook 컴포넌트가 리렌더링 될때마다 log가 찍힘 마운트 될 때만 실행 함수의 두번째 파라미터로 비어있는 배열을 넣어 최초 렌더링 시점에만 실행 특정 값이 업데이트

Context 업로드중..
useMemo 는 useEffect 처럼 첫 번째 인자로 콜백 함수, 두 번째 인자로 의존성 배열(dependancyArray)을 받음의존성 배열 안에있는 값이 업데이트 될 때에만 콜백 함수를 다시 호출하여 메모리에 저장된 값을 업데이트 해줌만약 빈 배열을 넣는다면 u

기본적으로 리액트에서도 css 파일을 만들어서 컴포넌트에서 import 해서 사용가능하지만 리액트는 컴포넌트 단위 개발을 하기 때문에 조금더 컴포넌트를 스타일 하기 편리한 도구가 존재설치: yarn add node-sass공식 문서: https://sass-l

웹 애플리케이션에서 라우팅이라는 개념은 사용자가 요청한 URL에 따라 알맞는 페이지를 보여주는 것을 의미라우팅 관련 기능은 리액트 라이브러리에서 공식적으로 지원하는 것이 아니라 써드 파티로서 제공리액트에서 라우트 시스템을 구축하기위해 사용할 수 있는 선택지는 크게 두가