Velopers
모든 블로그
카카오페이

카카오페이

⚠️ 카카오페이 기술블로그는 리뉴얼 이후 RSS에 게시글이 제공되지 않아 새로운 게시글을 표시하지 못하고 있습니다. ⚠️

도메인tech.kakaopay.com
주요 카테고리 백엔드 · 프론트엔드

활동 요약

대표 인기 포스트백엔드 개발자의 시선으로 풀어본 LLM 내부 동작 원리: 6단계로 쉽게 이해하기340 조회
최근 30일
0개
평균 조회
56
누적 조회
8,853
전체 글
159개
마지막 발행
2026. 5. 8.
블로그 방문

카카오페이 기술 블로그 글 (23)

프론트엔드

공통 컴포넌트를 건강하게 기르기 위한 고민

공통 컴포넌트를 언제 만들고 언제 정리할지에 대한 팀의 판단 기준을 공유했습니다. 재사용성보다 유지 비용과 실제 사용성을 함께 보며 질문을 더 자주 남기자는 내용입니다.

#React#UI/UX#refactoring
18100

프론트엔드

그때는 맞고 지금은 틀리다. Yarn Berry에서 pnpm으로 패키지 매니저 전환기

카카오페이가 Yarn Berry에서 pnpm으로 전환한 배경과 검증 과정을 공유했습니다. 메모리 스파이크를 해결하고 배포 효율과 도커 이미지 크기도 개선했습니다.

#pnpm#Yarn Berry#Next.js
18700

프론트엔드

기기 없이 앱을 테스트하는 법, 멀티버스가 알려드립니다

가상 기기로 앱 테스트를 쉽게 만들고, 환경 구축과 디버깅 부담을 줄인 사내 플랫폼 멀티버스를 소개했습니다. 다양한 직군이 공통으로 겪는 테스트 불편을 기능으로 풀어낸 사례를 다뤘습니다.

#iOS#test#시뮬레이션
22200

프론트엔드

Next.js 트러블슈팅: CORS와 Version Skew 에러 원인부터 해결까지

Next.js SSR 서비스에서 발생한 CORS와 Version Skew 장애의 원인과 해결 과정을 정리했습니다. SessionStorage 저장, dynamic import, 배포 전략 개선으로 문제를 완화했습니다.

#Next.js#CORS#SSR
15000

프론트엔드

Ideavim !:과 셸 스크립트 조합으로 초간단 플러그인 만들기

IdeaVim의 `:!` 명령으로 셸 스크립트를 호출하는 간단한 활용법을 소개했습니다. 복잡한 플러그인 없이 IntelliJ에서 작은 자동화를 붙이는 방법입니다.

#Vim#IntelliJ#shell script
5300

프론트엔드

MapKit을 활용한 위치 기반 서비스를 개발하며 겪은 시행착오

MapKit을 활용한 위치 기반 서비스 개발 과정에서 겪은 시행착오를 공유했습니다. iOS 개발자가 MapKit 사용 시 마주칠 수 있는 고충을 정리했습니다.

#MapKit#iOS
2700

프론트엔드

실무에서 적용하는 테스트 코드 작성 방법과 노하우 Part 3: Given 지옥에서 벗어나기 - 객체 기반 데이터 셋업의 한계

Mock 테스트 코드 작성 중 마주한 문제와 해결 방법을 소개합니다. 특히 Given 구간이 길어지는 객체 기반 데이터 셋업의 한계를 다룹니다.

#test
3000

프론트엔드

API 없이 웹 애니메이션 구현: 인터랙티브 웹 개발 2편

라이브러리 없이 수학과 물리로 웹 애니메이션을 구현한 과정을 공유했습니다. 카카오페이의 트리 조명 인터랙티브 개발 사례를 중심으로 설명했습니다.

#web#CSS#JavaScript
1600

프론트엔드

iOS 멀티 프레임워크 환경에서 리소스 효율적으로 관리하기

iOS 멀티 프레임워크 환경에서 리소스를 효율적으로 관리하기 위한 리소스 모듈 구축 과정을 소개합니다. 앱 용량 영향을 줄이기 위한 분리 관리 방향을 다룹니다.

#iOS#module
4200

프론트엔드

API 없이 웹 애니메이션 구현: 인터랙티브 웹 개발 1편

API 없이 수학과 물리 개념으로 웹 애니메이션을 구현한 과정을 공유했습니다. 카카오페이의 트리 조명 애니메이션 개발 사례와 인터랙티브 웹 접근을 소개했습니다.

#web#CSS
1500

프론트엔드

CSR 환경에서 Suspense로 발생한 문제 해결하고 성능 개선하기

react-router-dom 기반 CSR 환경에서 Suspense 사용 시 발생한 순차적 API 호출 문제를 프리패칭으로 개선한 사례입니다. 데이터 대기 구간을 줄여 렌더링 흐름과 성능을 높인 경험을 공유했습니다.

#React#CSR#Suspense
2400

프론트엔드

카카오페이 기술 블로그는 어떻게 만들었을까요?

Gatsby 기반 SSG 기술 블로그를 구축하고 SEO와 마크다운 확장 방식을 정리했습니다. 빌드 지연을 해결하기 위해 Astro로 마이그레이션한 성능·운영 경험을 공유합니다.

#Gatsby#Astro#SSG
6500

프론트엔드

주니어 FE 개발자들의 스터디 여정

주니어 FE 개발자들이 진행한 3번의 스터디 경험과 운영 방식을 공유했습니다. 좋았던 점과 아쉬웠던 점, 스터디 꿀팁도 함께 정리했습니다.

#스터디#주니어 개발자#FE 개발자
1800

프론트엔드

[if kakao 2022] 사례로 보는 모바일 자동화 테스트를 통한 모니터링

모바일 자동화 테스트를 모니터링에 활용한 사례를 공유한 글입니다. if(kakao)2022 발표 내용을 바탕으로 한 소개성 게시물입니다.

#mobile#자동화#모니터링
2600

프론트엔드

[if kakao 2022] 카카오페이 iOS 웹뷰 소개, 그리고 세션에서 못다한 이야기

카카오페이 iOS 웹뷰 소개 세션의 후속 이야기를 공유합니다. 세션에서 다루지 못한 리팩토링 관련 내용을 추가로 다룹니다.

#iOS#webview#refactoring
2200

프론트엔드

카카오페이 계정 토큰 시스템 개편기. 그런데 Swift Concurrency를 사용한...

카카오페이 계정 서비스의 토큰 시스템 개편 과정과 Swift Concurrency 적용 경험을 공유했습니다. 개편 맥락에서 비동기 처리 전환에 따른 구현 이야기를 다뤘습니다.

#Swift#동시성
1200

프론트엔드

모두를 위한 접근성 이야기

카카오페이 UI 개발 경험을 바탕으로 접근성을 지켜야 하는 이유와 쉽게 준수하는 방법을 공유합니다. 개발자가 실무에서 접근성을 적용할 때의 관점을 간단히 정리했습니다.

#UI/UX#접근성
1800

프론트엔드

React Query와 함께 Concurrent UI Pattern을 도입하는 방법

React Query의 Suspense 옵션과 Error Boundary로 로딩·오류 UI를 선언적으로 분리했습니다. 경계 구성으로 복잡한 비동기 화면의 유지보수와 UX 설계를 개선하는 방식을 소개합니다.

#React#React Query#Suspense
2900