드디어 이해되는 React 개념들 (Vite, JSX, 컴포넌트와 폴더 구조, npm vs npx, 개발 서버)

이 글은 React와 Vite의 기본 개념을 정리하며, 프로젝트 구조를 이해하기 쉽게 설명한다.

npm과 npx의 차이를 짚어 주고, 개발 환경을 설치하고 실행하는 흐름을 소개한다.

JSX가 JavaScript 안에서 HTML처럼 UI를 작성하게 해 주는 방식도 함께 다룬다.

src, components, assets, public, node_modules, main.jsx, App.jsx 같은 핵심 폴더와 파일의 역할을 살펴본다.

초보자가 React 앱의 구성 요소를 파악하고 더 자신 있게 프로젝트를 시작하도록 돕는다.