프론트엔드 서비스 최적화? 토스에서는 '이렇게' 합니다! 모닥불 | EP.9토스 프론트엔드 챕터
전체
개발
디자인
SLASH21
MYSQL HA & DR Topology토스의 Database DR 구조에 대해 공유합니다.2021년 4월 28일· 김피터
보러가기
토스팀을 위한 슬랙봇 설계토스에서 사용하는 슬랙봇들의 개발 과정과 그동안의 고민을 공유합니다.2021년 4월 28일· 임한솔
보러가기
프론트엔드 웹 서비스에서 우아하게 비동기 처리하기API를 호출하거나 네이티브 앱과 통신할 때 프론트엔드 웹 서비스에서는 반드시 비동기 작업이 일어나게 됩니다. 일상처럼 다루고 있지만 정작 UI에서 다루기 힘든 비동기 프로그래밍. React Suspense를 이용하여 우아하게 처리하는 이론과 실전 적용법을 공유합니다.2021년 4월 28일· 박서진
보러가기
JavaScript Bundle Diet웹사이트 기능이 많아짐에 따라 점점 커지는 JavaScript Bundle Size. 웹사이트 속도는 느려지고, 잠재 고객을 잃을 수도 있습니다. 라이브러리를 사용하는 그리고 제공하는 관점에서 Bundle Size가 커질 수 있는 상황과 해결 방법을 공유합니다.2021년 4월 28일· 이한
보러가기
실무에서 바로 쓰는 Frontend Clean Code실무에서 클린 코드의 의의는 유지보수 시간의 단축입니다. 동료 혹은 과거의 스스로 짠 코드를 빠르게 이해할 수 있다면 유지보수할 때 드는 개발 시간이 짧아집니다. 실제 예시와 함께 1. 응집도 2. 단일 책임 3. 추상화 총 세 가지 관점으로 클린코드 방법론을 공유합니다.2021년 4월 28일· 진유림
보러가기
TDS로 UI 쌓기: 그 많던 코드는 누가 다 치웠을까?TDS(Toss Design System)로 구성되어 있는 토스의 제품들. 복잡한 화면도 단숨에 개발할 수 있도록 큰 힘이 되어주는 TDS를 개발자들이 사용하고, 확장하는 과정을 공유합니다.2021년 4월 28일· 박민수
보러가기
Build, Harder Better Faster Stronger프로젝트가 복잡해지고 커져감에 따라 일반적인 빌드 방법으로는 더 이상 빨라지지 않는 지점이 옵니다. 토스에서 해당 지점을 넘어 더 빠른 개발 속도를 달성한 방법을 공유합니다.2021년 4월 28일· 이성민
보러가기
Micro-frontend React, 점진적으로 도입하기거대한 모놀리식 Django 프로젝트에 현대적인 프론트엔드 인프라를 구축한 사례를 공유합니다. 어떻게 해야 오래된 코드 베이스를 대대적으로 수정하지 않으면서도, 최신 프론트엔드 기술들을 적극적으로 도입해나갈 수 있을지 고민한 경험을 공유합니다.2021년 4월 28일· 조유성
보러가기
토스뱅크 데이터 설계사상토스뱅크의 데이터 설계가 어떻게 진행되었는지 다른 은행과의 비교를 통해 그 과정을 공유합니다.2021년 4월 28일· 조한기
보러가기
빠르게 성장하는 스타트업의 DW빠르게 성장하는 회사에서 제한된 리소스 안에서 데이터를 효율적으로 집계하고 제공하기 위해 선택한 방법. 신뢰할 수 있는 데이터 제공 및 데이터의 맥락, 정보 공유를 위한 고민들과 이를 극복하기 위한 방법을 공유합니다.2021년 4월 28일· 유승민
보러가기
토스 데이터의 흐름과 활용토스의 데이터 흐름과 활용 방법, 그리고 용도에 따라 어떤 플랫폼을 활용하는지를 공유합니다.2021년 4월 28일· 유결
보러가기
결제 시스템의 SDK와 API 디자인PG 연동 개발자들에게 쉽고 빠른 가이드 제공을 위해, 20년 동안 유지된 기존 시스템에 추상화 레이어를 만들고 SDK와 API를 설계했던 경험을 공유합니다. 추가로 인터페이스의 일관성과 예측 가능성 그리고 TypeScript와 npm 모듈 지원을 위한 시도들까지, 토스페이먼츠 오픈 API의 첫 여정에 대해 공유합니다.2021년 4월 28일· 이홍채/이현섭/박순영
보러가기
테스트 커버리지 100%스프링 프레임워크 기반 서버 애플리케이션을 코틀린으로 작성하면서, 테스트 커버리지를 100%까지 올리고 1년 6개월 동안 유지해보았습니다. 이 경험을 통해 배운 점과 테스트 개선 방법에 대한 고민을 공유합니다.2021년 4월 28일· 이응준
보러가기
실수 없이 안전하게 쿠버네티스 운영하기효율적인 쿠버네티스 관리를 통해 휴먼 에러를 방지하는 방법을 공유합니다.2021년 4월 28일· 김형록
보러가기
SRE 사례 소개토스에서 경험한 사이트 신뢰성 엔지니어링 사례를 공유합니다.2021년 4월 28일· 조규희
보러가기
토스 서비스를 구성하는 서버 기술Active-Active 데이터센터 운영, Kubernetes와 Istio Service Mesh 운영, API-Gateway, Kafka, Redis, Monitoring Stack 등 토스에서 사용하는 전반적인 기술과 시스템 구성을 공유합니다.2021년 4월 28일· 이항령
보러가기
토스의 서버 인프라 모니터링서버 인프라를 효과적으로 트러블 슈팅할 수 있도록 노력한 경험과 모니터링 인프라를 운영한 경험을 공유합니다.2021년 4월 28일· 이재성
보러가기
메모리에 남지 않는 문자열메모리에 남지 않는 문자열을 통해 민감한 정보를 안전하게 사용하는 방법을 공유합니다.2021년 4월 28일· 안정원
보러가기
인기있는 글
@use-funnel 개발기 #2: 기존 라이브러리를 어떻게 뜯어 고칠 것인가?강민우
토스 프론트엔드 개발자들이 더 이상 문서를 찾지 않는 이유한주연
최근 댓글
㈜비바리퍼블리카 Copyright © Viva Republica, Inc. All Rights Reserved.