React 설치 및 프로젝트 생성

hwang·2024년 11월 27일

1. Node.js 설치

https://nodejs.org/en 접속 후 LTS 버전 다운로드
( 이 과정에서 npm도 함께 설치 됨)

React를 설치할건데 왜 Node.js를 설치해야할까?
하지만 Node.js를 설치하지않아도 React를 쓸 수는 있다.
React 개발 환경에서는 JSX(JavaScript XML)를 쓰는 것이 일반적이다.
JSX는 JavaScript의 확장 문법으로, 브라우저가 직접 이해할 수 없기 때문에 이를 변환하는 도구이 Babel이 필요하다.
Bable은 npm을 통해 설치할 수 있으며, npm은 Node.js에 포함된 도구이므로 Node.js를 설치해야한다.


정상 설치 확인

2. npx create-react-app my-app 명령어로 프로젝트 생성


해당 명령어는 React 프로젝트를 초기화하고 필요한 모든 파일을 자동으로 설정함
my-app은 프로젝트 이름으로 개인별 설정

3.cd my-app 명령어로 디렉토리 이동

cd 프로젝트명

4. npm start 로 개발 서버 실행



실행시 브라우저 자동 실행

5. Ctrl + c 로 서버 중지

profile
🍀

0개의 댓글