본문 바로가기

Build tool/CRA

[CRA] CRA(Create React App)로 리액트 프로젝트 만들기

728x90

 

CRA(Create React App)로 리액트 프로젝트를 만들어보자!

 

 


 

 

 

 1. 프로젝트를 진행 할 파일을 만들고 VSCode에서 연다. 

 

 

필자는 emotion-diary 라는 폴더를 바탕화면에 만들었다.

 

 

 

 2. CRA 실행 명령어를 입력한다. 

 

npx create-react-app emotion-diary

 

아래와 같이 뜨면 정상적으로 실행 된 것임.

 

 

 

 3. (선택사항) 파일을 전부 잘라내기 해서 상위 디렉토리로 옮긴다. 

 

 

 

 

 

 

 4. 서버를 실행시키는 명령어를 입력한다. 

 

npm start

 

 

 

아래와 같이 뜨면 성공!

 

 

 

 5. 안쓰는 파일 지우기 

 

 

필자는 아래의 파일들을 삭제하였다.

App.test.js

logo.svg

reportWebVitals.js


setupTests.js

 

 

728x90