첫째, React는 특히 단일 페이지 애플리케이션의 UI 구축에 널리 사용되는 JavaScript 라이브러리입니다. 이를 통해 개발자는 재사용 가능한 구성 요소를 만들고 애플리케이션 상태를 효율적으로 관리할 수 있습니다. 이번 블로그에서는 React 프로젝트를 설정하는 과정 등을 살펴보겠습니다.

전제조건
React에 들어가거나 React 프로젝트를 생성하기 전에 다음 도구를 설치해야 합니다.

1. Node.js: 공식 웹사이트(https://nodejs.org/en)에서 최신 버전의 Node.js를 다운로드할 수 있습니다.
2. 코드 편집기: 자신에게 편한 편집기를 사용할 수 있습니다. VSCode를 사용하는 것이 좋습니다.

프로젝트 생성 방법

1. 명령 프롬프트나 터미널을 엽니다.
2. 다음 cmd를 실행하세요

//Replace my-app with the name of your project.
npx create-react-app my-app

//navigate to your project directory
cd my-app 

//this cmd helps us to run our script
npm start 

폴더 구조

my-app/
├── node_modules/
├── public/
│   ├── index.html
│   └── manifest.json
├── src/
│   ├── components/
│   ├── App.css
│   ├── App.js
│   ├── App.test.js
│   ├── index.css
│   ├── index.js
│   └── reportWebVitals.js
├── .gitignore
├── package-lock.json
├── package.json
└── README.md

1. node_modules: 프로젝트에 필요한 라이브러리 및 패키지와 같은 모든 종속성이 저장되는 디렉터리입니다.

2. src: 모든 React 애플리케이션 코드가 포함된 소스 폴더입니다. 여기에서 React 애플리케이션의 구성요소, 스타일, 로직을 작성합니다.

3. package.json: 프로젝트에 대한 메타데이터와 필요한 종속성이 포함된 JSON 파일입니다. 프로젝트의 종속성, 스크립트, 버전 및 기타 사항을 관리합니다.