유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

React 19 Tutorial - 2 - Your First React App

Codevolution

2025. 11. 3.

0

#frontend
#devops
  • React 개발 환경 설정을 위해 NodeJS와 VS Code 같은 코드 에디터가 필수적입니다. 🛠️
  • 초보자는 10년 이상 표준이었던 클라이언트 측 React 접근 방식을 사용하는 것이 권장되며, 다른 렌더링 전략은 성능 최적화로 간주됩니다. 👶
  • 새 React 프로젝트 생성에는 빠르고 현대적인 빌드 도구인 Vite를 npm create vite@latest 명령어로 사용합니다. ⚡
  • Vite 프로젝트 생성 시, 프로젝트 이름은 'hello-world', 프레임워크는 'React', 변형은 'JavaScript + React compiler'를 선택해야 합니다. 📝
  • 생성된 React 앱은 localhost:5173에서 개발 서버로 실행되며, 브라우저에서 즉시 확인할 수 있습니다. 🌐
  • Vite의 핫 모듈 교체(HMR) 기능 덕분에 코드 변경 사항이 페이지 새로고침 없이 즉시 반영되어 개발 효율성을 높입니다. 🔥
  • app.jsx 파일에서 텍스트를 수정하여 첫 번째 React 앱의 내용을 쉽게 변경하고 즉시 결과를 확인할 수 있습니다. ✏️
  • 개발 서버는 Ctrl + C로 중지하고, 프로젝트 폴더로 이동(cd hello-world) 후 npm run dev 명령어로 다시 시작할 수 있습니다. 🔄

Recommanded Videos