본문 바로가기
React

리액트 환경설정 및 실행

by 멋진 개구리 2020. 6. 3.
반응형

리액트는 2016년부터 2019년 사이에 48.7% 에서 71.7%로 뛰어오른 리액트의 인기도를 볼 수 있습니다. 
리액트의 장점은 자바스크립트로 작성되어 있다는 점입니다. 리액트를 공부하면서 자바스크립트를 따로 공부할 필요가 없을 정도로 학습의 효율성을 강조합니다!.

Mac OS 에서..

노드.js 설치 
$ brew install node@12
$npm install npx -g   (node packege manager)

vsCode 설치
$ brew install visual-code-studio

리액트 앱 만들기
$ npx create-react-app movie_app_2020  (mkdir ..)
보일러플레이트:개발을 바로 시작할 수있도록 만든 기초 환경 create-react-app
movie_app_2020: name 

vscode에서 movie_app_2020 열기

터미널창에서 npm start 명령어 입력 -> localhost:3000으로 접속하면 실행됨

로컬저장소 초기화 및 업로드
$git init
$git remote add origin github.com/ajh7893/movie_app_2020.git
$git add .
$git commit -m "~~"
$git push origin master

 

반응형

'React' 카테고리의 다른 글

state  (0) 2020.06.11
map();  (0) 2020.06.05
props  (0) 2020.06.04
리액트 기초개념 JSX  (0) 2020.06.03
리액트 동작원리  (0) 2020.06.03

댓글