All Stories

[우테코] level-4 / 우아한 에러바운더리

요약 대시보드 UI 깨짐 문제의 근본 원인을 해결하기 위해 전역 에러 처리 구조를 재설계했습니다. Toast와 Fallback UI로 에러 유형을 분리하고, React Query와 ErrorBoundary를 결합해 사용자 경험을 해치지 않는 안정적인 에러...

[우테코] level-4 / 브라우저 지식 쌓기

요약 브라우저에 대한 궁금증을 해결하며 지식을 쌓아 나가는 공간입니다. 평소 지식으로만 쌓고 넘어갔던 부분들을 깊에 탐구해봅니다

[우테코] Lv.4 / 성능 최적화 : 요청 우선순위를 조정하자

요약 로딩 성능 개선 중 요청 우선순위 조절에 대한 내용을 다룹니다. 자원을 미리 받아오기 위한 preload, prefetch, preconnect와 자원을 나중으로 미루기 위한 defer,async를 다룹니다.

[우테코] Lv.4 / 성능 최적화 : 네트워크 요청 우선순위를 조절하자

요약 로딩 성능 개선 중 코드 레벨의 로딩 최적화에 대한 내용을 다룹니다. 빌드/런타임 단계에서 JS 코드(컴포넌트)를 어떻게 분리하고 불러올지를 결정하는 애플리케이션 레벨의 최적화 기법입니다.

[우테코] Lv.4 / 성능 최적화 : 폰트 요청 크기 줄이기

요약 폰트 크기를 줄임으로써 로딩 성능을 개선해봅니다. 수이의 테코톡 영상도 있으니 많관부~

[우테코] Lv.4 / 성능 최적화 : 이미지 요청 크기 줄이기

요약 성능 최적화를 위한 4가지 섹션 증 첫번째인 필요한 것만 요청하기(로딩 성능 개선)에 대한 내용을 다룹니다. 이미지 크기를 줄임으로써 로딩 성능을 개선해봅니다.