react.js stater 리액트 시작하기

1. node install

이건머.. 알아서들

Node.js 설치하기

여기서 설치 하세요

 

2. VS code(IDE) install

이것도뭐.. 알아서들...

VSCode ; Visual Studio Code 설치하기

여기서 설치하세요

 

3. create-react-app install global setting

>> npm install -g create-react-app
//전역으로 설치해준다

>> create-react-app -V                  
//대문자 V해야 버전나옴;;

 

4. react 전용으로 사용할 폴더 지정

앞에 cmd 넣고 enter하면 해당 경로의 cmd창이 켜진다

cmd를 열어주자.

 

5. react project를 만들어보자

>> create-react-app [project name]

위를 입력하자

발발거리며 다운받고 happy hacking 뜬다

 

그 폴더로 들어간다.

 

6. 브라우저 열기

사진을 보면 기본 포트는 3000으로 잡혀있다.

>> npm start

프로젝트를 실행

이렇게 뜬다면 정상적으로 만들어진 create react app project이다

 

되도록 크롬을 연결하는 것이 좋다.

 

 

 

/******* 번 외 *******/

3개의 명령으로 연속작업을 하게되면

>> create-react-app [project name] && cd [project name] && npm start

머 일게 실행되고 스타트까지 다 시켜준다.

 

//set : 치환 = 앞으로 이렇게 쓰겠다
set [project name]


>> set projectname=[내가 앞으로 쓸 project name]
>> create-react-app %projectname% && cd %projectname% && npm start

딱 요렇게 두줄 카피해서 엔터치면 죠낸 머싯게 프로젝트 만들고 스타트까지 다시켜준다.

 

//복붙용도

set projectname=
create-react-app %projectname% && cd %projectname% && npm start
 

 

앞으로 이렇게 사용하면 편하게 프로젝트 생성을 할 수있다.