코딩앙마 React 공부 (설치 및 폴더 구조 이해 하기)

npx create-react-app 폴더명 (ex : npx create-react-app voca)

 

다운 완료 후 폴더 구조

 

이후 npm start를 통해 웹페이지를 띄우기

 

src폴더에 App.js를 열고 p태그를 수정해보면 띄운 페이지에 수정사항이 그대로 반영되는것을 확인할 수 있다.

 

 

이제 App.js에서 뭔가를 수정하거나 작성하면 브라우저에 바로 반영이 된다 -> 이걸 Hot Module Replacement(HMR)이라고 한다.

터미널에서 ctrl+c를 누르면 프로젝트가 내려간다. 하지만 프로젝트를 다시 띄울수 있는데 그 명령어는 package.json파일에 명시 되어있음

 

- start : 개발모드로 프로그램을 실행

- build : 실제 배포 모드로 만들어줌

- test = 테스트

- eject : 내부 설정 파일을 꺼내는 역할을 함


JSX란? 자바스크립트 내부에 HTML처럼 작성하는 것을 말함