Velopers
모든 블로그
토스

토스

도메인toss.tech
주요 카테고리 프론트엔드 · AI

활동 요약

대표 인기 포스트캐시를 적용하기 까지의 험난한 길 (TPS 1만 안정적으로 서비스하기)499 조회
최근 30일
7개
평균 조회
98
누적 조회
24,617
전체 글
252개
마지막 발행
2026. 11. 10.
블로그 방문

토스 기술 블로그 글 (252)

AI

토스 쇼핑 추천 시스템: 수백만 사용자와 상품을 잇는 멀티 스테이지 접근법

토스 쇼핑이 수백만 사용자와 상품을 다루기 위해 멀티 스테이지 추천 시스템을 설계한 방식을 소개했습니다. Retrieval, Ranking, Re-ranking으로 개인화와 비즈니스 목표를 함께 맞췄습니다.

#ML#추천#검색
10400

기타

UX 리서처가 양말 파는 사장님이 된 이유

B2B UX 리서치 이해도를 높이기 위해 리서처가 직접 사장님 역할을 체험한 사례를 소개했습니다. 사업 운영 전 과정의 불편을 확인하고 서비스와 콘텐츠 개선으로 연결했습니다.

#UI/UX#검색#B2B
6700

기타

토스 프론트엔드에 이력서 없이 리포지토리 링크로 지원하세요 (~4/30)

토스 프론트엔드가 이력서 없이 공개 GitHub 리포지토리 링크로 지원받는 전형을 열었습니다. 코드 품질, TypeScript, UX, 협업 방식 중심으로 평가했습니다.

#TypeScript#React#module
16200

백엔드

캐시를 적용하기 까지의 험난한 길 (TPS 1만 안정적으로 서비스하기)

약관 서버의 DB 부하를 줄이기 위해 Redis 캐시와 강한 일관성 전략을 적용했습니다. 캐시 무효화 실패와 이벤트 순서 문제는 트랜잭션 동기화와 정책으로 해결했습니다.

#cache#Redis#Circuit Breaker
49900

기타

토스 피플: 이것도 ‘나니까’ 할 수 있다고 생각하기

토스에서 여러 역할을 거치며 성장한 제품 디자이너의 도전 경험을 인터뷰로 소개했습니다. 두려움이 있어도 먼저 맡고, 과거의 성과로 자신을 다독이는 태도를 전했습니다.

#UI/UX#Product Designer#모바일
16300

프론트엔드

React Native에서 타입 안전한 파일 기반 라우팅 구현하기

Bedrock에서 파일 기반 라우팅의 타입 안전성을 높이는 방법을 소개했습니다. 선언 병합과 자동 타입 생성으로 파라미터 검증과 네비게이션 추론을 개선했습니다.

#React Native#TypeScript#라우팅
21300

프론트엔드

토스의 디자인 편집기 ‘데우스’, 이렇게 만들었어요! | EP.11

토스가 자체 디자인 편집기 데우스(Deus)를 만든 이유와 개발 과정을 소개했습니다. 상태 관리로 MobX를 선택한 배경과 기술적 도전도 함께 다뤘습니다.

#UI/UX#성능#MobX
23400

프론트엔드

ESBuild를 위한 HMR, 직접 만들기

프론트엔드 개발 경험을 높이는 HMR의 원리와 번들러별 구현 방식을 비교했습니다. ESBuild 기반 번들러에 HMR을 직접 붙인 과정을 통해 실시간 반영과 상태 유지를 구현했습니다.

#ESBuild#HMR#React Native
13400

프론트엔드

자료구조를 활용한 복잡한 프론트엔드 컴포넌트 제작하기

토스증권 PC의 그리드 레이아웃을 이진 트리 자료구조로 직접 구현한 사례를 소개했습니다. 복잡한 요구사항을 데이터 구조와 컴포넌트 분리로 해결하고 저장·복구까지 구현했습니다.

#React#자료구조#이진 트리
36700

프론트엔드

무엇이든 물어보세요 (feat. 테스트 코드, ESLint Rule) | EP.10 캠프파이어 특집 하편

시청자 질문을 바탕으로 테스트 코드, ESLint Rule, useEffect dependency 배열에 대한 프론트엔드 실무 인사이트를 공유했습니다. 토스 개발자들의 코드 리뷰와 내부 패키지 활용 사례도 함께 소개했습니다.

#test#ESLint#JavaScript
7700

기타

토스 피플: 방황은 내게 방향을 제시해주었다

방황을 거치며 정성적 경험과 공감의 가치를 깨닫고, 접근성 디자인으로 방향을 찾은 인터뷰였습니다. 토스에서 자유롭게 시도하며 실패를 배움으로 바꾼 성장 이야기를 담았습니다.

#UI/UX#accessibility#mobile
6200

프론트엔드

무엇이든 물어보세요 (feat. 프론트엔드 코드, 디렉토리 관리) | EP.10 캠프파이어 특집 상

프론트엔드 코드 구조와 추상화, 함수형 프로그래밍에 대한 실무 질문을 다룬 특집이었습니다. 협업과 변경 가능성을 고려한 설계 기준을 토스 개발자들이 공유했습니다.

#컴포넌트#함수형 프로그래밍#유효성 검사
4200

기타

토스 인턴십에서 고속 성장할 수 있는 이유

토스 프로덕트 디자이너 인턴십에서 경력보다 태도와 잠재력을 중시하는 분위기를 보여주었습니다. 1인 디자이너로 제품 전 과정을 맡으며 짧은 기간에 크게 성장한 경험을 전했습니다.

#UI/UX#모바일
3800

기타

토스 피플: 길은 가면 뒤에 있다

사업개발과 영업을 거쳐 개발자로 전향한 뒤, 프론트엔드와 서버를 오가며 성장한 과정을 인터뷰로 소개했습니다. 계획보다 행동과 도전이 커리어를 만든다는 조언도 전했습니다.

#서버#풀스택#트레이딩
3400

백엔드

토스증권 Apache Kafka 데이터센터 이중화 구성 #3: Offset Sync

토스증권이 Kafka Active-Active 환경에서 consumer offset sync를 구현한 방식을 소개했습니다. Timestamp 검색과 Header 참조를 나눠 쓰며 유실을 막고, 작업 상황의 중복까지 줄이도록 운영했습니다.

#Apache Kafka#Active-Active#offset
3900

프론트엔드

[미디클] 라디오 vs 체크박스 뭐가 좋을까? EP.1

모바일 선택 화면에서 라디오 버튼 대신 다른 UI를 써도 되는지 UT로 검증했습니다.사용자는 모양보다 질문 맥락에 따라 선택했고, 친절한 안내가 더 중요했습니다.

#UI/UX#모바일#design
5700

기타

토스 피플: 비전공자에서 디자인 리드가 되기까지

비전공자 출신 디자인 리드의 커리어 성장과 토스 쇼핑에서의 도전 과정을 인터뷰로 소개했습니다. 현재 맡은 일을 꾸준히 해내며 무기를 쌓는 태도의 중요성을 강조했습니다.

#UI/UX#design#제품 디자인
4100

데브옵스

토스증권 Apache Kafka 데이터센터 이중화 구성 #2: 데이터 미러링

토스증권의 Active-Active Kafka 이중화에서 동일한 토픽명 미러링과 무한 루프 방지 방식을 소개했습니다. DLQ, 커스텀 메트릭, 클러스터 분리로 정합성과 운영성을 높인 사례입니다.

#Kafka#Kubernetes#ClickHouse
4100