[React] 리액트 프로젝트 시작하기 (1)

Node.js 설치

- npm을 설치하기 위해 Node.js 먼저 설치

- 아래 글 참고

Node.js 설치하기

 

 

Node.js 명령 프롬포트 실행

- npm -v 명령어로 npm이 설치됐는지 확인

- yarn 명령어로 yarn이 설치됐는지 확인

- npm과 yarn 모두 설치가 돼있다면

- 리액트 프로젝트를 만들고 싶은 경로로 이동한 뒤 (cd 경로명)

- yarn create react-app {리액트 프로젝트 이름}

- 프로젝트 이름에 대문자가 포함되면 위처럼 오류가 남

- 대문자를 제외하고 다시 도전

- Creating a new React app in {C:\Users\topjo\gacheon_spring_web_project} -> 프로젝트 경로 확인

- 해당 경로 폴더에 들어가보면 리액트 구조가 생성돼 있음

- cd {리액트 프로젝트 경로}

- yarn start 명령어로 리액트 프로젝트 시작

- localhost:3000 페이지 자동 실행

- 프로젝트 생성 끝!