#ViTE

| 서론 안녕하세요, 팡일입니다. Vite 프로젝트에서 npm run dev를 실행하던 중 다음과 같은 경고 메시지가 나타났습니다. Browserslist: browsers data (caniuse-lite) is 7 months old. Pleas…

| 서론 안녕하세요, 팡일입니다. 프론트엔드 프로젝트를 진행하다 보면 Vite의 resolve 옵션을 자주 마주하게 됩니다. 처음에는 단순히 alias 설정 정도로만 사용하는 경우가 많지만, 실제로는 모듈 경로 해석, 의존성 중복 방지, 환경별 en…

| 서론 안녕하세요, 팡일입니다. Vite를 사용하다 보면 vite.config.ts 파일에서 다양한 옵션들을 설정하게 되는데, 처음에는 어떤 옵션이 언제, 어떻게 적용되는지 감이 잘 잡히지 않는 경우가 많습니다. 특히 설정을 추가할 때마다 “이건 …

| 서론 안녕하세요, 팡일입니다. 프론트엔드 프로젝트를 진행하다 보면 vite.config.ts 파일을 자주 마주하게 됩니다. 처음에는 단순히 플러그인이나 alias 정도를 설정하는 파일처럼 보이지만, 실제로는 개발 서버 실행 방식, 빌드 전략, 환…

| 서론 안녕하세요, 팡일입니다.프로젝트를 진행하면서 서버 데이터 호출 로직이 점점 복잡해져, API 모듈 구조를 정리하려고 했습니다. 그런데 구조를 손본 직후, 화면이 하얘지고 콘솔에는 courses.ts 404가 터졌습니다.“파일 하나만 만들면 …

오프닝 프론트엔드 개발을 하면서 코드 품질을 유지하고, 안정적으로 배포하는 방법에 대한 고민이 늘 있었다. 그러던 중 CI/CD라는 개념을 접하게 되었고, 이를 실제 프로젝트에 어떻게 적용할 수 있는지 공부해보게 되었다. 이번 포스팅에서는 CI/CD…