logo

[React] CRA에서 Vite로 마이그레이션 과정 및 코드 개선

language-logoReactJS

• CRA에서 Vite로 마이그레이션을 진행한 이유는 개발 서버 구동 시간과 빌드 시간이 오래 걸리며, React 팀에서도 더 이상 CRA를 권장하지 않기 때문입니다. Vite는 esbuild와 rollup을 기반으로 하여 빠른 개발 서버 시작과 유연한 번들링을 제공합니다.
• 마이그레이션 과정에서는 Vite 설치 및 설정, 타입스크립트 인식 추가, ESM 문법으로의 코드 변경 등을 수행했으며, Vite 환경에서 발생하는 에러를 해결하는 작업도 포함되었습니다.
• Vite로의 마이그레이션 과정에서 발생한 .md 파일 처리, PDF.js 관련 이슈, MediaPipe 라이브러리 호환성 문제 등을 해결하고, 절대경로 설정 및 불필요한 라이브러리 제거 등의 코드 개선 작업을 수행했습니다.
• 마이그레이션 후 개발 환경이 개선되었으며, 앞으로 react-query 버전업, FSD 아키텍처 도입, recoil에서 jotai로 변환 등의 추가적인 개선 작업을 계획하고 있습니다.

thumbnail
북마크
공유하기
신고하기
13분 분량
조회수 221
profile-image용용용
8달 전
Copyright © 2025. Codenary All Rights Reserved.