TypeScript 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

[React+Vite+TypeScript] try-catch! Vitest + RTL 최적화

이번에도 돌아온 프로젝트의 마무리 시간.최적화 타임!지난번 프로젝트에서는 Lighthouse로 최적화를 진행해보았다면,이번에는 그 전단계에서 진행하는 최적화 과정을 가져볼까 합니다.요 방법은 제가 채용 공고들을 보다가 알게 되었으며..처음 도전해보는 것이기 때문에 헤맬 수 있음에 유의하시고..그럼 들어가겄습니다. 저는 이번 프로젝트에서 프론트엔드를 맡았고, 제가 맡은 페이지들이 꽤 많았습니다.프론트엔드 전체 공통 UI 레이아웃부터 게임화면에 들어가기까지의 페이지를 제가 맡았거든요.아 그래서 제가 혼자서 많은걸 했다는 건가요? >> 전혀 아닙니다. 게임화면 페이지 구현, 채점 결과 페이지 구현 등 다른 페이지도정말 만만치 않았기 때문에 팀원들 모두 고생하며 개발했지요..아무튼 이렇게 프로젝트가 어떻게 완성..

Project 2026.02.13