2-2강. create-react-app

정원·2023년 1월 27일

목록 보기

12/42

2023.01.27 책 리액트 시작하기(실습)
create-react-app

앞에서는 기존에 있는 웹사이트에 리액트를 적용하는 방법에 대해서 배웠다.
하지만 새로운 웹사이트를 만들 때에는 굳이 그렇게 할 필요가 없다.

처음부터 리액트가 적용되어 있는 상태로 개발을 시작하면 되기 때문이다.

그래서 리액트로 웹사이트를 개발할 때에는 주로 create-react-app 이라는 것을 사용한다.

create-react-app 은 리액트로 웹 어플리케이션을 개발하는 데 필요한 모든 설정이 되어 있는 상태의 프로젝트를 생성해주는 도구이다.
이름이 길기 때문에 앞 글자를 따서 CRA라고 부르기도 한다.

CRA를 실행하기 위해서는 Node.js(v14.0.0이상)와
npm(v6.14.0이상)이 필요하다.

vscode 터미널에 명령어 입력.

이 명령어는 새로운 리액트 기반 웹 애플리케이션을 생성하는 명령어이다.
npx 명령어는 npm 패키지를 설치하고 곧바로 실행시켜준다.
패키지를 정해진 위치에 설치하고, 또 찾아서 실행하려면 번거롭기 때문에
간편하게 한 번에 처리하기 위해 사용하는 것이다.

//사용법
npx create-react-app project-name

//실제사용예제
npx create-react-app my-app

change directory의 약자로 경로 변경을 해준다.
현재 커맨드 라인 도구가 위치한 경로를 변경하는 역할.

어플리케이션 실행

npm start를 하면 브라우저가뜨고
React App이 실행된다.

React