React란 컴포넌트 기반 UI 라이브러리이다. 컴포넌트란 일종의 UI 조각이며, 특정 코드 뭉치를 다른 부분에 이식하거나 재사용하기 위해 사용하는 코드 블록의 단위이다. (리액트 앱의 최소 단위) 리액트 개발 시에는 컴포넌트를 파일 단위로 작성한 후 필요한 위치에 import하여 사용한다. 각 컴포넌트는 독립적이고 재사용이 가능하다. = cohesive(응집적) 컴포넌트를 만드는 방법에는 리액트에서 제공하는 컴포넌트라는 디폴트 클래스를 extends한 클래스를 선언하여 제작하는 방법이 있고, 간단하게 함수로 만드는 방법이 있다. 상태에 따라 컴포넌트가 주기적으로 업데이트되야한다면 클래스 컴포넌트를 쓰면 되고, 항상 정적으로 데이터가 표기가 된다면 함수 컴포넌트로 작성한다. 클래스 컴포넌트 (rcc라는 ..

1. node.js 설치  2. npm과 yarn(자바스크립트 패키지 관리 도구) 설치 (VS Code의 터미널에서 설치 가능) 3. VS Code를 켜고 워크스페이스로 사용할 폴더로 들어가서 create-react-app 설치npm install -g create-react-app 4. create-react-app 명령어로 새로운 폴더 생성npx create-react-app client 5. client 경로에서 파일과 폴더가 생성된 것을 확인 6. client 경로에서 아래의 명령어로 react 서버 실행 npm start 7. 브라우저를 켜고 localhost:3000으로 접속하여 리액트 서버 연결 확인