React로 프로젝트 만들기, 명령어로 간단하게

CRA(create-react-app)의 지원 종료
1. 2025년 02월 14일부로 cra가 지원 종료를 하였습니다.
2. cra를 적극적으로 지원하는 인원이 없었고, 이미 많은 기존 프레임워크들이 이러한 문제를 잘 해결하고 있어서 지원을 종료했다고 발표했습니다.
npm create vite@latest {프로젝트명} -- --template react 명령어를 이용하여 React 프로젝트를 만들 수 있습니다.
- React 프로젝트에 typescript template를 적용하여 진행할 예정이에요.
  - typescript ( 정적 타입 검사자 )
    - 변수, 함수, 객체 등에 타입을 지정할 수 있습니다.
    - 컴파일 시 타입 오류를 잡아주어 버그를 줄일 수 있습니다.
    - 사용하는 이유
      - 코드의 안정성: 타입 체크로 인해 런타임 오류를 사전에 방지할 수 있습니다.
      - 가독성 및 유지보수성 향상: 타입 명시로 인해 코드가 더 명확해지고, 협업이 쉬워집니다.
      - 대규모 프로젝트에 적합: 큰 코드베이스에서 관리와 확장성이 뛰어납니다.
- ```
#기본
npm create vite@latest {프로젝트명} -- --template react
```
  #typescript template 적용 npm create vite@latest {프로젝트명} -- --template react-ts
명령어를 사용하여 프로젝트 만들기
- Ok to procees? 설치 여부를 물어봅니다. (y)
  - ```
  npm create vite@latest sample-react-blog -- --template react-ts
  
  Need to install the following packages:
  
  create-vite@7.1.1
  
  Ok to proceed? (y)
```
- 설치 이후
  - ```
  &gt; npx
  
  create-vite sample-react-blog --template react-ts
  
  │
  
  ◇  Scaffolding project in /Users/minhyeok/Downloads/react/sample-react-blog...
  
  │
  
  └  Done. Now run:
```
  cd sample-react-blog #react 프로젝트 폴더로 이동합니다. npm install #프로젝트에 필요한 모든 패키지(의존성)을 node_modules 폴더에 설치합니다. npm run dev #프로젝트를 실행합니다.
- cd sample-react-blog
- npm install
- npm run dev
- 위 명령어를 입력 후
  - ```
    VITE v7.1.2  ready in 208 ms
```
  ➜ Local: http://localhost:5173/ ➜ Network: use --host to expose ➜ press h + enter to show help
- Local 주소를 인터넷창에 입력하고 난 뒤 하단의 이미지와 같은 화면이 나온다면 React 블로그 프로젝트를 시작할 준비가 완료되었습니다.

@참고: 진행중인 React 블로그 개발 프로젝트 Github 주소

React로 프로젝트 만들기, 명령어로 간단하게

CRA(create-react-app)의 지원 종료

npm create vite@latest {프로젝트명} -- --template react 명령어를 이용하여 React 프로젝트를 만들 수 있습니다.

명령어를 사용하여 프로젝트 만들기