전체
개발
디자인
  • 200여개 서비스 모노레포의 파이프라인 최적화토스 프론트엔드 챕터에서는 하나의 모노레포에서 200여개가 넘는 서비스를 관리하고 있어요. 이렇게 커진 모노레포에서도 git push 부터 배포까지 5분을 유지할 수 있는 비결을 소개합니다!2024년 6월 14일 · 정석호
    thumbnail
  • 프로젝트 전체에서 사용되는 패키지, 어떻게 마이그레이션 할까?시간이 지날수록 그동안 잘 사용했던 기반 기술들이 더 이상 최선의 선택이 아닌 순간이 오는데요. 제품을 계속 안정적으로 운영하면서 마이그레이션 또한 쉽지 않습니다. 오늘은 토스의 TUBA 팀에서는 이런 문제를 어떻게 해결했는지 소개드릴게요.2024년 6월 4일 · 김덕원
    thumbnail
  • 여러 프레임워크에서 사용할 수 있는 라이브러리 만들기여러분은 라이브러리를 만들어봤거나, 만들어야겠다고 생각해본 적이 있나요? 이번에는 프론트엔드 개발 환경에서 높은 범용성을 나타내는 용어 중 하나인 “Framework Agnostic”에 대해 이야기 해보려고 합니다.2024년 6월 3일 · 임지훈
    thumbnail
  • 드래그 앤 드롭은 사실 편한 UX가 아니다?드래그 앤 드롭은 장애를 가진 사용자에게는 불편한 UX가 되기도 해요. 오늘은 “나눠모으기 통장” 서비스의 접근성 설계 단계부터 개발 과정까지 소개하고 접근성을 챙길 수 있는 간단한 방법을 알려드릴게요.2024년 5월 30일 · 황수재
    thumbnail
  • Transpiler, “사용”말고 “활용”하기매일 “사용”만 하는 transpiler, 토스뱅크에서는 한 단계 더 잘 “활용”해 보기로 했어요. 오늘은 transpiler로 로깅 과정을 개선한 사례를 소개 드릴게요.2024년 5월 24일 · 강현구
    thumbnail
  • 패키지 매니저의 과거, 토스의 선택, 그리고 미래토스는 왜 패키지 매니저로 Yarn을 선택했을까요? 이번 라이트닝 토크에서는 JavaScript의 패키지 매니저, 동작 방식, 그리고 토스의 선택과 앞으로의 방향성에 대해 이야기해 보려고 해요.2024년 5월 23일 · 박서진
    thumbnail
  • 서버 증설 없이 처리하는 대규모 트래픽늘어나는 트래픽을 잘 처리하기 위해 서버 개발자는 어떤 고민을 해야 할까요? “라이브 쇼핑 보기” 서비스에 대규모 트래픽이 들어오면서 겪은 문제와 해결책을 공유드려요.2024년 5월 13일 · 함종현
    thumbnail
  • 토스가 꿈꾸는 React Native 기술의 미래토스 프론트엔드 챕터는 어떻게 React Native 기술을 발전시켜 나갈 예정일까요?2024년 3월 25일 · 박서진
    thumbnail
  • 더 자유롭고, 빠르고, 정확하게: 토스페이먼츠 API 문서 엔지니어링MDX, OAS, remark를 활용한 토스페이먼츠의 API 문서 엔지니어링에 대해 소개해요.2024년 3월 20일 · 한주연/신지호
    thumbnail
  • 프론트엔드 배포 시스템의 진화 (1) - 결제 SDK에 카나리 배포 적용하기토스페이먼츠 SDK 팀에서 카나리 배포를 프론트엔드 제품에 적용하면서 개발자들의 배포 경험을 개선한 사례를 소개해요.2024년 3월 5일 · 라웅배
    thumbnail
  • 달리는 기차의 바퀴 교체하기 2. Restructuring이미 운영 중인 제품을 전부 갈아엎고 다시 만드는 경험을 하기는 어려운데요. 운 좋게 팀 내 공감대가 형성되어 여러 팀원과 하나의 제품을 온전히 개선해 볼 수 있었어요. 앞선 내용에 이어서 이 글에서는 구체적으로 어떻게 개선했는지 소개할게요.2024년 2월 23일 · 한재엽
    thumbnail
  • OpenZFS로 성능과 비용, 두 마리 토끼 잡기토스페이먼츠 DevOps 엔지니어가 스토리지 파일 시스템을 OpenZFS로 변경하면서 성능은 높이고 비용은 절감한 과정을 소개합니다.2024년 2월 20일 · 박명순
    thumbnail
  • 캐시 문제 해결 가이드 - DB 과부하 방지 실전 팁대용량 트래픽 환경에서 캐시를 사용할 때 주의해야할 위험 상황과 예방법을 소개합니다.2024년 2월 15일 · 김신
    thumbnail
  • GitHub Actions로 개선하는 코드 리뷰 문화자동화를 통해 코드 리뷰 문화를 개선하고 편의를 높였던 경험을 공유해요.2024년 2월 7일 · 김성일
    thumbnail
  • 그 많은 개발 문서는 누가 다 만들었을까 (2) 개발자의 학습을 돕는 모든 것토스의 테크니컬 라이터가 하는 일에 이어, 개발자 경험 전반으로 역할을 확장해 온 이야기를 공유해요.2024년 1월 25일 · 한주연
    thumbnail
  • 그 많은 개발 문서는 누가 다 만들었을까 (1) 토스페이먼츠 테크니컬 라이터가 하는 일토스 커뮤니티의 테크니컬 라이터들은 개발자를 위한 문서를 쓰는 것뿐만 아니라, 멋진 개발자 경험을 제공하기 위해 다양한 일을 하고 있답니다.2024년 1월 23일 · 한주연
    thumbnail
  • Spring JDBC 성능 문제, 네트워크 분석으로 파악하기토스페이먼츠 정산 플랫폼에서 많은 양의 정산 데이터 처리 과정에서 생긴 지연 이슈를 처리한 방법을 소개해요.2024년 1월 17일 · 강민주
    thumbnail
  • 달리는 기차의 바퀴 교체하기 1. Planning이미 운영 중인 제품을 전부 갈아엎고 다시 만드는 경험을 하기는 어려운데요. 운 좋게 팀 내 공감대가 형성되어 여러 팀원과 하나의 제품을 온전히 개선해 볼 수 있었어요. 이 글에서는 구체적인 개선 내용에 앞서 어떻게 프로젝트를 셋업하고 진행했는지 소개할게요.2024년 1월 11일 · 한재엽
    thumbnail
  • 브라우저용 번들링 플러그인, 직접 만들었어요프론트엔드 번들링 도구를 사용하는 것을 넘어 직접 플러그인을 만들어 본 과정을 소개해요.2024년 1월 10일 · 신지호
    thumbnail
  • 프론트엔드 로깅 신경 안 쓰기프론트엔드 개발자라면 한 번쯤 고민해봤을 클라이언트 로깅 개선 과정을 공유합니다.2023년 12월 20일 · 최진영
    thumbnail
  • Reactor Netty Memory Leak 이슈 탐방기Spring Cloud Gateway와 Spring WebClient를 이용하면서 발생한 Memory Leak 이슈의 발생 원인과 해결 과정을 소개합니다.2023년 12월 11일 · 김성현
    thumbnail
  • 인자가 많은 메서드는 왜 나쁠까?인자가 많은 메서드를 함께 리팩토링 하면서 코드 사용자 입장에서 코드 복잡성을 관리하는 방법을 알아봅니다.2023년 11월 29일 · 나재은
    thumbnail
  • Feign 코드 분석과 서버 성능 개선Feign과 다중 스레드를 사용하는 과정에서 생긴 문제를 이해하고 성능 개선까지 한 경험을 공유해요.2023년 11월 22일 · 김성두
    thumbnail
  • null 리턴은 왜 나쁠까?코드 복잡성 관리 측면에서 의미를 축약한 표현의 문제와 해결 방법을 예제로 알아봐요.2023년 11월 8일 · 나재은
    thumbnail
  • 웹에서 복잡한 퍼널 쉽게 관리하기토스페이먼츠 프론트엔드 챕터에서 웹에서 퍼널을 손쉽게 관리하기 위해 했던 고민과 해결 방법을 공유해요.2023년 10월 18일 · 임재후/최수민
    thumbnail
  • 유연하고 안전하게 배포 Pipeline 운영하기생산성, 안정성, 보안성을 모두 달성하기 위해선 ‘Pipeline’을 어떻게 설정해야 할까요? 다양하고 복잡한 토스뱅크의 배포 ‘Pipeline’를 안전하게 운영하기 위한 노력을 소개합니다.2023년 10월 12일 · 김동석
    thumbnail
  • 토스는 Gateway 이렇게 씁니다더 안전하고 안정적인 서비스 운영을 위해서 ‘gateway’를 어떻게 사용해야 할까요? 토스의 수많은 마이크로서비스 로직을 공통화하기 위한 gateway 운영 방법에 대해 소개합니다.2023년 10월 12일 · 최준우
    thumbnail
  • 대규모 로그 처리도 OK! Elasticsearch 클러스터 개선기일평균 56억 건 이상 수집되는 토스증권의 로그, 어떻게 효율적으로 처리할까요? 큰 폭으로 늘어나는 대규모 로그 처리를 위한 ‘Elasticsearch 클러스터 개선 경험’을 소개합니다.2023년 10월 12일 · 이준환
    thumbnail
  • 프론트엔드 다이빙클럽에서 만나는 아고라: 다른 회사에선 테스트 코드 어떻게 짜요?‘프론트엔드 테스팅’을 주제로 진행된 프론트엔드 다이빙 클럽의 네번째 모임을 공유합니다.2023년 10월 11일 · 서현석
    thumbnail
  • 환경 고민없이 개발하기서버 사이드 렌더링 작동 방식과 Isomorphic에 대해 소개드려요.2023년 9월 1일 · 김동현
    thumbnail
  • 금융사 최초의 Zero Trust 아키텍처 도입기왜 보안이 강화될수록, 업무는 불편해지는 걸까요? 금융에서 가장 중요한 가치인 ‘안전’과 혁신을 위한 ‘업무 편의성’, 두 마리 토끼를 모두 잡기 위한 여정을 소개합니다. 2023년 9월 1일 · 정연우
    thumbnail
  • 은행 최초 코어뱅킹 MSA 전환기 (feat. 지금 이자 받기)수십 년간 정체되어 있던 전통적인 은행 시스템의 모놀리식 소프트웨어 아키텍처를 MSA로 전환할 수 있을까요? 토스뱅크의 ‘코어뱅킹 MSA 전환’ 사례를 통해 향후 은행 시스템이 나아가야 할 방향을 소개합니다.2023년 8월 31일 · 장세경/조서희
    thumbnail
  • 레고처럼 조립하는 토스 앱수많은 서비스를 담고 있는 대규모 iOS 앱에 어울리는 아키텍처는 무엇일까요? 프로젝트 간의 의존성과 모듈 간의 결합도를 낮춰, 더 효율적인 서비스 개발, 관리를 이뤄낸 과정을 소개합니다. 2023년 8월 22일 · 이준석/송범근
    thumbnail
  • 놀러오세요! 프론트엔드 다이빙 클럽프론트엔드에 관한 깊은 이야기를 나눌 수 있는 오프라인 커뮤니티, 프론트엔드 다이빙 클럽을 소개합니다.2023년 7월 21일 · 진유림
    thumbnail
  • AI와 함께 가짜 신분증 찾아내기비대면 서비스의 편리함을 악용하는 금융 범죄, 더 똑똑하게 대처하는 법은 없을까요? 가짜 신분증을 활용한 이상 거래 탐지 및 예방을 위해 개발한 ‘이미지 학습 솔루션’을 소개합니다.2023년 6월 8일· 김연재
    thumbnail보러가기
  • 프로파일러로 시스템 성능 향상시키기서비스 운영 과정 속 여러 장애들, 어떻게 그 원인을 빠르고 정확하게 파악할 수 있을까요? 상황에 맞는 다양한 ‘프로파일러’로 문제 원인을 파악하고 또 해결한 과정을 소개합니다.2023년 6월 8일· 이항령
    thumbnail보러가기
  • 은행의 데이터 플랫폼을 오픈소스로 전환하기토스뱅크는 정보계 시스템을 어떻게 개편하고 있을까요? 오픈 소스를 이용한 플랫폼에서 신뢰할 수 있는 데이터를 운영할 수 있는 방법을 소개합니다.2023년 6월 8일· 김용휘
    thumbnail보러가기
  • Kafka 이중화로 다양한 장애 상황 완벽 대처하기다양한 장애 상황에도 사용자에게 매끄러운 서비스 경험을 제공하는 방법은 뭘까요?더 견고하고 편리한 증권 서비스 구축을 위한 토스증권의 ‘Kafka IDC 이중화’ 과정을 소개합니다.2023년 6월 8일· 강병수
    thumbnail보러가기
  • Server-driven UI로 다이나믹한 서비스 효율화하기토스의 얼굴, 홈 화면에서의 매끄러운 사용자 경험은 어디에서 비롯되는 것일까요? 다양한 서비스 운영 효율화를 위한 토스 홈팀의 무기, ‘Server Driven UI’를 소개합니다.2023년 6월 8일· 윤중현
    thumbnail보러가기
  • 새로운 은행을 위한 Modern 대외 연계 시스템 구축기최고의 성과를 위한 최선의 방법을 찾아볼까요? 금융업계에서 일반적으로 사용하는 대외연계 시스템을 처음부터 재구축한 ‘Modern FEP’에 대해 소개합니다. 2023년 6월 8일· 이상민
    thumbnail보러가기
  • 보안의 끝없는 Next Level을 향해, 토스의 Security Review더 완벽한 보안에 도전하는 토스의 여정은 어떨까요? 매일 더 안전해지는 서비스를 만드는 토스의 ‘Security Review’를 소개합니다.2023년 6월 8일· 지한별
    thumbnail보러가기
  • 토스페이먼츠의 Observability[수십만 개의 가맹점 * 수백 개의 MSA 서비스 * 복수의 k8s cluster * 수십 개의 원천사]의 조합 복잡도를 가진 토스페이먼츠가 안정적인 서비스 운영을 위해 분산 추적 체계와 로그를 기반으로 구성한 ‘Observability 체계’를 소개합니다. 2023년 6월 8일· 하태호
    thumbnail보러가기
  • 실시간 시세 데이터 안전하고 빠르게 처리하기토스증권의 시세 정보는 어떤 원리로 보이는 것일까요? 시세 플랫폼을 통해 시스템 구조와 개발 당시 고민했던 과정을 소개합니다.2023년 6월 8일· 정도원
    thumbnail보러가기
  • Rally로 3분 만에 애니메이션 완성하기UIKit으로 만들어진 토스 디자인 시스템 SwiftUI에서 쓸 수 있을까?2023년 6월 8일· 이동현/최선웅
    thumbnail보러가기
  • 퍼널: 쏟아지는 페이지 한 방에 관리하기매끄럽고 우아한 사용자 경험을 위한 개발자의 경험도 우아할 수 있을까요? 수많은 화면과 쏟아지는 분기를 효과적으로 관리하는 ‘퍼널’ 설계에 대해 소개합니다.2023년 6월 8일· 진유림
    thumbnail보러가기
  • Server-driven UI로 토스의 마지막 어드민 만들기고객의 소중한 정보를 다루는 ‘어드민 서비스’는 어떻게 만들어져야 할까요? 토스팀의 혁신적인 개발 문화를 뒷받침해주는 안전하고 편리한 어드민 개발 과정을 소개합니다.2023년 6월 8일· 조유성
    thumbnail보러가기
  • Node.js url.parse() 취약점 컨트리뷰션토스 보안기술팀은 안전한 금융 서비스를 제공하기 위한 연구를 수행하고 있어요. 많은 서비스에서 사용되고 있는 Node.js의 취약점을 분석하고 안전하게 패치될 수 있도록 기여했던 과정을 소개드려요.2023년 5월 12일 · 표상영
    thumbnail
  • Spring Boot Actuator의 헬스체크 살펴보기서버의 상태를 알려주는 헬스 체크에 대해 알고 계시나요? 단순히 200 OK만 내려주겠거니 하고 별로 신경을 안 쓰고 계셨나요? 해당 포스트에서는 Spring Boot Actuaor가 제공해주는 헬스 체크는 어떤 식으로 서버의 상태를 점검하는지, 어떤 부분을 주의하며 사용해야하는지 알아봅니다.2023년 4월 1일 · 양권성
    thumbnail
  • ESLint와 AST로 코드 퀄리티 높이기ESLint와 AST로 토스에서 코드 퀄리티를 높인 방법에 대해 소개드려요.2023년 3월 31일 · 전성
    thumbnail
  • tosspayments-restdocs: 선언형 문서 작성 라이브러리REST Docs 를 최소한의 코드로 작성하면서 변화에도 더 유연하게 대처할 수 있는 tosspayments-restdocs 라이브러리와, 라이브러리에 녹인 기술들을 소개합니다.2023년 3월 22일 · 이준희
    thumbnail
  • 선언적인 코드 작성하기선언적인 코드, 토스 프론트엔드 챕터는 어떻게 생각을 하고 있을까요?2023년 3월 16일 · 박서진
    thumbnail
  • 똑똑하게 브라우저 Polyfill 관리하기현대적인 JavaScript를 쓰면서도 넓은 범위의 기기를 지원하기 위한 Polyfill을 어떻게 똑똑하게 설정할 수 있는지 소개합니다.2023년 1월 21일 · 박서진
    thumbnail
  • 토스증권 QA 문화 ‘통합테스트’를 아시나요? (feat. 해외주식)토스증권 해외주식 출시 전에 사내 임직원 대상으로 진행한 ‘통합테스트’에 대해 소개합니다. 통합테스트 진행 방식을 참고하여 간단한 규칙과 사용자 시나리오를 활용해 사용자의 반응을 미리 확인해 보세요.2022년 12월 12일 · 황채은
    thumbnail
  • NestJS 환경에 맞는 Custom Decorator 만들기NestJS에서 데코레이터를 만들기 위해서는 NestJS의 DI와 메타 프로그래밍 환경 등을 고려해야 합니다. 어떻게 하면 이러한 NestJS 환경에 맞는 데코레이터를 만들 수 있을지 고민해보았습니다.2022년 11월 22일 · 송현지
    thumbnail
  • TypeScript 타입 시스템 뜯어보기: 타입 호환성타입호환성은 무엇이며 왜 필요할까요? 타입호환이 지원되지 않는 경우가 존재한다는 것을 아셨나요? 평소 익숙했던 개념들에 대해 질문을 던져가며 TypeScript 타입 시스템에 관해 심도있게 알아보고자 합니다.2022년 10월 26일 · 김병묵
    thumbnail
  • 토스증권 QA Team을 소개합니다이 글은 토스증권 QA Team에 입사를 고려 중인 지원자들을 위해 작성된 글입니다. 토스증권 QA Manager 하는 역할과 일하는 방식은 어떻게 다를까요?2022년 10월 25일 · 곽수정
    thumbnail
  • CommonJS와 ESM에 모두 대응하는 라이브러리 개발하기: exports fieldNode.js에는 두 가지 Module System이 존재합니다. 토스 프론트엔드 챕터에서 운영하는 100개가 넘는 라이브러리들은 그것에 어떻게 대응하고 있을까요?2022년 10월 4일 · 장호승
    thumbnail
  • 테스트 의존성 관리로 높은 품질의 테스트 코드 유지하기혹시 테스트 코드에서도 의존성을 관리해본 적이 있으실까요? 해당 포스트에서는 Gradle의 java-test-fixtures 플러그인을 사용하여 테스트 의존성 관리를 통해 높은 품질의 테스트 코드를 유지하는 방법을 알아봅니다.2022년 6월 9일 · 양권성
    thumbnail
  • 토스뱅크의 완전히 새로운 대출 시스템2022년 1월 1일, 토스뱅크 대출 오픈런을 견뎌낸 토스뱅크 대출의 시스템은 어떻게 구성되었는지 살펴봅니다. 토스뱅크의 시스템 아키텍처를 공유하고 DB 스키마를 안전하게 설계하는 방법과 Kafka, Redis를 활용한 유량제어 시스템을 공유합니다.2022년 6월 8일· 민재슬
    thumbnail보러가기
  • 왜 은행은 무한스크롤이 안되나요은행 앱에서 한 달 전의 통장 거래내역을 보기 위해서는 스크롤을 이용할 수 없습니다. 귀찮더라도 조회 기간을 입력해야 하죠. 사실 이건 모든 은행의 서버 아키텍처와 관련된 문제이기도 합니다. 그렇다면 토스뱅크는 이 문제를 어떻게 해결했을까요?2022년 6월 8일· 이응준
    thumbnail보러가기
  • Data Scientist는 어떻게 비즈니스에 기여할 수 있을까?토스의 데이터 사이언티스트는 ‘사일로’라고 불리는 제품팀과 긴밀하게 협업합니다. 머신 러닝(Machine Learning) 기술을 통해 사일로의 니즈를 효율적으로 해소하기 위한 데이터 사이언티스트들의 여정을 공유합니다.2022년 6월 8일· 황동현
    thumbnail보러가기
  • 스크래핑으로 우아한 조회 경험을 만든 방법토스의 조회 서비스, 사용해본 적 있나요? 마이데이터 이전, 스크래핑으로 개발한 제품을 운영하면서 마주쳤던 문제들과 해결 과정을 공유합니다.2022년 6월 8일· 김용성
    thumbnail보러가기
  • 금융의 모든 순간을 자동화할 때 까지 Toss Crazy Activation불편한 사용자 경험은 이제 그만. 토스의 사용자라면 생년월일, 전화번호, 이름과 같은 정보를 반복해서 입력하지 않도록 만든 웹 자동화 기술의 핵심 아이디어를 소개합니다.2022년 6월 8일· 정세훈
    thumbnail보러가기
  • Effective Component 지속 가능한 성장과 컴포넌트우리는 왜 컴포넌트를 나누어 개발해야 할까요? 토스가 정의하는 컴포넌트의 역할과 분리 기준을 공유합니다.2022년 6월 8일· 한재엽
    thumbnail보러가기
  • 지속 성장 가능한 코드를 만들어가는 방법우리가 만드는 코드가 처음부터 완벽할 수는 없습니다. 하지만 서비스가 폭발적으로 성장하려고 할 때 발목을 잡아선 안 되죠. 하루 이틀 운영되고 끝인 게 아닌, 오래 살아 있을 수 있는 좋은 소프트웨어는 어떤 모습일까요?2022년 6월 8일· 김재민
    thumbnail보러가기
  • 잃어버린 유저의 시간을 찾아서: 100년을 아껴준SSR 이야기토스 웹페이지의 한 달 방문 횟수는 약 2억 번에 달합니다. 많은 횟수만큼 유저가 기다리는 시간도 상당했을 겁니다. 서버 사이드 렌더링(SSR)을 이용해 유저의 시간을 아낀 경험을 소개합니다.2022년 6월 8일· 김도환
    thumbnail보러가기
  • 애플 한 주가 고객에게 전달 되기까지 MSA로 구성된 토스증권 해외주식 시스템의 주문 과정에서 동시성을 안전하게 처리하는 방법과 브로커 장애와 격리된 서비스 구성을 소개합니다.2022년 6월 8일· 이승천
    thumbnail보러가기
  • 은행 앱에도 Service Mesh 도입이 가능한가요?토스뱅크에서 안정적으로 서비스를 운영하기 위해 구성한 아키텍처와, 안정성과 빠른 서비스 성장을 위한 MSA, Service Mesh 환경을 어떻게 활용하고 운영하고 있는지 공유합니다.2022년 6월 8일· 김동진/하성준
    thumbnail보러가기
  • 어떻게 안정적인 서비스를 빠르게, 자주 출시할 것인가?토스페이먼츠는 가맹점이 빠르게 변화하는 시장에서 승리할 수 있도록, 사업자가 필요한 기능을 적시에 안정적으로 제공하는 것을 목표로 합니다. 안정적인 서비스를 빠르게, 자주 출시하기 위한 노력과 그로부터 얻은 러닝을 공유합니다.2022년 6월 8일· 하태호
    thumbnail보러가기
  • 토스 앱 오픈시간 1초를 줄이기까지토스 앱을 켜는 시간 1초를 줄이기까지의 과정과 시행착오를 소개합니다. 2022년 6월 8일· 이종현
    thumbnail보러가기
  • UX와 DX, 그 모든 경험을 위한 디자인 시스템토스 디자인 플랫폼 팀은 단순히 UI 요소를 개발하고, 컴포넌트화하는 것 이상의 디자인 시스템을 꿈꿉니다. 더 좋은 사용자 경험을 제공하기 위한 크고 작은 고민들이 개발자 경험 곳곳에 어떤 모습으로 스며들었는지 공유합니다. 2022년 6월 8일· 박민수
    thumbnail보러가기
  • 미친 생산성을 위한 React Native토스 글로벌 팀이 React Native를 선택한 이유와 그 과정에 대해 소개합니다. 2022년 6월 8일· 오진성/이현수
    thumbnail보러가기
  • UIKit으로 만들어진 토스 디자인 시스템 SwiftUI에서 쓸 수 있을까? UIKit로 만들어진 토스 디자인 시스템을 SwiftUI에서 사용할 수 있을까요? 토스 디자인 시스템을 사용하는 방법의 과거와 현재 그리고 미래를 소개합니다.2022년 6월 8일· 강준구
    thumbnail보러가기
  • 토스증권 실시간 시세 적용기토스증권에서 실시간으로 시세 정보를 제공하기 위한 시스템을 개발하면서 겪었던 이슈들과 안정화 과정을 소개합니다.2022년 6월 8일· 박성우
    thumbnail보러가기
  • 에러 핸들링을 다른 클래스에게 위임하기 (Kotlin 100% 활용)Kotlin의 Result로 MSA에서 에러가 전파되지 않는 안전한 환경을 만드는 방법을 알아봅니다.2022년 5월 14일 · 한규주
    thumbnail
  • Kotlin으로 DSL 만들기: 반복적이고 지루한 REST Docs 벗어나기토스페이먼츠에서는 API docs를 REST Docs를 사용해서 작성할 수 있도록 권장하고 있습니다. 이 글에서는 DSL을 통해서 반복적인 REST Docs 테스트 코드 작성을 줄일 수 있는 방법을 알아봅니다.2022년 4월 11일 · 한규주
    thumbnail
  • 조금만 신경써서 초기 렌더링 빠르게 하기 (feat. JAM Stack)SPA(Single Page Application) 구조로 웹 프론트엔드 애플리케이션이 개발되면서 초기 렌더링 속도는 프런트엔드 개발자에게 중요한 과제 중 하나가 되었습니다. 사용자 경험에 영향을 줄 수 있는 가장 큰 요소 중 하나가 바로 속도이기 때문입니다.2022년 2월 9일 · 한재엽
    thumbnail
  • 개발자의 애질리티이 글은 토스페이먼츠에 입사하신, 혹은 입사를 고려 중인 개발자분들을 위해 작성된 글입니다. 애자일하게 일한다는 것은 어떠한 의미일까요?2021년 10월 14일 · 강병훈
    thumbnail
  • Java Native Memory Leak 원인을 찾아서서버 프로세스가 내려갔을 때 코드와 Java 모니터링으로 원인을 못 찾는다면 어떻게 해야 할까요? 생각만 해도 막막한 이 순간, 원인을 찾아가는 과정을 공유합니다.2021년 6월 8일· 박동호
    thumbnail보러가기
  • iOS앱을 매주 배포 한다고?개선되거나 새로운 제품을 유저가 가장 빠르게 사용할 수 있도록, 앱 배포를 매주하는 개발자의 시간을 아껴주는 자동화 방법을 소개합니다.2021년 6월 8일· 김준모
    thumbnail보러가기
  • 토스에서는 테이블 정보를 어떻게 관리하나요?서비스가 성장하면서 만들어지는 다양한 데이터와 수많은 테이블을 효율적으로 관리하고 활용하는 방법을 공유합니다.2021년 6월 8일· 윤아서
    thumbnail보러가기
  • 물 흐르듯 자연스러운 ML 서비스 만들기회사마다 다른 AI, ML 적용 방식. 토스에서는 어떻게 사용하고 있을까요? 대규모 서비스에 최적화된 기술 스택과 인프라를 기반으로 머신러닝 서비스를 만들고 배포하는 과정을 공유합니다.2021년 6월 8일· 고석현
    thumbnail보러가기
  • 토스팀 인프라 자동화의 시작운영 업무 시간을 90% 절약한 토스의 물리적 인프라 자동화 방법을 공유합니다.2021년 6월 8일· 김정남
    thumbnail보러가기
  • 잃어버린 개발자의 시간을 찾아서: 매일 하루를 아끼는 DevOps 이야기서비스가 지속적으로 최고의 사용자 경험을 제공하기 위해서는 개발자 경험(DX)이 뒷받침되어야 합니다. 토스에서 SSR을 도입하면서 겪었던 개발자 경험의 다양한 어려움과 이를 수호하기 위한 해결법을 공유합니다.2021년 6월 8일· 박서진
    thumbnail보러가기
  • Template Literal Types로 타입 안전하게 코딩하기TypeScript 코드베이스의 타입 안전성을 한 단계 올려줄 수 있는 Template Literal Type의 뜻과 응용에 대해 알아봅니다.2021년 5월 14일 · 박서진
    thumbnail
  • node_modules로부터 우리를 구원해 줄 Yarn Berry토스 프론트엔드 레포지토리 대부분에서 사용하고 있는 패키지 매니저 Yarn Berry. 채택하게 된 배경과 사용하면서 좋았던 점을 공유합니다.2021년 5월 7일 · 박서진
    thumbnail
  • JSCodeShift로 기술 부채 청산하기기술 부채는 개발할수록 쌓여만 갑니다. 프론트엔드 챕터가 JSCodeShift를 이용하여 순식간에 100개 서비스의 기술 부채를 해결한 경험을 소개합니다.2021년 5월 4일 · 박지우
    thumbnail
  • 웹 서비스 캐시 똑똑하게 다루기웹 성능을 위해 꼭 필요한 캐시, 제대로 설정하기 쉽지 않습니다. 토스 프론트엔드 챕터에서 올바르게 캐시를 설정하기 위한 노하우를 공유합니다.2021년 4월 29일 · 박서진
    thumbnail
  • MYSQL HA & DR Topology토스의 Database DR 구조에 대해 공유합니다.2021년 4월 28일· 김피터
    thumbnail보러가기
  • 토스팀을 위한 슬랙봇 설계토스에서 사용하는 슬랙봇들의 개발 과정과 그동안의 고민을 공유합니다.2021년 4월 28일· 임한솔
    thumbnail보러가기
  • 프론트엔드 웹 서비스에서 우아하게 비동기 처리하기API를 호출하거나 네이티브 앱과 통신할 때 프론트엔드 웹 서비스에서는 반드시 비동기 작업이 일어나게 됩니다. 일상처럼 다루고 있지만 정작 UI에서 다루기 힘든 비동기 프로그래밍. React Suspense를 이용하여 우아하게 처리하는 이론과 실전 적용법을 공유합니다.2021년 4월 28일· 박서진
    thumbnail보러가기
  • JavaScript Bundle Diet웹사이트 기능이 많아짐에 따라 점점 커지는 JavaScript Bundle Size. 웹사이트 속도는 느려지고, 잠재 고객을 잃을 수도 있습니다. 라이브러리를 사용하는 그리고 제공하는 관점에서 Bundle Size가 커질 수 있는 상황과 해결 방법을 공유합니다.2021년 4월 28일· 이한
    thumbnail보러가기
  • 실무에서 바로 쓰는 Frontend Clean Code실무에서 클린 코드의 의의는 유지보수 시간의 단축입니다. 동료 혹은 과거의 스스로 짠 코드를 빠르게 이해할 수 있다면 유지보수할 때 드는 개발 시간이 짧아집니다. 실제 예시와 함께 1. 응집도 2. 단일 책임 3. 추상화 총 세 가지 관점으로 클린코드 방법론을 공유합니다.2021년 4월 28일· 진유림
    thumbnail보러가기
  • TDS로 UI 쌓기: 그 많던 코드는 누가 다 치웠을까?TDS(Toss Design System)로 구성되어 있는 토스의 제품들. 복잡한 화면도 단숨에 개발할 수 있도록 큰 힘이 되어주는 TDS를 개발자들이 사용하고, 확장하는 과정을 공유합니다.2021년 4월 28일· 박민수
    thumbnail보러가기
  • Build, Harder Better Faster Stronger프로젝트가 복잡해지고 커져감에 따라 일반적인 빌드 방법으로는 더 이상 빨라지지 않는 지점이 옵니다. 토스에서 해당 지점을 넘어 더 빠른 개발 속도를 달성한 방법을 공유합니다.2021년 4월 28일· 이성민
    thumbnail보러가기
  • Micro-frontend React, 점진적으로 도입하기거대한 모놀리식 Django 프로젝트에 현대적인 프론트엔드 인프라를 구축한 사례를 공유합니다. 어떻게 해야 오래된 코드 베이스를 대대적으로 수정하지 않으면서도, 최신 프론트엔드 기술들을 적극적으로 도입해나갈 수 있을지 고민한 경험을 공유합니다.2021년 4월 28일· 조유성
    thumbnail보러가기
  • 토스뱅크 데이터 설계사상토스뱅크의 데이터 설계가 어떻게 진행되었는지 다른 은행과의 비교를 통해 그 과정을 공유합니다.2021년 4월 28일· 조한기
    thumbnail보러가기
  • 빠르게 성장하는 스타트업의 DW빠르게 성장하는 회사에서 제한된 리소스 안에서 데이터를 효율적으로 집계하고 제공하기 위해 선택한 방법. 신뢰할 수 있는 데이터 제공 및 데이터의 맥락, 정보 공유를 위한 고민들과 이를 극복하기 위한 방법을 공유합니다.2021년 4월 28일· 유승민
    thumbnail보러가기
  • 토스 데이터의 흐름과 활용토스의 데이터 흐름과 활용 방법, 그리고 용도에 따라 어떤 플랫폼을 활용하는지를 공유합니다.2021년 4월 28일· 유결
    thumbnail보러가기
  • 결제 시스템의 SDK와 API 디자인PG 연동 개발자들에게 쉽고 빠른 가이드 제공을 위해, 20년 동안 유지된 기존 시스템에 추상화 레이어를 만들고 SDK와 API를 설계했던 경험을 공유합니다. 추가로 인터페이스의 일관성과 예측 가능성 그리고 TypeScript와 npm 모듈 지원을 위한 시도들까지, 토스페이먼츠 오픈 API의 첫 여정에 대해 공유합니다.2021년 4월 28일· 이홍채/이현섭/박순영
    thumbnail보러가기
  • 테스트 커버리지 100%스프링 프레임워크 기반 서버 애플리케이션을 코틀린으로 작성하면서, 테스트 커버리지를 100%까지 올리고 1년 6개월 동안 유지해보았습니다. 이 경험을 통해 배운 점과 테스트 개선 방법에 대한 고민을 공유합니다.2021년 4월 28일· 이응준
    thumbnail보러가기
  • 실수 없이 안전하게 쿠버네티스 운영하기효율적인 쿠버네티스 관리를 통해 휴먼 에러를 방지하는 방법을 공유합니다.2021년 4월 28일· 김형록
    thumbnail보러가기
  • SRE 사례 소개토스에서 경험한 사이트 신뢰성 엔지니어링 사례를 공유합니다.2021년 4월 28일· 조규희
    thumbnail보러가기
  • 토스 서비스를 구성하는 서버 기술Active-Active 데이터센터 운영, Kubernetes와 Istio Service Mesh 운영, API-Gateway, Kafka, Redis, Monitoring Stack 등 토스에서 사용하는 전반적인 기술과 시스템 구성을 공유합니다.2021년 4월 28일· 이항령
    thumbnail보러가기
  • 토스의 서버 인프라 모니터링서버 인프라를 효과적으로 트러블 슈팅할 수 있도록 노력한 경험과 모니터링 인프라를 운영한 경험을 공유합니다.2021년 4월 28일· 이재성
    thumbnail보러가기
  • 메모리에 남지 않는 문자열메모리에 남지 않는 문자열을 통해 민감한 정보를 안전하게 사용하는 방법을 공유합니다.2021년 4월 28일· 안정원
    thumbnail보러가기
  • 토스 프론트엔드 챕터를 소개합니다!토스에서 프론트엔드 개발자가 일하는 방법과 맡고 있는 역할에 대해 소개드립니다.2021년 4월 28일 · 박서진
    thumbnail
  • 인기있는 글
    Transpiler, “사용”말고 “활용”하기강현구
    패키지 매니저의 과거, 토스의 선택, 그리고 미래박서진
    서버 증설 없이 처리하는 대규모 트래픽함종현
    추천하는 글
    토스 UX 리서처는 어떤 방법론을 사용할까?김서연
    캐시 문제 해결 가이드 - DB 과부하 방지 실전 팁김신
    Spring JDBC 성능 문제, 네트워크 분석으로 파악하기강민주
    태그
    ㈜비바리퍼블리카 Copyright © Viva Republica, Inc. All Rights Reserved.