예시 답변 1
약 90초
상용 서비스 프론트엔드 성능 렌더링 최적화 결
상용 서비스 프론트엔드 개발에서 가장 큰 문제는 사용자 규모가 늘면서 초기 로딩 시간이 길어진 것이었습니다. 기능을 추가할수록 번들 크기가 커졌고, 처음 화면이 뜨기까지의 시간이 사용자 이탈에 영향을 줬습니다. 코드 스플리팅을 적용해 현재 화면에 필요한 코드만 로드하도록 바꿨고, 라우트 단위로 청크를 나누자 초기 번들 크기가 크게 줄었습니다.
이미지 최적화도 진행했는데, 고해상도 이미지를 그대로 올리던 것을 WebP 포맷과 적절한 해상도로 변환하자 로딩 속도가 개선됐습니다. Lighthouse 점수를 기준으로 개선 전후를 비교하면서, 어떤 변경이 실제로 효과가 있는지를 측정해가면서 작업했습니다. 한계는 서드파티 스크립트가 많아질수록 통제가 어렵다는 점이었는데, 필수적이지 않은 스크립트는 지연 로드하는 방식으로 우선순위를 낮췄습니다. 프론트엔드 성능은 측정하고 원인을 좁혀야 실제 개선이 된다는 결을 배웠습니다.
이 결의 특징
사용자 규모가 늘면서 초기 로딩 시간이 길어진 것이라는 구체적 기술을 직접 경험하고 그 과정에서 배움을 얻은 흔적이 드러납니다.
이 결이 통하는 자리
구체적인 도구나 기술 이름과 함께 그것을 왜 배웠는지 과정이 있을 때 실제 경험으로 인정받는 자리입니다.