- 리액트 폴더 구조
- public : 나중에 배포시에 서버에서 누구나 접근할 수 있는 파일들
- src : 기본 컴포넌트 및 다른 소스 모듈, 리액트 앱을 구성하는 파일들
- node_modules : 서드파티 노드 모듈 즉 npm으로 설치한 패키지가 들어감
- gitignore : 어떤 깃 파일을 추적하고 추적하지 않을지 정해놓은 파일
- package json : 프로젝트의 메타데이터를 담고 있음
- README.md : create-react-app으로 만든 앱에 관한 간단한 설명
- 터미널 여는 법 : vs코드에서 터미널-새 터미널 (cmd로 실행되게 해야 함.. 폴더 경로는 C:\Users\yn112\OneDrive\바탕 화면\react\sample-react-app로 해야 함...)
- 터미널을 열었으면 npm start 입력 -> 종료는 ctrl+c
성공하면 이렇게 나옴..
- index.html : 루트 주소에서 접근할 수 있는 기본적인 파일
- root를 리액트가 찾아서 root밑에다가 dom들을 쌓음
- index.js : Render함수가 jsx컴포넌트를 root밑에다가 랜더링하겠다는 의미
app.js(app컴포넌트)를 보면 화면의 링크,로고 등등 다 나옴,,
- 리액트에서 코드를 변경하면 즉각적으로 반영됨 -> 개발서버가 코드의 변경사항을 감지하고 매번 새롭게 컴파일을 해주기 때문
냅다 반영해줌
