Create React App이란?

1. Create React App이란?

• React 애플리케이션을 빠르고 간편하게 설정하기 위해 사용

• 복잡한 설정을 자동화해줌
• 초기 설정 자동화
• 프로젝트 설정에 필요한 많은 복잡한 작업을 자동으로 처리해줌
• Webpack, Babel 설정, ESLint, Jest와 같은 도구들을 개발자가 직접 설정하지 않아됨
• 기본적으로 제공되기 때문에 시간을 절약할 수 있음
• 빠른 시작
• 복잡한 빌드 도구 설정에 시간을 들이지 않고 바로 React 개발을 시작할 수 있음
• 기본적인 React 구조와 파일들이 자동으로 생성
• 최적화된 빌드
• 개발 모드에서는 빠르게 작업할 수 있도록 설정
• 개발 모드

npm start // 개발 모드에서 애플리케이션이 실행

• 최적화보다는 빠른 개발에 초점을 맞추고, 오류 및 경고 메시지가 상세하게 출력
• 프로덕션 모드에서는 최적화된 빌드가 자동으로 생성
• 애플리케이션을 배포할 때 별도의 최적화 과정이 필요 없음
• 프로덕션 모드

npm run build // 프로덕션용으로 최적화된 정적 파일로 빌드

• 빌드된 파일들은 build 폴더에 생성되고 웹 서버에 배포될 준비가 된 상태
• Zero Configuration
• 복잡한 빌드 도구, 환경 설정을 고민하지 않고 바로 React를 사용하여 시작할 수 있음
• 초보자와 경험자 모두에게 적합한 개발 환경을 제공
• 커뮤니티 표준
• React 개발자 커뮤니티에서 널리 사용되는 표준 도구
• 기본적으로 제공되는 설정은 많은 개발자가 사용하고 있는 패턴에 기반
• 다른 개발자들과 협업할 때 익숙한 환경을 공유할 수 있음
• 개발 환경의 일관성
• 모든 개발자가 동일한 환경에서 작업할 수 있어, 환경 문제나 충돌을 줄일 수 있음
• 최신 기술 스택 사용
• 최신 버전의 Webpack, Babel 등의 도구들이 기본 설정에 포함
• 프로젝트 관리의 용이함
• 자동으로 Git 리포지토리를 초기화
• 애플리케이션이 관리하기 쉬운 구조로 구성
• 대규모 애플리케이션에서 확장하기 용이

2. CSR을 염두에 두고 설계됨

• CSR(Client-Side Rendering) 기반의 React 프로젝트를 빠르게 시작하는 데 사용

• 장점:
• 사용자의 브라우저에서 모든 UI 처리가 이루어지기 때문에 서버 부하가 적음
• 사용자가 서버로부터 HTML 파일을 받은 후 브라우저에서 React 코드로 UI를 렌더링하는 구조를 쉽게 설정할 수 있음

3. SSR을 지원하지 않음

• SSR로 전환하려면 Next.js와 같은 프레임워크를 사용하는 것이 좋음
• Next.js: Next.js는 SSR과 SSG(Static Site Generation)를 지원하는 React 프레임워크