프론트엔드 아티클

필터 0

선택된 필터 없음

· 2026년 3월 24일

프론트엔드

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

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

#React#UI/UX

164005분

리멤버 iOS의 SwiftUI 도입기 — 허들을 하나씩 넘기며

· 2026년 3월 24일

프론트엔드

리멤버 iOS의 SwiftUI 도입기 — 허들을 하나씩 넘기며

오래된 UIKit iOS 앱에 SwiftUI를 단계적으로 도입한 과정을 소개했습니다. 위젯부터 셀 임베딩, 디자인 시스템, 재사용 문제 해결까지 허들을 하나씩 넘겼습니다.

#iOS#SwiftUI

53005분

pnpm 모노레포에서 React 19 마이그레이션하기: 숨겨진 호이스팅 레이어가 만든 타입 충돌 트러블슈팅

· 2026년 3월 24일

프론트엔드

pnpm 모노레포에서 React 19 마이그레이션하기: 숨겨진 호이스팅 레이어가 만든 타입 충돌 트러블슈팅

pnpm 모노레포에서 React 18과 19를 공존시키며 발생한 타입 충돌을 트러블슈팅했습니다. 호이스팅 차단과 packageExtensions 주입으로 잘못된 React 타입 참조를 해결했습니다.

#pnpm#React

119005분

보이지 않는 품질, 데이터. 로그가 틀리면 고객도 틀린다

· 2026년 3월 23일

프론트엔드

보이지 않는 품질, 데이터. 로그가 틀리면 고객도 틀린다

모바일 앱 릴리스 전에 로그 품질을 자동으로 검증하는 구조를 설계하고 운영한 사례를 공유했습니다. 수동 검수의 한계를 줄이고, 실제 배포 전 로그 이슈를 조기에 발견한 과정을 설명했습니다.

AttributedString 구조로 풀어낸 대규모 iOS 설정 시스템

LINE iOS의 대규모 서비스 설정 시스템을 AttributedString 구조를 참고해 재설계한 사례를 소개했습니다. 타입 안전성, 동시성, 디버그 오버라이드, 테스트 대역을 함께 개선했습니다.

#iOS#Swift

48005분

“왜 노출이 안 될까?”를 한 번에 추적하는 방법

· 2026년 3월 18일

프론트엔드

“왜 노출이 안 될까?”를 한 번에 추적하는 방법

모듈매장 노출 이슈를 추적하기 위해 요청 흐름을 하나의 식별자로 묶는 디버깅 도구를 만들었습니다. 분산 로그를 한 화면에서 확인하고 직접 재현까지 하도록 확장해 운영 대응 속도를 높였습니다.

#MSA#Kafka

79005분

개인화 추천 템플릿 메인 페이지에 유저를 부드럽게 랜딩시키기

· 2026년 3월 17일

프론트엔드

개인화 추천 템플릿 메인 페이지에 유저를 부드럽게 랜딩시키기

개인화 추천 템플릿 메인 페이지의 LCP 지연을 줄이기 위해 CSR을 유지한 채 전환 애니메이션과 네트워크·API·이미지 로딩 최적화를 적용했습니다. 그 결과 부드러운 랜딩을 확보하면서도 첫 화면 성능을 개선했습니다.

제품 개발 이후, 그 바깥의 AI - 버그 잡는 디자이너

디자이너가 AI 코딩 도구를 활용해 사소한 UI 버그를 직접 수정한 실전기를 소개했습니다. 티켓 정리, Plan 모드, PR 리뷰 흐름으로 백로그를 줄인 사례입니다.

KMP/CMP 마이그레이션, 정말 프로덕션에서 가능할까? - 키친보드 앱 마이그레이션 도전기

KMP/CMP 마이그레이션에서 Compose Navigation의 WebView 상태 유실 문제를 커스텀 네비게이션으로 해결했습니다. FragmentManager와 UINavigationController로 상태 유지와 결과 전달을 구현하며 프로덕션 적용 가능성을 확보했습니다.

#Kotlin#Android

50005분