[React.js] React npm start 안될 때, 다시 초기화시켜보기

npm을 오랜만에 사용하면서 터미널에서 npm start 를 쳐도

사이트에 보안 연결할 수 없음, ERR_SSL_PROTOCOL_ERROR

위와 같이 뜨길래 다시 한번 공부를 하면서 내 머릿 속에 순서 없이 있는 것들을 정리하기 위해 이 글을 작성하게 되었다.

필자의 경우는 window를 사용하고 있기 때문에 cmd창에서 이행한다.

자 그럼 react를 사용하기 위한 환경을 설정해보자!

1. node.js, npm를 설치한다.

npm은 node.js와 함께 설치됨.

node.js는 nodejs.org에서 다운 받으면 된다. 

node.js와 npm이 설치가 되었는지 확인하기 위해서는 node. -v, npm -v와 같이 각각 치면 된다.

 

2. npx를 설치한다.

npm install npx -g

 

3. react를 사용할 폴더를 생성한다.

create react app 폴더이름

npx에게 내가 이걸 사용하고 싶다고 말한다. 원래는 webpack, babel 다운로드, react코드 compile......등등 과정이 길고 복잡하지만 이 단계에서 알아서 react web app을 set up시켜준다!

 

4. visual studio를 연다.

여는 방법으론 다음과 같이 2가지가 있다.

- cmd창에서 => code movie_app_2019

-visual studio에서 => file > open folder >  movie_app_2019

 

5. vs terminal에서 npm을 시작한다.

npm start

아래와 같이 나오면 성공!

 

생략가능!

README.md 파일에 있는 내용 모두 지운 뒤 본인의 목적에 맞게 작성한다. 필자는 아래와 같이 작성하였다.