시각 정보를 소리로 번역하는 법 - 시각장애인을 위한 얼굴 인증 개선기 | 접근성 업무일지 #2
시각장애인 사용자를 위한 얼굴 인증 흐름을 별도로 설계하고, 진행 상태와 오류를 소리와 안내로 전환해 개선했습니다. 카메라 권한과 인증 절차도 단계별로 나눠 혼자서 인증을 마칠 수 있게 했습니다.
#접근성#스크린리더#UI/UX
8200
모든 블로그
대표 인기 포스트캐시를 적용하기 까지의 험난한 길 (TPS 1만 안정적으로 서비스하기)499 조회499 조회 프론트엔드 기타
기타
백엔드
데브옵스
기타
기타
AI
프론트엔드
AI
아키텍처
기타
AI
백엔드
기타
기타![[현장으로 간 리서처] EP1. 커피값은 저희가 낼게요, 테스트 참여 해보실래요?](https://static.toss.im/assets/finance-tips/img-financetip-og2.png)
프론트엔드
기타
토스
도메인toss.tech
주요 카테고리 프론트엔드 · AI
활동 요약
- 최근 30일
- 7개
- 평균 조회
- 98
- 누적 조회
- 24,617
- 전체 글
- 252개
- 마지막 발행
- 2026. 11. 10.
토스 기술 블로그 글 (252)
“AI가 문제 냈어요?” 출제자 PO가 직접 답해드립니다 | 언더커버 사일로 비하인드 1화: 인플로우 사일로
토스의 인플로우 사일로가 바이럴 K를 높이기 위해 어떤 문제를 설계했는지 비하인드로 소개했습니다. 공유율과 기대감을 키우는 유저 플로우와 실험 방식이 핵심이었습니다.
#A/B 테스트#UI/UX#마케팅
7500
‘러닝 쉐어’의 새로운 실험, 토스가 두뇌 서바이벌을 만든 이유
토스가 실제 과제를 예능 포맷으로 풀어낸 〈언더커버 사일로〉를 소개했습니다. 실패와 성공의 과정을 공유하며 일하는 방식을 넓게 전하려는 실험입니다.
#문화#세미나
12600
슬기로운 토스뱅크 개발 인턴 생활
토스뱅크 인턴들이 변수명 추천 플러그인과 민감정보 마스킹 플러그인을 만든 경험을 소개했습니다. DRI 문화와 수평적 협업 속에서 문제를 정의하고 해결하며 성장한 과정을 정리했습니다.
#Kotlin#LLM#NLP
24300
GPU를 밀도 있게 쓰는 방법 - 토스증권의 GPU 가상화(MIG) 도입기
토스증권이 H100 GPU의 자원 낭비를 줄이기 위해 MIG 기반 GPU 가상화를 도입한 과정을 정리했습니다. Kubernetes 연동과 모니터링 설정까지 포함해 운영 관점의 적용 방법을 설명했습니다.
#MIG#Kubernetes#모니터링
15500
토스가 특허 낸 리서치툴, TNS (Toss Navigation Score) 제작기
토스가 사용자의 기능 탐색 경험을 수치화하는 리서치 툴 TNS를 만든 과정을 소개했습니다. 라이브 앱 로그 분리와 커스텀 UI로 실제 내비게이션 경로를 측정하고 개선에 연결했습니다.
#UI/UX#검색#대시보드
19200
대팝업의 시대에서 살아남는 브랜드 경험 만들기
토스 10주년 기념 공간 ‘스퀘어 오브 토스’의 기획과 연출 과정을 소개했습니다. 브랜드 메시지를 공간과 체험으로 번역해 사용자 경험으로 연결한 사례입니다.
#문화#UI/UX#접근성
8400
출시 2주만에 20만명이 쓴 토스증권 어닝콜 서비스 제작기
토스증권이 해외기업 어닝콜을 실시간 한국어 번역·요약하는 서비스를 2달 만에 만들었습니다. 실시간 시청자와 사후 확인 사용자의 수요를 함께 잡아 2주 만에 20만 명 이상이 사용했습니다.
#UI/UX#번역#문서화
16800
원칙보다 사용성에 집중할 때 | 접근성 업무일지 #1
보이스오버의 읽는 순서가 사용성에 어떤 불편을 만드는지 살펴보고 개선 방향을 고민했습니다. iOS 18.4의 컨트롤 항목 순서 설정처럼 사용자 선택권이 중요하다는 점도 확인했습니다.
#iOS#접근성#UI/UX
8900
토스페이먼츠 결제 시스템 연동을 돕는 MCP 서버 구현기
AI 코딩 도구의 결제 연동 정확도를 높이기 위해 토스페이먼츠가 MCP 서버를 구현한 과정을 공유했습니다. 문서 청크화와 BM25 검색으로 맥락을 제공해 Hallucination을 줄이고 연동 품질을 개선했습니다.
#MCP#LLM#BM25
15200
에러 0%, MSA에서의 Enum 관리 전략
MSA에서 공용 Enum의 버전 불일치로 생기는 Deserialize 에러를 줄이기 위한 관리 전략을 소개했습니다. 문자열 래핑, 빌드 규칙, 메타 감시로 안전성을 높였습니다.
#MSA#Java#Kotlin
26000
로고 하나로 툴을 설명할 수 있다면
토스의 디자인 툴 데우스 로고를 제작한 과정을 공유했습니다. 정체성 정의와 실사용 환경 검토가 로고 완성의 핵심이었습니다.
#design#UI/UX#브랜딩
9800
UX 리서처와 리서치 오퍼레이터가 함께 만든 ‘리서치 자율주행 프로젝트’
리서처 수요 증가에 맞춰 팀원 스스로 리서치를 수행할 수 있는 프로세스를 만들었습니다. 구글폼 한계를 넘기 위해 GPT와 워크숍으로 질문 기준과 답변 기준을 함께 정리했습니다.
#GPT#UX/UX#일반적인?
6700
신용대출 찾기 서비스 제휴사 mock 서버 개발기
제휴사 테스트 서버 불안정과 데이터 부족 문제를 해결하기 위해 mock 서버를 설계했습니다. DB 설정, 예약 실행, relay 기능으로 테스트 효율성과 신뢰성을 높였습니다.
#test#Spring Boot#API
12900
아름답고 이해하기 쉬운 세션 자료 만들기 | Simplicity 4 제작기 #5
Simplicity 4 세션 자료를 숏폼에 맞는 시각적 해설자로 설계한 제작 과정을 소개했습니다. 피그마와 템플릿으로 누구나 만들 수 있는 지속 가능한 제작 환경도 마련했습니다.
#UI/UX#Figma#컨퍼런스
8100
[현장으로 간 리서처] EP1. 커피값은 저희가 낼게요, 테스트 참여 해보실래요?
오프라인 결제 단말기에서 카드 할인 정보를 어떻게 전달할지 실제 카페에서 게릴라 테스트를 진행했습니다. 실제 맥락에서 사용성 검증을 해야 더 생생한 반응과 인사이트를 얻을 수 있었습니다.
#UI/UX#검색#리서치
8200
토스 프론트엔드 챕터가 오픈소스를 통해 꿈꾸는 미래
토스 프론트엔드 챕터가 오픈소스 위원회를 통해 세계적 오픈소스 탄생 가능성을 실험했습니다. 자율 기여와 정기 토론으로 코드와 철학을 함께 다듬는 운영 방식을 소개했습니다.
#오픈소스#React#API
17300
몰입의 시작을 만드는 그래픽 | Simplicity 4 제작기 #4
Simplicity 4의 세션 썸네일과 인트로 그래픽 제작 과정을 소개했습니다. 세션별 메타포 설계와 AI 활용으로 전체 경험의 통일성과 제작 효율을 높였습니다.
#UI/UX#LLM#MCP
7300