프론트엔드 서비스 최적화? 토스에서는 '이렇게' 합니다! | EP.9 모닥불
토스 프론트엔드 챕터 · 토스 · 토스 기술 블로그
소개
프론트엔드 개발자라면 한 번쯤 고민해봤을 성능 최적화! 토스 개발자들이 전하는 최적화의 본질과 실무 노하우를 공개합니다. 초기 로딩부터 런타임 최적화까지, 토스의 박서진, 박건영, 조유성 님이 전하는 최적화 사례와 비법을 만나보세요!
AI 핵심 요약
토스 프론트엔드 개발자들이 초기 로딩 속도와 런타임 성능, React 리렌더링 최적화에 관한 실무 경험을 나눕니다. 성능 최적화를 언제 시작할지부터 초기 로딩을 좌우하는 요인, 런타임 병목을 찾는 도구와 전략까지 다룹니다. 사용자가 체감하는 반응성과 실제 성능을 함께 고려하며, 측정과 문제 진단을 바탕으로 최적화해야 한다는 점을 전합니다.
- 성능 최적화는 막연히 시작하기보다 사용자 경험과 측정 결과를 바탕으로 우선순위를 정해야 합니다.
- 초기 로딩 개선에서는 로딩 속도에 영향을 주는 주요 요인을 나눠 살펴보고 병목을 찾아야 합니다.
- 런타임 성능은 적절한 도구로 측정한 뒤, 실제 병목에 맞는 전략을 적용하는 것이 중요합니다.
- React 리렌더링을 줄일 때는 불필요한 렌더링이 발생하는 원인을 파악하고 상황에 맞게 최적화해야 합니다.
비슷한 학습 자료
토스ㅣSLASH 21 - 프론트엔드 웹 서비스에서 우아하게 비동기 처리하기
SLASH · YouTube
무엇이든 물어보세요 (feat. 프론트엔드 코드, 디렉토리 관리) | EP.10 캠프파이어 특집 상편
토스 프론트엔드 챕터 · 토스 기술 블로그
프론트엔드 개발에서 Next.js, 꼭 써야 할까? | EP.6 모닥불
토스 프론트엔드 챕터 · 토스 기술 블로그
프론트엔드 개발에서 테스트 자동화, 꼭 해야 할까? | EP.3 모닥불
토스 프론트엔드 챕터 · 토스 기술 블로그
200여개 서비스 모노레포의 파이프라인 최적화
정석호 · 토스 기술 블로그
토스 프론트엔드 챕터를 소개합니다!
박서진 · 토스 기술 블로그