[ReactJS]노마드코더 리액트 기초-02.리액트 Set up

노마드코더-"ReactJS로 영화 웹 서비스 만들기"강의를 수강하며 공부한 내용입니다.

우선 개발 환경을 세팅하기 위해
1. Node JS 설치(node를 설치하면 npm도 같이 설지 된다.)
2. npx 설치, 터미널에 npm install npx -g 입력
3. git 설치
각각 설치 유무는 터미널에 node -v, npm -v, npx -v, git --version을 입력 하면 알 수 있다.

리액트 프로젝트 만들기

터미널에 npx create-react-app <만들 프로젝트 폴더 이름> 입력

npx create-react-app my-app

완료가 되면

이렇게 리액트 프로젝트를 설정을 끝내고 vsc 에디터로 프로젝트 파일을 open한다.

 

creat-react-app 란?

creat-react-app 에 대한 내용은 아래 링크에 있다.

github.com/facebook/create-react-app

facebook/create-react-app

npx 명령어

지금까지 npm 명령어만 사용해 오다 npx를 처음 써봐서 알아 봤다. 자세한 내용에 대한 링크를 걸어둔다.

geonlee.tistory.com/32

npx create-react-app ... 그래서 npx가 뭐길래?

webruden.tistory.com/275

npx란 무엇일까? 그리고 npm이랑 어떤 차이점이 있을까?