첫째, React는 특히 단일 페이지 애플리케이션의 UI 구축에 널리 사용되는 JavaScript 라이브러리입니다. 이를 통해 개발자는 재사용 가능한 구성 요소를 만들고 애플리케이션 상태를 효율적으로 관리할 수 있습니다. 이번 블로그에서는 React 프로젝트 설정 과정 등을 살펴보겠습니다.
전제조건
React에 들어가거나 React 프로젝트를 생성하기 전에 다음 도구를 설치해야 합니다.
1. Node.js: 공식 웹사이트(https://nodejs.org/en)에서 최신 버전의 Node.js를 다운로드할 수 있습니다.
2. 코드 편집기: 자신에게 편한 편집기를 사용할 수 있습니다. VSCode를 사용하는 것이 좋습니다.
프로젝트 생성 방법
//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 파일입니다. 프로젝트의 종속성, 스크립트, 버전 등을 관리합니다.
위 내용은 반응 시작하기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!