IT/React

REACT 💬1

금마s 2021. 1. 28. 13:41

🎈 개발환경 SETTING 🎈

📌 VS CODE 설치

📌 NODE.js 설치

 

 

📌 REACT 설치

react 코드들을 저장 해둘 위치에 가서 cmd 창을 열어준다.

 

 

🔧 위의 파일 위치가 나타나는 곳에 cmd 라고 입력 후 Enter 키를 누르면 해당 위치에 cmd가 열린다.

 

 

🔧npm이 정상적으로 설치되어 있는지 확인하기 위한 명령어를 쳐본다.

npm --version

 

🔧node.js가 정상적으로 설치되어 있는지 확인하기 위한 명령어를 쳐본다.

node --version

 

 

🔧 버전 명이 이상없이 출력된다면 그 다음 단계로 넘어가자

 

 

npm install -g create-react-app

를 입력하면, 열심히 다운로드가 된다. 다운로드가 다 끝나면

 

create-react-app my-app

🔧 여기서 my-app은 어플리케이션의 폴더 이름으로서 다른걸로 바꿔도 된다.

 

 

어플리케이션 폴더 안으로 들어간 뒤에

cd my-app
npm start

를 입력하면 

 

🔧 이렇게 생긴 창이 생기고 여기서 말하는 Local 주소를 브라우저에 입력하면,

 

이렇게 생긴 react 초기 시작화면이 나타난다.

 

 

 

 

 

728x90

'IT > React' 카테고리의 다른 글

React 💬6  (0) 2021.02.02
React 💬5  (0) 2021.02.01
REACT 💬4  (0) 2021.02.01
REACT 💬3  (0) 2021.01.29
REACT 💬2  (0) 2021.01.28