반응형 vite2 Vite 기본 설정 및 실무 예제 + App.jsx 구조 분석 + useState 심화 개념 정리 🔍 Vite 기본 설정 및 실무 예제 + App.jsx 구조 분석 + useState 심화 개념 정리프론트엔드 개발에서 빠른 개발 환경과 직관적인 설정으로 각광받는 Vite. 이 글에서는 Vite의 핵심 설정 파일인 vite.config.js를 중심으로 기본 개념부터 실무 예제까지, 그리고 React의 진입점인 App.jsx 구조와 React Hook인 useState의 심화 개념까지 함께 정리합니다.📁 1. vite.config.js 기본 설정 해설vite.config.js는 Vite 프로젝트의 핵심 설정 파일로, 다음과 같은 역할을 합니다: 번들링 대상 정의 (plugins) 개발 서버 설정 (server) 별칭(alias) 등 모듈 해석 방식 설정 (resolve) 빌드 옵션 (build.. 2025. 5. 2. [React] Vite 설치 및 기본 개념 이해 Vite로 React 앱 만들기1. Vite 설치 및 프로젝트 생성절차터미널을 onebite-react 폴더로 이동합니다.다음 명령어를 입력합니다:npm create vite@latest프로젝트 이름을 묻는 창이 나오면 원하는 이름을 입력합니다.(예시: section_custom)"Select a framework" 질문에서는 방향키로 React를 선택합니다."Select a variant" 질문에서는 JavaScript를 선택합니다.프로젝트 폴더(section_custom)로 이동한 후, 의존성 설치를 위해 다음 명령어를 실행합니다:npm install설치가 완료되면 node_modules 폴더와 다수의 라이브러리들이 추가됩니다.Tip: 직접 React 설정을 구성하려면 번거로운 작업(webpack 설.. 2025. 4. 29. 이전 1 다음 반응형
