본문 바로가기

프론트엔드

[프론트엔드] 초간단 react 리액트 설치 방법 !

[프론트엔드] 초간단 react 리액트 설치 방법 !

 

( node.js 설치가 되어있다는 가정하에 )

 

1. 리액트 결과물을 저장 폴더 생성

 

 

2.

윈도우 : 해당폴더에 마우스 우클릭 + SHIFT -> 여기에 PowerShell 창 열기 
맥북 : 런치패드 -> 터미널열기 

 

 

3. 터미널에 입력

npx create-react-app 프로젝트명

 

 

설치중 .....

 

 

설치 완료! 

 

 

해당폴더에 들어가보면 리액트 프로젝트 폴더가 생성되어 있음 

짠 

 

이제 vs code에 프로젝트 열고  터미널에  

npm start

입력후 localhost 포트번호 받고 미리보기 창 뜨면 성공