토스 프론트엔드 챕터를 소개합니다!
박서진 · 토스 · 토스 기술 블로그
소개
토스에서 프론트엔드 개발자가 일하는 방법과 맡고 있는 역할에 대해 소개드립니다.
AI 핵심 요약
토스 프론트엔드 개발자는 제품별 목적 조직인 사일로에서 프로덕트 오너, 디자이너, 서버 개발자 등과 협업하며 반기별 OKR에 맞춰 제품을 개선합니다. 사일로별로 독립적으로 일하면서도 공통 라이브러리 개발, 의무적인 코드 리뷰, 챕터 위클리의 Tech Talk와 스터디로 기술과 경험을 나눕니다. 기술 스택은 React와 TypeScript를 중심으로 Next.js의 SSR·Static Export를 활용하며, Yarn Berry·Emotion·React Query·SWR도 사용합니다. 제품 조직의 자율성과 챕터 차원의 협업을 함께 운영하고, 발표와 리뷰를 통해 설계와 기술 선택을 지속적으로 논의하는 방식이 핵심입니다.
- 목적 조직인 사일로는 제품 단위로 운영되며, 프론트엔드 개발자는 제품 목표와 개선에 직접 참여합니다.
- 공통으로 쓸 수 있는 코드는 라이브러리로 추상화하고, 서비스 코드와 라이브러리 모두 코드 리뷰를 거칩니다.
- 챕터 위클리의 짧은 발표와 기술 스터디를 통해 분산된 구성원 사이에서 지식과 개발 경험을 공유합니다.
- TypeScript는 전체 코드에 적용하고, Next.js의 SSR·Static Export로 사용자에게 빠른 웹 화면을 제공하려 합니다.
- React Query와 SWR은 비동기 자원을 선언적으로 관리하고 캐싱하는 데 활용됩니다.
비슷한 학습 자료
토스 프론트엔드 챕터가 오픈소스를 통해 꿈꾸는 미래
문동욱 · 토스 기술 블로그
프론트엔드 서비스 최적화? 토스에서는 '이렇게' 합니다! | EP.9 모닥불
토스 프론트엔드 챕터 · 토스 기술 블로그
프론트엔드 개발에서 Next.js, 꼭 써야 할까? | EP.6 모닥불
토스 프론트엔드 챕터 · 토스 기술 블로그
토스 개발자는 개발만 잘해도 될까 | EP.5 모닥불
토스 프론트엔드 챕터 · 토스 기술 블로그
그 많은 개발 문서는 누가 다 만들었을까 (2) 개발자의 학습을 돕는 모든 것
한주연 · 토스 기술 블로그
그 많은 개발 문서는 누가 다 만들었을까 (1) 토스페이먼츠 테크니컬 라이터가 하는 일
한주연 · 토스 기술 블로그