SwiftUI NavigationView로 Coordinator Pattern 사용하기
SwiftUI NavigationView에서 Coordinator 패턴을 구현하는 방법을 정리했습니다. 프로그램적 화면전환, LazyStack 대응, PopToRoot까지 처리하는 흐름을 설명합니다.
#SwiftUI#Coordinator Pattern
2600
프론트엔드 기술 블로그 최신 글
필터 0
![[if kakao 2022] 사례로 보는 모바일 자동화 테스트를 통한 모니터링](https://tech.kakaopay.com/_astro/thumb.7c2b1567_j8ALG.png)
[if kakao 2022] 사례로 보는 모바일 자동화 테스트를 통한 모니터링
모바일 자동화 테스트를 모니터링에 활용한 사례를 공유한 글입니다. if(kakao)2022 발표 내용을 바탕으로 한 소개성 게시물입니다.
#mobile#자동화
2400
섬세한 ISFP의 코드 가독성 개선 경험 / if(kakao)2022
정확한 명명과 시각적 코드 구조화를 통해 유지보수성과 협업 가독성을 높인 사례를 소개했습니다. 표·목차·용어·각주 형태의 비유로 조건문과 로그 처리 코드를 개선했습니다.
#JavaScript#CSS
000
![[if kakao 2022] 카카오페이 iOS 웹뷰 소개, 그리고 세션에서 못다한 이야기](https://tech.kakaopay.com/_astro/thumb.ade87e73_Z1mFQyn.png)
[if kakao 2022] 카카오페이 iOS 웹뷰 소개, 그리고 세션에서 못다한 이야기
카카오페이 iOS 웹뷰 소개 세션의 후속 이야기를 공유합니다. 세션에서 다루지 못한 리팩토링 관련 내용을 추가로 다룹니다.
#iOS#webview
2200
SEO 개선 초심자 가이드
검색 콘솔, 사이트맵, robots.txt, 메타데이터로 크롤링과 색인 관리를 안내합니다. 중복 URL·오류 페이지를 정리하고 Lighthouse 기반 성능 개선도 제안합니다.
#SEO#traffic
100
`API 언제 나오나요?` 로 부터 독립하기
RTK Query 기반 factory와 Adapter 레이어로 API 응답 모델을 화면용 데이터로 변환했습니다. API 변경이 생겨도 UI 컴포넌트 수정 범위를 최소화했습니다.
#RTK Query#API
100
SEO 개선 초심자 가이드
SEO 개선 초심자 가이드
검색엔진 최적화를 처음 시작할 때 필요한 기본 항목들을 구글 서치 콘솔, 사이트맵, robots.txt 중심으로 정리했습니다. 메타 데이터, 중복 URL, 상태 코드, 성능 개선까지 함께 점검하는 흐름을 제안했습니다.
#SEO#검색
3100
`API 언제 나오나요?` 로 부터 독립하기
`API 언제 나오나요?` 로 부터 독립하기
API 응답 모델이 불확실한 상황에서 factory 레이어를 둬 UI와 API 의존을 분리했습니다. LIVE와 VOD의 서로 다른 응답을 정규화해 UI 변경 범위를 줄인 사례를 소개했습니다.
#RTK Query#factory
3600
플래닝 포커(Planning Poker)
플래닝 포커로 스프린트 일정을 산정하며 동료들의 경험과 의견을 공유받은 경험을 소개했습니다. 일정 산정 시에는 버퍼를 두고 큰 틀의 영향도 함께 고려하자는 인사이트를 전했습니다.
#agile#planning poker
2200
올리브영 메인페이지 성능 개선기
온라인몰 메인페이지의 초기 렌더링 지연과 느린 LCP 문제를 분석하고, 불필요한 지연 로직 제거와 탭 렌더링 순서 조정으로 개선했습니다. 또한 데이터 분리와 모니터링을 통해 FID, LCP, 로딩 타임을 함께 줄였습니다.
#성능#웹
4100
라이브러리 없이 라우터(Router) 만들기
바닐라 JavaScript로 Fragment 해시 기반 SPA 라우터를 구현하는 과정을 소개했습니다. 경로 등록, 페이지 전환, 프로그래밍 이동, path parameter 추출을 다뤘습니다.
#JavaScript#SPA
000
라이브러리 없이 라우터(Router) 만들기
라이브러리 없이 라우터(Router) 만들기
바닐라 JS로 해시 라우터를 직접 구현하는 과정을 설명했습니다. 경로 매핑, navigate, path parameter 추출까지 확장하는 방법을 다뤘습니다.
#JavaScript#SPA
2800
Apollo Client Pagination Fetching Guide
Apollo Client 무한스크롤을 `refetch`에서 `fetchMore`로 바꾸는 리팩토링 과정을 정리했습니다. 캐시 정책과 첫 페이지 예외 처리까지 함께 맞춰 페이징 문제를 해결했습니다.
#Apollo Client#pagination
2900
카카오페이 계정 토큰 시스템 개편기. 그런데 Swift Concurrency를 사용한...
카카오페이 계정 서비스의 토큰 시스템 개편 과정과 Swift Concurrency 적용 경험을 공유했습니다. 개편 맥락에서 비동기 처리 전환에 따른 구현 이야기를 다뤘습니다.
#Swift#동시성
1200