본문으로 이동
프론트엔드 서비스 최적화? 토스에서는 '이렇게' 합니다! | EP.9 모닥불
문서

프론트엔드 서비스 최적화? 토스에서는 '이렇게' 합니다! | EP.9 모닥불

토스 프론트엔드 챕터 · 토스 · 토스 기술 블로그

원본 보기

소개

프론트엔드 개발자라면 한 번쯤 고민해봤을 성능 최적화! 토스 개발자들이 전하는 최적화의 본질과 실무 노하우를 공개합니다. 초기 로딩부터 런타임 최적화까지, 토스의 박서진, 박건영, 조유성 님이 전하는 최적화 사례와 비법을 만나보세요!

AI 핵심 요약

토스 프론트엔드 개발자들이 초기 로딩 속도와 런타임 성능, React 리렌더링 최적화에 관한 실무 경험을 나눕니다. 성능 최적화를 언제 시작할지부터 초기 로딩을 좌우하는 요인, 런타임 병목을 찾는 도구와 전략까지 다룹니다. 사용자가 체감하는 반응성과 실제 성능을 함께 고려하며, 측정과 문제 진단을 바탕으로 최적화해야 한다는 점을 전합니다.

  • 성능 최적화는 막연히 시작하기보다 사용자 경험과 측정 결과를 바탕으로 우선순위를 정해야 합니다.
  • 초기 로딩 개선에서는 로딩 속도에 영향을 주는 주요 요인을 나눠 살펴보고 병목을 찾아야 합니다.
  • 런타임 성능은 적절한 도구로 측정한 뒤, 실제 병목에 맞는 전략을 적용하는 것이 중요합니다.
  • React 리렌더링을 줄일 때는 불필요한 렌더링이 발생하는 원인을 파악하고 상황에 맞게 최적화해야 합니다.