문서

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

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

AI 핵심 요약

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

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

소개

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

비슷한 학습 자료

컨퍼런스 SLASH

토스ㅣSLASH 21 - 프론트엔드 웹 서비스에서 우아하게 비동기 처리하기

컨퍼런스 SLASH

API를 호출하거나 네이티브 앱과 통신할 때 프론트엔드 웹 서비스에서는 반드시 비동기 작업이 일어나게 됩니다. 일상처럼 다루고 있지만 정작 UI에서 다루기 힘든 비동기 프로그래밍. React Suspense를 이용하여 우아하게 처리하는 이론과 실전 적용법을 공유합니다. 박서진 / 토스 Frontend Developer 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://toss.im/slash-21 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im #토스 #개발자컨퍼런스 #SLASH

프론트엔드 로드맵 2개에 담김