본문 바로가기
Project/REACT

2 - 프로젝트 폴더(보일러 플레이트)

by Elfen Lied 2020. 12. 2.
반응형

1. create-react-app

cmd에서 리액트 앱 만들고 싶은 곳 이동 (기본 C드라이브)

cmd창에 npx create-react-app [폴더명]    ※npx create-react-app react_app_2020

 

설치 시간이 조금 걸린다. 설치가 완료되면 해당 설치 경로로 가서 파일확인.

위와 같은 파일들이 만들어지면 성공.

 

 

2. 비쥬얼 스튜디오 코드(vs코드)에서 파일 위치 잡기

vs코드에서 파일 > 폴더열기 에서 만든 폴더를 선택

vs코드에 해당 폴더의 파일 트리들이 뜬다.

 

 

3. README.md 파일 수정

vs코드에서 루트 폴더에 있는 README.md 선택해서 내용 모두 지움

새로 입력

# Movie App 2020

 

React JS Fundmentals Course 2020

입력후 저장

 

4. package.json 파일에 script 키값 수정

script키값은 명령어임. start, build, test, eject 명령어가 있다.

 

test와 eject를 삭제 해줌. build 뒤에 있는 , 쉼표도 지워줄것.

 

 

 

 

반응형

'Project > REACT' 카테고리의 다른 글

6 - 리액트 동작 원리  (0) 2020.12.02
5 - 폴더 정리 및 수정  (0) 2020.12.02
4. 깃허브에 업로드  (0) 2020.12.02
3 - 리액트 앱 실행  (0) 2020.12.02
1 - 기본 설정 - node.js 설치 및 npm, npx  (0) 2020.12.02

댓글