모든 블로그
토스

토스

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

활동 요약

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

토스 기술 블로그 글 (252)

기타

토스 피플: 문과생에서 토스 개발 리더까지

문과 출신 개발자가 토스에서 프론트엔드와 UX 엔지니어링 리더로 성장한 과정을 들려주셨습니다. 디자인 시스템과 편집기 개발, 팀 빌딩과 리더십 고민도 함께 공유했습니다.

#UX/UX Engineer#JavaScript#HTML
5100

아키텍처

토스증권 Apache Kafka 데이터센터 이중화 구성 #1

토스증권의 Kafka 데이터센터 이중화 개요를 소개하며 Active-Active와 Stretched Cluster를 비교했습니다. 가용성과 성능을 고려해 Active-Active를 선택하고 DNS와 Offset Sync 전략을 설명했습니다.

#Apache Kafka#Kafka#Kubernetes
17000

프론트엔드

시니어 사용자가 어려워하는 UX 5가지

시니어 사용자가 금융 앱에서 겪는 공통 오인지 패턴을 UT로 분석해 UX 가이드라인으로 정리했습니다. 버튼, 예시 이미지, 모션, 라이팅, 화면 구조를 시니어 관점에서 점검해야 한다고 제안했습니다.

#UI/UX#유저 리서치#사용성 테스트
7200

프론트엔드

프론트엔드 서비스 최적화? 토스에서는 '이렇게' 합니다! 모닥불 | EP.9

프론트엔드 서비스 최적화의 본질과 실무 노하우를 토스 개발자 관점에서 다뤘습니다. 초기 로딩과 런타임 성능, React 리렌더링 최적화 사례를 소개했습니다.

#성능#React#UI/UX
3400

프론트엔드

프론트엔드 서비스 최적화? 토스에서는 '이렇게' 합니다! 모닥불 | EP.8

토스 개발자들이 프론트엔드 성능 최적화의 본질과 실무 노하우를 공유했습니다. 초기 로딩과 런타임, React 리렌더링 최적화 사례를 다뤘습니다.

#성능#최적화#React
4100

프론트엔드

@use-funnel 개발기 #2: 기존 라이브러리를 어떻게 뜯어 고칠 것인가?

기존 퍼널 라이브러리의 Next.js 의존성과 상태 관리 한계를 개선한 구현 과정을 소개했습니다. core 분리, 타입 안전성 강화, Render 확장으로 다양한 라우터와 복잡한 퍼널을 지원했습니다.

#TypeScript#React#Next.js
3200

프론트엔드

@use-funnel 개발기 #1: 왜 기존 라이브러리를 두고 새로 만들었나?

복잡한 퍼널의 상태 관리와 뒤로가기 문제를 해결하기 위해 `@use-funnel`을 새로 만들었습니다. 사내 요구사항을 모아 코어와 라우터별 구현으로 나누고 오픈소스로 공개했습니다.

#React#오픈소스#상태관리
5400

기타

Simplicity24, 성공의 문을 여는 가장 평범한 질문

토스 디자인 컨퍼런스 Simplicity24의 기획 의도와 준비 과정을 소개했습니다.질문과 디테일을 통해 디자이너들의 공감과 실무적 영감을 전하고자 했습니다.

#UI/UX#디자인#컨퍼런스
2300

기타

토스 팀은 점심 시간에 사용자를 만난다

점심시간에 팀원들이 직접 유저를 만나는 유저 무물 런치를 운영했습니다. 준비 부담을 낮추고 공감대를 높여 제품 개선 논의를 촉진했습니다.

#UI/UX#사용성 테스트#유저 인터뷰
5800

AI

휴리봇 이야기 #2: AI가 사람처럼 말하게 만드는 5가지 프롬프트

휴리봇을 만들며 얻은 프롬프팅 팁을 소개했습니다. 역할 부여, 자연스러운 말투, OCR 활용, 반복 테스트가 핵심이었습니다.

#LLM#prompt#OCR
8600

AI

휴리봇 이야기 #1: 토스는 AI 봇에게 사용자 인터뷰를 한다

토스는 디자이너가 사용성을 더 자주 점검하도록 AI 봇 휴리봇을 만들고, 프롬프팅 전후에 필요한 과정까지 정리했습니다. 초기 챗봇 검증 후 워크플로에 맞게 MVP 기능만 남겨 내재화 방향을 잡았습니다.

#LLM#prompt#UI/UX
5400

프론트엔드

Next.js 그만 쓰세요! 면접관이 진짜 원하는 것!? | 모닥불 EP.8

토스 면접관이 채용에서 보는 기준과 실질적인 팁을 공유했습니다. 기술 사용 경험보다 왜 그 기술을 선택했는지 설명하는 점을 강조했습니다.

#Next.js#채용#GitHub
4000

데브옵스

LLM 쉽고 빠르게 서빙하기

LLM을 서비스에 적용할 때의 속도와 서빙 복잡도를 줄이는 방법을 소개했습니다. vllm, Triton, Kserve를 활용해 쉽게 배포하고 운영하는 흐름을 정리했습니다.

#LLM#Triton Inference Server#Kubernetes
5800

AI

토스 프론트엔드 개발자들이 더 이상 문서를 찾지 않는 이유

토스 프론트엔드 팀은 문서를 찾아가는 대신 질문하면 바로 답을 받는 환경을 만들었습니다. RAG 챗봇과 자동 문서화 봇으로 지식이 흐르는 팀 문화를 구축했습니다.

#LLM#RAG#문서화
5600

기타

꼭 제품을 만들어야할까?

제품 없이도 임팩트를 만드는 방법을 소개했습니다. 사용자 수가 적거나 시간이 부족할 때 구글 시트 같은 도구로 빠르게 목표를 달성하는 사례입니다.

2800

기타

레퍼런스가 없는 제품은 어떻게 시작할까?

레퍼런스가 없는 도메인에서 제품을 시작하는 방법을 다뤘습니다. 법령과 정책을 끝까지 해석해 최적의 워크플로를 만드는 접근을 소개했습니다.

3200

프론트엔드

사용자의 실수, 디자이너가 어떻게 해결할까?

사용자 실수를 줄이기 위한 위지윅 제품 설계와 적용 확산 과정을 다뤘습니다. 개발자 중심에서 PO 중심으로 전환한 이유와 설득 과정을 소개했습니다.

#UI/UX
2700

기타

디자인만으로 해결할 수 없는 문제, 어떻게 할까?

디자인만으로는 풀기 어려운 문제를 마주했을 때의 고민을 다뤘습니다. 역할의 경계를 넘겨서 문제를 바라보며 해결 실마리를 찾은 경험을 공유했습니다.

2600