React 앱 및 폴더 구조 생성

반응이란 무엇입니까?
React는 실제로는 프레임워크가 아닌 오픈 소스 JavaScript 프레임워크입니다. 그러나 현재 세계에서 가장 일반적으로 사용되는 프런트 엔드 개발 기술입니다. 원래 Facebook에서 개발하고 여전히 유지 관리하며 활성 오픈 소스 커뮤니티에서 지원하는 React는 JS '라이브러리'입니다.
물론 다른 JavaScript 라이브러리가 있지만 react는 언어와 그 원칙에 가깝게 유지하면서 유연성 때문에 가장 수요가 많은 것으로 알려져 있습니다.

반응 앱 만들기

Create React App은 단일 페이지 React 애플리케이션을 생성하기 위해 공식적으로 지원되는 방법입니다. 구성이 없는 최신 빌드 설정을 제공합니다. 터미널에 다음 명령을 입력하여 반응 앱을 만들 수 있습니다.

npx create-react-app my-app

또는

yarn create react-app my-app

사용하기로 선택한 것이 좋습니다. 해당 명령을 입력하면 다음에 입력할 명령은 아래와 같습니다.

cd my-app
npm start
그 후 화면은 다음과 같습니다.


그러면 아래와 같이 로컬 서버가 localhost:3000에서 열리도록 메시지가 표시됩니다.


이 단계에 도달했다면 React 앱 생성에 성공한 것입니다.

폴더 구조

폴더 구조화는 반응 앱에서 아주 좋은 기반을 갖기 위해 수행되는 매우 중요한 단계이며 이를 통해 코드를 다음 단계로 끌어 올릴 수 있습니다. 이는 향후 디버깅 중에도 유용할 수 있습니다. React 앱에 대한 특정 기본/표준 폴더 구조가 있습니다.


위의 그림은 폴더 구조화를 수행하는 방법에 대한 기본적인 예일 뿐이며 폴더를 구조화하는 다른 방법이 있으며 구조가 좋으면 파일 이름 지정 작업이 훨씬 쉬워집니다.