React

사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리

리액트 특징

1. Data Flow: 데이터 흐름이 한 방향으로만 흐르는 단방향 데이터 흐름

2. Component 기반 구조: UI를 여러 컴포넌트를 쪼개서 만듬

3. Virtual Dom: html, css ,js를 트리 구조로 인식하고, 데이터를 객체로 간주하고 관리

4. JSX: Javascript를 확장한 문법, 사용이 필수가 아니지만, 대부분의 사람은 JavaScript 코드 안에서 UI 관련 작업을 할 때 시각적으로 더 도움이 된다고 생각

리액트 설치

1. 터미널 접속 후 create-react-app 설치 폴더 이름

npx create-react-app reactapp(폴더명)

설치 시 위 사진과 같이 파일이 생성됨

2. 사진에서 src 폴더 안에서 작업 시작