토스ㅣSLASH 22 - 잃어버린 개발자의 시간을 찾아서: 매일 하루를 아끼는 DevOps 이야기
SLASH 토스 · YouTube
AI 핵심 요약
SSR 도입으로 사용자 로딩 경험은 개선됐지만, 모노레포의 빌드·배포 시간이 늘어 개발자 생산성이 떨어지는 문제가 생겼다. 토스는 Yarn Berry의 Zero-Install과 Git partial clone을 적용해 의존성 설치와 저장소 복제 시간을 줄이고, Docker 레이어 캐싱과 `@vercel/nft`의 파일 추적으로 실행에 필요한 파일만 이미지에 담았다. 그 밖에도 esbuild, SWC, CircleCI의 병렬 실행 등을 활용했으며, 발표 시점에는 저장소 복제가 5초 안팎, 빌드·배포가 1분 20초 안에 끝나는 환경을 소개했다. 빌드 최적화는 개별 명령을 빠르게 하는 데 그치지 않고, 반복되는 배포에서 네트워크 전송과 불필요한 작업을 줄이는 방향으로 설계해야 한다.
- Yarn Berry의 Zero-Install을 활용하면 의존성을 저장소에 포함해 CI에서 별도 설치하는 시간을 줄일 수 있다.
- Git shallow clone은 커밋 이력을 제한해 파일 변경 분석을 어렵게 할 수 있으므로, 필요한 커밋 정보는 유지하면서 파일 다운로드를 줄이는 partial clone을 고려한다.
- Git의 blobless partial clone은 파일 내용 대신 객체 ID를 비교해 변경 파일을 파악하고, 필요한 파일만 가져올 수 있다.
- Docker 이미지의 공통 레이어를 재사용하고 서비스별 변경 레이어를 최소화하면 이미지 업로드와 쿠버네티스 노드의 다운로드 부담을 줄일 수 있다.
- Node.js 서비스 실행에 필요한 파일만 추적해 이미지에 담으면 불필요한 파일 복사를 피할 수 있다.
소개
서비스가 지속적으로 최고의 사용자 경험을 제공하기 위해서는 개발자 경험(DX)이 뒷받침되어야 합니다. 토스에서 SSR을 도입하면서 겪었던 다양한 어려움과 이 를 수호하기 위한 해결법을 공유합니다. 박서진 / 토스 Frontend Developer 발표 자료 👉🏻 https://bit.ly/3ObL3Y9 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://toss.im/slash-22 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im #토스 #개발자컨퍼런스 #SLASH
비슷한 학습 자료
컨퍼런스 SLASH
업무를 더 효율적으로, 최대의 성과를 낼 수 있는 법은 무엇일까요? 클러스터 운영부터 서비스 라이프사이클 관리까지, 데브옵스 업무 효율화 사례를 소개합니다. 양석준 / DevOps Engineer 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://toss.im/slash-24 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im 토스에 합류하고 싶다면 👉🏻 https://toss.im/career/jobs #토스 #개발자컨퍼런스 #SLASH #SLASH24 #devops #cluster 유의 사항 *본 발표자료의 저작권은 연사에 있으며, 저작권자의 사전 서면 동의 없이 자료의 일부 또는 전부를 이용하거나 배포할 수 없습니다. *또한 해당 자료를 복제하여 SLASH 행사 홈페이지를 제외한 온라인상에 게재하는 행위는 연사가 동의한 저작권 및 배포전송권에 위배됩니다. *토스가 다루는 모든 개인정보는 고객에게 동의를 받은 후에 처리...
데브옵스 · 인프라
컨퍼런스 SLASH
토스ㅣSLASH 23 - LIVE Q&A : 토스 개발 문화에 대한 오해와 진실
컨퍼런스 SLASH
평균 경력 10년의 TPO와 서버 개발자들은 토스에서 어떤 성취를 이뤘고, 또 어떤 고민을 하고 있을까요? 토스 제품의 기반이 되는 Product Foundation을 만드는 이들의 이야기, SLASH23 특별 세션에서 만나 보세요. 김보람, 임희진/ 토스 Technical Product Owner 김현준, 박재현 / 토스 Server Developer 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://bit.ly/43kW3tO 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im 토스에 합류하고 싶다면 👉🏻 https://toss.im/career/jobs #토스 #개발자컨퍼런스 #slash *본 발표자료의 저작권은 연사에 있으며, 저작권자의 사전 서면 동의 없이 자료의 일부 또는 전부를 이용하거나 배포할 수 없습니다. *또한 해당 자료를 복제하여 SLASH 행사 홈페이지를 제외한 온라인상에 게재하는 행위는 연사가 동의한 ...
컨퍼런스 SLASH
토스 웹페이지의 한 달 방문 횟수는 약 2억 번에 달합니다. 많은 횟수만큼 유저가 기다리는 시간도 상당했을 겁니다. 서버 사이드 렌더링(SSR)을 이용해 유저의 시간을 아낀 경험을 소개합니다. 김도환 / 토스 Frontend DevOps Engineer 발표 자료 👉🏻 https://bit.ly/3NOx8r9 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://toss.im/slash-22 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im #토스 #개발자컨퍼런스 #SLASH
웹 개발 프론트엔드
컨퍼런스 SLASH
토스ㅣSLASH 21 - 토스팀을 위한 슬랙봇 설계
컨퍼런스 SLASH