기존 웹사이트에 react를 적용
But, 새로운 웹사이트를 만들때는 처음부터 react가 적용되어있는 상태로 개발 시작

• creat-react-app(CRA)
• 리액트로 웹 어플리케이션 개발에 필요한 모든 설정이 되어있는 상태로 프로젝트를 생성

!버전확인

• Node.js v14.0.0 이상
• Npm v6.14.0 이상, npm 버전 확인 방법 : 터미널창에 npm -version
• VS Code 설치

creat-react-app는 npx명령어를 사용한다.

NPX

• npm패키지 설치이후 곧바로 실행 execute까지 해줌
• 패키지를 정해진 위치에 설치하고, 찾아서 실행해주려면 번거롭기에 간편하게 한번에 처리해주는 것

VS Code 실행
왼쪽 하단에

누르면 창이 뜬다.


터미널 or TERMINAL 클릭

콘솔에 입력하기
npc create-react-app my-app

경로 변경(change directory)

cd my-app

애플리케이션 실행

npm start

열린창의 주소 : localhost:3000

• Localhost : 자신의 컴퓨터
• 3000포트로 열렸다

공식 링크 문서
Https://reactjs.org/docs/create-a-new-react-app.html