Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그
토스뱅크가 패키지를 관리하는 방식 #2: 토스뱅크 패키지의 세 가지 기준 섬네일

토스뱅크가 패키지를 관리하는 방식 #2: 토스뱅크 패키지의 세 가지 기준

토스 favicon토스·Architecture·
TypeScriptJavaScriptNextJS
2026년 10월 16일0

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

토스가 운영하는 토스뱅크는 패키지 관리의 기준으로 안정성, 예측 가능성, 디버깅 편의성을 제시하고, 트랜스파일링과 번들링을 호스트에 맡김으로 원본 문법과 모듈 구조를 최대한 유지하는 접근을 도입했습니다.

구현 방법

  • 호스트 실행 환경에 맞춘 문법 변환은 호스트 도구가 수행하고, API는 런타임 폴리필로 보완합니다
  • 타입 검사에 호스트 API 지원 범위를 반영하되 실제 지원 여부는 런타임에서 확인합니다
  • declaration sourcemap을 제공해 IDE에서 원본 구현을 직접 확인할 수 있도록 연결합니다
  • 파일별 지시문과 모듈 경계를 해석하고 최종 번들링은 패키지 빌드가 아닌 호스트에 맡깁니다

주요 결과

  • 서로 다른 서비스의 런타임 차이에 맞춘 변환이 가능하므로 일관된 배포 흐름을 유지할 수 있습니다
  • 원본 모듈 구조 유지와 선언 sourcemap 제공으로 디버깅 편의성이 향상됩니다

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
토스뱅크가 패키지를 관리하는 방식 #1: 패키지를 ESM으로만 제공하기로 했어요 섬네일
76%

토스뱅크가 패키지를 관리하는 방식 #1: 패키지를 ESM으로만 제공하기로 했어요

토스 favicon토스·2026년 10월 15일
AI가 팀 규칙을 지키도록 하는 방법 섬네일
72%

AI가 팀 규칙을 지키도록 하는 방법

토스 favicon토스·2026년 09월 08일
포스를 확장하는 가장 빠른 방법, 포스 플러그인 섬네일
71%

포스를 확장하는 가장 빠른 방법, 포스 플러그인

토스 favicon토스·2025년 10월 29일