모닥불 | EP.3 프론트엔드 개발에서 테스트 자동화, 꼭 해야 할까?
프론트엔드 개발에서 테스트 자동화가 왜 필요한지, 어떤 장점이 있는지 다뤘습니다. 토스가 테스트 코드를 쓰고 쓰지 않는 기준도 함께 소개했습니다.
#test#자동화
2700
모든 블로그
대표 인기 포스트캐시를 적용하기 까지의 험난한 길 (TPS 1만 안정적으로 서비스하기)499 조회499 조회 프론트엔드 프론트엔드
프론트엔드
프론트엔드
프론트엔드
프론트엔드
프론트엔드
프론트엔드
프론트엔드
토스
도메인toss.tech
주요 카테고리 프론트엔드 · AI
활동 요약
- 최근 30일
- 7개
- 평균 조회
- 98
- 누적 조회
- 24,617
- 전체 글
- 252개
- 마지막 발행
- 2026. 11. 10.
토스 기술 블로그 글 (63)
모닥불 | EP.2 함수형 프로그래밍, 프론트엔드 개발에 진짜 도움 될까?
토스 프론트엔드 개발자들이 함수형과 객체지향의 장단점과 선호도를 두고 토론했습니다. 프론트엔드에서 객체지향을 어떻게 활용할 수 있는지도 함께 살펴봤습니다.
#함수형 프로그래밍#객체지향 프로그래밍
5100
SSR 서버 최적화로 비용 아끼기
SSR 서버 최적화를 위해 측정 환경을 먼저 정비하고, RPS와 Event Loop 지표로 병목을 찾았습니다. serializer 제거, Yarn 업그레이드, Express 제거로 CPU 사용률을 낮춰 서버 수를 줄였습니다.
#SSR#Next.js#node.js
4800
모닥불 | EP.1 토스에서 말하는 “가독성 좋은 코드” 란 무엇일까?
토스 프론트엔드 개발자들이 가독성 좋은 코드의 의미와 코드 퀄리티의 필요성을 이야기했습니다. 동료를 위한 코드라는 관점에서 가독성의 요소와 챙기는 방법을 공유했습니다.
#UI/UX#가독성#코드 퀄리티
4700
여러 프레임워크에서 사용할 수 있는 라이브러리 만들기
Framework Agnostic 개념을 바탕으로 코어와 어댑터를 분리하는 라이브러리 설계 방식을 소개했습니다. Tanstack Query와 계산기 예시로 프레임워크 독립성과 통합 구조를 설명했습니다.
#JavaScript#TypeScript#React
3900
드래그 앤 드롭은 사실 편한 UX가 아니다?
드래그 앤 드롭 순서 변경 기능을 접근성 관점에서 재설계한 사례를 소개했습니다. 스크린 리더, 초점 이동, ARIA 적용과 디바이스별 대응 방법도 함께 정리했습니다.
#UI/UX#accessibility#ARIA
4300
Transpiler, “사용”말고 “활용”하기
토스뱅크는 transpiler를 활용해 클릭 요소에 로깅 속성을 자동 주입하는 방식을 만들었습니다. 이를 통해 개발자는 로깅을 신경 쓰지 않고 비즈니스 로직에 집중할 수 있게 되었습니다.
#transpiler#React#SWC
3300
패키지 매니저의 과거, 토스의 선택, 그리고 미래
JavaScript 패키지 매니저의 동작 원리와 npm, pnpm, Yarn의 차이를 설명했습니다. 토스가 Yarn PnP를 선택한 이유와 Zero-install, Import Map의 방향성도 함께 다뤘습니다.
#Yarn#pnpm#node_modules
2900
토스가 꿈꾸는 React Native 기술의 미래
토스가 React Native를 선택한 이유와 현재 운영 방식을 소개했습니다. 마이크로 프론트엔드, ESBuild, 번들 분리로 사용자 경험과 개발 생산성을 함께 높이고자 했습니다.
#React Native#WebView#ESBuild
6200