React 개념, 드디어 이해하다 (Vite, JSX, 컴포넌트 & 폴더 구조, npm vs npx 그리고 Dev Server)
(dev.to)
React의 폴더 구조, npm과 npx의 차이, JSX의 작동 원리 등 프론트엔드 개발의 핵심 개념을 직관적인 비유를 통해 설명합니다. 단순한 사용법(How)을 넘어 동작 원리(Why)를 이해함으로써 개발자가 기술적 블랙박스를 해소하도록 돕는 글입니다.
이 글의 핵심 포인트
- 1React + Vite 폴더 구조를 체계적인 주거 공간에 비유하여 관리 효율성 강조
- 2npm(패키지 관리/저장)과 npx(일회성 실행/주문)의 명확한 차이점 설명
- 3