frontend 2

[React+Vite+TypeScript] try-catch! 이미지/오디오/폰트 최적화 및 vite 번들 최적화

안녕하세요! 지난번 최적화 과정 (https://devbyzero.tistory.com/22)글을 쓰고 재빠르게 2탄으로 돌아왔습니다.. [React+Vite+TypeScript] try-catch! Vitest + RTL 최적화이번에도 돌아온 프로젝트의 마무리 시간.최적화 타임!지난번 프로젝트에서는 Lighthouse로 최적화를 진행해보았다면,이번에는 그 전단계에서 진행하는 최적화 과정을 가져볼까 합니다.요 방법은devbyzero.tistory.com 최적화란 끝도 없으며,, 하기 나름이기도 하지만이번 프로젝트는 지금 상황에서 할 수 있는 만큼 해보려고 합니다.무엇보다 개발하면서 늘 이미지와 오디오 파일이 큰 것이 신경이 쓰였기 때문에최적화로 줄여버리고 싶은 마음이 컸고..귀찮음을 꾹 참고 해보겠습니..

Project 2026.02.16

[Jenkins][React+TypeScript] eslint가 배포 빌드에 영향을 미치는 점..

프론트엔드 개발환경 세팅할때 다들 자동설정되는 eslint 파일.. 아시죠..?현재 제가 하고 있는 프로젝트는 Jenkins로 배포가 되어 있는 상황이라 브랜치로 push 하면 바로 빌드가 되어 배포 사이트에서 확인이 가능한데요,, 오늘 글은 제가 한 eslint 설정과 이것이 배포환경에 미치는 영향을 알아보도록 하겠습니다.. 우선 저는 eslint.config.js 파일을 다음과 같이 작성했습니다import js from '@eslint/js';import globals from 'globals';import reactHooks from 'eslint-plugin-react-hooks';import reactRefresh from 'eslint-plugin-react-refresh';import tse..

Project 2026.01.27