React 앱 생성하기

1. 리액트 소개

• 리액트란?
  • 리액트(React)는 페이스북에서 개발한 JavaScript 라이브러리로, 사용자 인터페이스(UI)를 구축하는 데 사용됩니다.
  • 컴포넌트 기반 아키텍처를 사용하여 재사용 가능하고 관리하기 쉬운 UI를 만들 수 있습니다.
  • 선언형(Declarative) 방식으로 UI를 설계하여, 상태가 변경될 때 자동으로 UI를 갱신합니다.

리액트 프로젝트 시작하기

• 리액트 환경 설정
  • Node.js 설치: 리액트 프로젝트를 시작하려면 Node.js가 필요합니다. Node.js 공식 웹사이트에서 최신 버전을 설치합니다.
  • Create React App 사용: create-react-app은 리액트 애플리케이션을 쉽게 시작할 수 있게 해주는 명령어 도구입니다.  

[ git bash ]
npx create-react-app my-app
cd my-app
npm start

에러1) npx create-react-app my-app 설치 완료 후 에러 발생 시

npm config set legacy-peer-deps true

 

에러2) > npm start 실행 후 아래와 같이 에러가 난다면

 

$ npm install --save-dev ajv@^7