[React] React 세팅

Cover image

따라하는 리액트, 리액트란?

리액트는 프레임워크가 아닌 라이브러리

  • Angular, Vue는 프레임워크
  • React는 라이브러리

프레임워크와 라이브러리

리액트는 프레임워크가 아닌 라이브러리


리액트 컴포넌트

  • 컴포넌트 : 리액트로 만들어진 앱을 이루는 최소한의 단위

브라우저가 그려지는 원리 및 가상돔

기존의 CRP

  • 가상 돔의 작동 방식

가상 DOM


설치

  • node, vs code,

create react app 을 통한 리액트 설치

  • npx create-react-app <폴더이름>
  • npx : 노드 패키지 실행을 도와주는 도구