카
카카오페이
December 8, 20221회
[if kakao 2022] 카카오페이 iOS 웹뷰 소개, 그리고 세션에서 못다한 이야기
간단 소개
카카오페이 iOS 웹뷰 리팩토링 과정과 Shared Framework 도입을 통한 개발 효율성 향상 및 코드 관리 개선에 대한 내용입니다.
AI Summary
- 페이 iOS 웹뷰 1.0에서 2.0으로의 발전
- App Scheme 기반에서 JSAPI 중심으로 변경되어 복잡한 비동기 처리 지원
- Script, JSAPI, Configuration 세 가지 키워드로 특징 정의
- Configuration 구조체 도입
- UI 관련 값을 통합 관리하여 중복 코드 제거 및 유지보수 용이성 향상
- 웹뷰 객체 생성 시 parameter 값 증가로 인한 가독성 저하 문제 해결
- UI 항목 추가 시 Configuration 구조체에만 추가하여 개발 효율성 증대
- Shared Framework 활용 및 리팩토링
- 카카오톡, 카카오페이 앱 간 중복 코드 통합 관리로 코드 라인 수 감소 및 유지보수 효율 증대
- 웹뷰 코드의 Interceptor 구조 도입으로 예외 처리 인터페이스 제공 및 앱 의존성 감소
- 레거시 코드 정리 및 Framework 통합을 통해 코드 라인 수 40% 감소
Next Feeds
`API 언제 나오나요?` 로 부터 독립하기
API 불확실성 속에서 UI 컴포넌트의 독립성을 확보하고 유지보수성을 높이기 위해 Adapter 레이어를 도입한 경험을 공유합니다.
API프론트엔드RTK QueryAdapterUI 컴포넌트
2022. 12. 8.
카카오엔터테인먼트FE
SEO 개선 초심자 가이드
SEO 개선을 위한 초심자 가이드로, 구글 서치 콘솔 등록부터 웹사이트 성능 개선까지 핵심적인 방법들을 소개합니다.
SEO구글 서치 콘솔사이트맵robots.txt메타 데이터
2022. 12. 8.
카카오엔터테인먼트FE
SEO 개선 초심자 가이드
FE 기술 블로그 SEO 개선 가이드: 구글 서치 콘솔 등록부터 웹사이트 성능 개선까지, SEO 최적화 방법 제시.
SEO구글 서치 콘솔사이트맵robots.txt메타 데이터
2022. 12. 8.
카카오엔터테인먼트FE
`API 언제 나오나요?` 로 부터 독립하기
API 변경에 독립적인 UI 컴포넌트 개발을 위해 RTK Query와 어댑터 레이어를 활용하는 전략을 제시합니다.
API프론트엔드RTK Query어댑터UI 컴포넌트
2022. 12. 8.
카카오엔터테인먼트FE

플래닝 포커(Planning Poker)
올리브영 프론트엔드 개발자가 애자일 방법론 기반 플래닝 포커를 통해 공수 산정 경험을 공유하고, 효과 및 개선점을 제시합니다.
플래닝 포커애자일공수 산정스프린트일정 관리
2022. 12. 7.
올리브영
올리브영 메인페이지 성능 개선기
올리브영 메인 페이지 성능 개선 과정을 분석하고, 개선 결과 및 향후 계획을 요약합니다.
성능 개선LCP프론트엔드리팩토링모던 프레임워크
2022. 12. 7.
올리브영