![[ReactJS]노마드코더 리액트 기초-02.리액트 Set up](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcxtQbY%2FbtqTJT8es7Z%2FwQQuR1Xa33cGTJwna629b0%2Fimg.jpg)
노마드코더-"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
Set up a modern web app by running one command. Contribute to facebook/create-react-app development by creating an account on GitHub.
github.com
npx 명령어
지금까지 npm 명령어만 사용해 오다 npx를 처음 써봐서 알아 봤다. 자세한 내용에 대한 링크를 걸어둔다.
npx create-react-app ... 그래서 npx가 뭐길래?
🤔 npx란 무엇인가? 우리가 리액트를 처음 시작할 때, 프로젝트를 만드는 패키지인 create-react-app 이 있습니다. npx create-react-app my-app 여기서는 왜 npm이 아닌 npx를 사용하고 npx란 무엇일까요? 👨
geonlee.tistory.com
npx란 무엇일까? 그리고 npm이랑 어떤 차이점이 있을까?
우리는 종종 npx 명령어를 사용해서 패키지를 설치하곤 합니다. 예를 들어 리액트 CRA를 설치할 때 npx create-react-app을 사용하고 , nuxt를 설치할 때 npx create-nuxt-app을 사용하고, 리액트 네이티브를 설
webruden.tistory.com
'React.js' 카테고리의 다른 글
| [React] ReactDOM.createRoot는 뭘까? (0) | 2022.04.26 |
|---|---|
| [ReactJS]리액트 react-router-dom / HashRouter, BrowserRouter, Route, Switch, Link (0) | 2021.02.10 |
| [ReactJS]노마드코더 리액트 기초-04. State (0) | 2021.01.21 |
| [ReactJS]노마드코더 리액트 기초-03. JSX & PROPS (0) | 2021.01.19 |
| [ReactJS]노마드코더 리액트 기초-01.리액트란? (0) | 2021.01.14 |