[React] React 프로젝트 생성하기

1. Node.js NPM 설치

Node.js 사이트로 가서 다운로드 받는다. 최신을 설치하는 것도 좋지만 안정적인 버전을 추천한다.

https://nodejs.org/en/

설치하고  cmd에서 설치 확인을 할 수 있다.

아래 이미지는 확인한 걸 캡쳐한 거고 최근에 설치한 버전이 아니라서 버전이 다르다

node -v

npm -v

2. React 프로젝트 생성

프로젝트를 생성하고 싶은 경로에 새로운 폴더를 만들고 그 안으로 들어가서 아래의 명령어를 cmd에 입력한다 

npx create-react-app 프로젝트명

npx create-react-app myapp

시간이 지나면 myapp라는 프로젝트(앱)이 생성이 된다. myapp 폴더를 VSCode 또는 WebStorm를 열면 된다. VSCode, WebStorm을 둘 다 사용해봤는데 나는 Android Studio에 익숙하다보니 WebStorm을 선택했다.

3. 앱 실행

IDE에서 Terminal을 열어서 앱 폴더 경로로 이동한다.

npm star를 입력해서 프로젝트를 시작한다.

아래와 같은 화면을 브라우저에서 확인할 수 있다.