카카오페이 계정 토큰 시스템 개편기. 그런데 Swift Concurrency를 사용한...
카카오페이 계정 서비스의 토큰 시스템 개편 과정과 Swift Concurrency 적용 경험을 공유했습니다. 개편 맥락에서 비동기 처리 전환에 따른 구현 이야기를 다뤘습니다.
#Swift#동시성
10005분
새로운 기술 블로그가 추가되었어요
필터 0
Typescript - Union Type, Intersection Type, Etc.
Typescript - Union Type, Intersection Type, Etc.
타입스크립트의 구조적 타입 시스템과 유니온·인터섹션 타입의 기본 개념을 설명했습니다. 또한 태그드 유니온과 템플릿 리터럴 타입, 객체 리터럴의 엄격한 검사까지 함께 정리했습니다.
#TypeScript#union type
17005분
리팩터링 가이드 - 좋은 코딩 습관을 기르자
리팩터링 가이드 - 좋은 코딩 습관을 기르자
리팩터링을 기능은 그대로 두고 코드 구조를 개선하는 방법으로 정리했습니다. 함수 추출, 조건문 분해, 특이 케이스 추가 같은 기본 기법과 적용 흐름을 소개했습니다.
#refactoring#Java
20005분
모두를 위한 접근성 이야기
카카오페이 UI 개발 경험을 바탕으로 접근성을 지켜야 하는 이유와 쉽게 준수하는 방법을 공유합니다. 개발자가 실무에서 접근성을 적용할 때의 관점을 간단히 정리했습니다.
#UI/UX#접근성
12005분
이제부터 이 컴포넌트는 제 겁니다
이제부터 이 컴포넌트는 제 겁니다
리액트에서 렌더링과 상태 제어를 외부로 넘기는 IoC 패턴들을 정리했습니다. Render Props, 합성 컴포넌트, Controlled Props의 특징과 장단점을 비교했습니다.
#React#IoC
13005분
React의 Error Boundary를 이용하여 효과적으로 에러 처리하기
React의 Error Boundary를 이용하여 효과적으로 에러 처리하기
React Error Boundary로 렌더링 에러와 API 에러를 선언적으로 처리하는 구조를 소개했습니다. 제한된 범위의 ApiErrorBoundary와 전역 GlobalErrorBoundary로 재시도 UX까지 구성했습니다.
#React#error boundary
41005분
안드로이드 멀티모듈 도입기 - 온보딩 프로젝트를 통한 안드로이드 멀티모듈 도입기
안드로이드 멀티모듈 도입기 - 온보딩 프로젝트를 통한 안드로이드 멀티모듈 도입기
안드로이드 온보딩 프로젝트에서 멀티모듈을 처음 도입한 경험을 다뤘습니다. 기존 단일 모듈 개발에서 구조를 바꾼 배경을 소개했습니다.
#Android#module
22005분
LiveData에서 Flow로 변형해보기 - LiveData -> Flow(StateFlow & SharedFlow)
LiveData에서 Flow로 변형해보기 - LiveData -> Flow(StateFlow & SharedFlow)
Android에서 기존 LiveData를 Flow 계열로 옮겨 적용한 경험을 소개하는 글입니다. StateFlow와 SharedFlow를 설명하기 위해 먼저 LiveData의 개념을 정리합니다.
#Android#Kotlin
24005분
유연하게 프로젝트별 개발환경 자동 설정하기(nvm) - nvm deeper shell integration 활용
여러 프론트엔드 프로젝트의 Node.js 버전 차이로 개발환경 관리가 필요한 상황을 다뤘습니다. nvm deeper shell integration으로 프로젝트별 환경을 자동 설정하는 방법을 소개했습니다.
#node.js
9005분
React 컴포넌트와 추상화
React 컴포넌트와 추상화
React 컴포넌트를 책임과 도메인 의존성 기준으로 어떻게 추상화할지 설명한 글입니다. 범용 컴포넌트 분리와 합성, 훅 활용을 통해 유연한 구조를 제안했습니다.
#React#컴포넌트
41005분
스마트 TV에서 콘텐츠를 새롭게 탐색하는 방법
스마트 TV에서 콘텐츠를 새롭게 탐색하도록 예고편 중심의 왓고리즘 기능을 설계하고 검증한 사례를 소개했습니다. 사용자 조사와 UT를 통해 발견 경험을 강화했고, 배포 후 도움 평가와 재생 지표 개선도 확인했습니다.
#UI/UX#추천 알고리즘
19005분
FE개발그룹에서는 Tailwind CSS를 왜 도입했고, 어떻게 사용했을까?
FE개발그룹에서는 Tailwind CSS를 왜 도입했고, 어떻게 사용했을까?
카카오페이지 웹 개편에서 Emotion CSS의 한계를 줄이기 위해 Tailwind CSS와 Twin.Macro를 도입했습니다. 디자인 시스템 네이밍을 쉽게 반영하고, 커스텀 플러그인으로 부족한 유틸리티를 보완했습니다.
#Tailwind CSS#Emotion CSS
46005분