카카오페이 프론트엔드 개발팀의 Client Side Rendering 환경 고도화 / if(kakao)2022
if kakao 카카오 · YouTube
AI 핵심 요약
서비스가 늘면서 물리 서버 기반 공통 서버의 운영과 확장이 어려워지자, 카카오페이 FE 인프라팀은 애플리케이션을 컨테이너화해 쿠버네티스로 옮기고 빌드 산출물을 외부 저장소로 분리했다. 배포 의존성 설치에는 Yarn Plug’n’Play를 도입해 배포 시간을 기존 7~10분에서 1~2분 이내로 줄였으며, 보존된 산출물을 가리키는 심볼릭 링크를 바꾸는 방식으로 롤백을 즉시 반영하도록 개선했다. 또 계정 기반 RC 배포로 운영 환경의 사전 검증을 지원하고, 공통 서버가 경로별 Open Graph 정보를 주입하도록 바꿔 정적 페이지 제작에 드는 운영 부담을 낮췄다. 환경을 전면 교체하기보다 기존 서비스의 마이그레이션 부담을 줄이는 단계적 개선으로 개발자 경험과 운영 안정성, 사용자 경험을 함께 높인 사례다.
- 물리 서버에서 컨테이너로 옮길 때 산출물을 외부 저장소로 분리하면 스케일 아웃 중에도 서버 간 버전 불일치를 막을 수 있다.
- Yarn Plug’n’Play는 의존성 위치를 관리해 설치 과정을 단축할 수 있지만, 기존 패키지와의 호환성을 확인해야 한다.
- 롤백을 빠르게 하려면 이전 빌드 산출물을 보존하고, 심볼릭 링크가 가리키는 대상을 바꾸는 방식도 고려할 수 있다.
- 운영 환경에서 계정별로 RC 버전을 노출하면 일반 사용자에게 공개하기 전에 실제 환경에서 기능을 검증할 수 있다.
- CSR 페이지별 Open Graph 정보는 공통 서버에서 경로에 따라 주입하면 정적 HTML을 매번 만드는 운영 부담을 줄일 수 있다.
소개
카카오페이의 프론트엔드 서비스가 제공되는 환경에 대해 이야기 하고, 프론트엔드 서비스가 제공되는 환경의 관점에서 개발자 경험과 사용자 경험을 개선하기 위한 카카오페이 프론트엔드 팀의 작업을 사례를 통해 이야기합니다. #UX 카카오페이 FE인프라TF TF장 에릭입니다. 카카오페이 FE 서비스의 근간을 이루는 다양한 환경에 대한 고민을 하고 있습니다. 발표자료 보기 👉https://speakerdeck.com/kakao/ifkakao22-83 if(kakao)2022에 대한 자세한 정보는 👉 https://if.kakao.com if(kakao)2022에 대한 문의는 👉 if@kakaocorp.com #카카오 #이프카카오 #개발자컨퍼런스 #기술 #개발 #ifkakao2022
비슷한 학습 자료
컨퍼런스 if kakao
카카오페이 성장스토리와 일하는 문화 / if(kakao)2022
컨퍼런스 if kakao
카카오페이 워크플랫폼 개발자로 일한다는 것 / if(kakao)2022
컨퍼런스 if kakao
카카오페이 워크플랫폼팀은 카카오페이 직원인 크루들이 사용하는 업무 시스템을 만드는 팀입니다. 카카오페이 밖이 아닌 안에 있는, 카카오페이 크루가 사용자인 업무 시스템을 만들기 위해 어떤 부분에 중점을 두고 만들어가는지 소개해 드리고자 합니다. #Backend #Frontend #업무시스템 #생산성 카카오페이 워크플랫폼팀에서 업무 지원 시스템을 개발하고 있습니다. 발표자료 보기 👉https://speakerdeck.com/kakao/ifkakao22-101 if(kakao)2022에 대한 자세한 정보는 👉 https://if.kakao.com iif(kakao)2022에 대한 문의는 👉 if@kakaocorp.com #카카오 #이프카카오 #개발자컨퍼런스 #기술 #개발 #ifkakao2022
프론트엔드 백엔드
컨퍼런스 if kakao
카카오페이 서버 개발자로 일한다는 것 / if(kakao)2022
컨퍼런스 if kakao
카카오페이 서버 개발자들이 참여하는 프로젝트와 사용하는 기술, 협업 방식과 기술 문화에 대해 이야기합니다. #Backend #기술문화 #서비스개발 카카오페이 오프라인결제서비스에서 서버 개발을 하고 있는 Happy입니다. 발표자료 보기 👉https://speakerdeck.com/kakao/ifkakao22-102 if(kakao)2022에 대한 자세한 정보는 👉 https://if.kakao.com if(kakao)2022에 대한 문의는 👉 if@kakaocorp.com #카카오 #이프카카오 #개발자컨퍼런스 #기술 #개발 #ifkakao2022
백엔드 애자일 · 협업
컨퍼런스 if kakao
카카오페이 iOS 웹뷰 소개 및 리팩토링 이야기 / if(kakao)2022
컨퍼런스 if kakao
카카오페이는 네이티브와 웹뷰를 적절히 사용하여 높은 수준의 사용자 경험을 주고자 노력하고 있습니다. 네이티브와 웹뷰의 데이터 전달부터 풀스크린 웹뷰, 바텀시트형 웹뷰, 네비게이션 영역 핸들링이 가능한 웹뷰 등 다양한 방식의 웹뷰를 사용하고 있습니다. 본 세션에서는 다양한 시도를 통해 현재 사용중인 웹뷰로 발전하게 된 과정을 소개합니다. 여러 타입의 웹뷰를 핸들링하는 방법과 리팩토링 스토리를 포함하여 페이 서비스의 특성상 카카오페이앱 및 카카오톡앱 2개의 앱을 개발 해야하는 환경에서 어떻게 코드를 관리하는지에 대해 알아봅니다. #iOS #WebView #리팩토링 #WKWebView 카카오페이 사용자에게 더 나은 경험을 주고싶은 iOS 개발자 joey입니다. 카카오톡 내의 카카오페이 서비스와 카카오페이 앱을 개발하고 있습니다. 발표자료 보기 👉https://speakerdeck.com/kakao/ifkakao22-89 if(kakao)2022에 대한 자세한 정보는 👉 h...
웹 개발 모바일 앱 개발
컨퍼런스 if kakao
카카오페이 앱 리빌딩 스토리 / if(kakao)2022
컨퍼런스 if kakao
카카오페이앱을 리빌딩하면서 겪은 과정들을 소개해 드리려고 합니다. #Android 카카오페이 안드로이드 주식 서비스 업무를 맡고 있는 스카일러입니다. 카카오페이 안드로이드 계정 서비스 업무를 맡고 있는 에디입니다. 발표자료 보기 👉https://speakerdeck.com/kakao/ifkakao22-91 if(kakao)2022에 대한 자세한 정보는 👉 https://if.kakao.com if(kakao)2022에 대한 문의는 👉 if@kakaocorp.com #카카오 #이프카카오 #개발자컨퍼런스 #기술 #개발 #ifkakao2022
모바일 앱 개발
컨퍼런스 if kakao
Preview Frontend @if(kakao)2022
컨퍼런스 if kakao
if(kakao)2022 컨퍼런스에서 Frontend 관련 기술 발표 트랙을 소개합니다. 01:28 1. MFA, 누구냐 너: 공통 플랫폼개발 파트의 MFA도입기 by 어호선(sun.kist) 카카오 공통플랫폼개발파트에서 프론트앤드 개발을 담당하고 있는 썬입니다. 01:58 2. 마이크로프론트엔드. 실무에 쓸만할까? by 김수찬(tony.chan) 카카오워크의 관리자 서비스를 개발하고 있습니다. 02:17 3. 웹 반응성 개선하기: Lighthouse Userflow를 사용한 웹 반응성 개선기 by 박은우(ethan.eunwu) 카카오 FE플랫폼팀에서 FE개발자를 위한 개발을 하는 에단입니다. 02:35 4. 카카오페이 프론트엔드 개발팀의 Client Side Rendering 환경 고도화 by 박병현(eric.dev) 카카오페이 FE인프라TF TF장 에릭입니다. 카카오페이 FE 서비스의 근간을 이루는 다양한 환경에 대한 고민을 하고 있습니다. 02:56 5. 광고 웹 ...
프론트엔드