대규모 프론트엔드 아키텍처의 새로운 패러다임 - Part 3. Nx를 활용한 마이크로프론트엔드
Nx를 활용해 모노레포에서 마이크로프론트엔드를 구축하는 방법을 소개했습니다. 빌드타임 통합과 런타임 통합을 예시 코드로 비교하며 Nx의 장점을 설명했습니다.
#Nx#모노레포
127005분
필터 0
대규모 프론트엔드 아키텍처의 새로운 패러다임 - Part 2. 모듈 페더레이션 PoC
모듈 페더레이션 PoC로 Next.js 기반 마이크로프론트엔드의 런타임 통합 방식을 살펴보았습니다. 다만 원격 모듈 설정 자동화와 타입 안전성, SSR 구현 난이도는 추가 해결이 필요했습니다.
#Module Federation#micro frontend
124005분
하이브리드 앱에 구축하는 iOS 개발자모드
하이브리드 iOS 앱에 개발자모드와 WebView 디버깅 도구를 SwiftUI로 구축한 사례를 소개했습니다. 프로토콜과 DI로 로컬 플래그를 분리해 운영 리스크를 줄이고 생산성을 높였습니다.
#iOS#SwiftUI
56005분
Next.js 프로젝트의 정적 파일 배포 환경 구성
Next.js 정적 파일을 개발·운영으로 분리하고 CI/CD로 자동 배포하는 구성을 소개했습니다. 변경된 파일만 rsync와 Purge로 처리해 캐시 비용과 운영 부담을 줄였습니다.
#Next.js#CI/CD
22005분
Compose에서 Stable을 가볍게 보면 안 되는 이유: LazyList 안정성 가이드 Part 2
Compose에서 Stable을 가볍게 보면 안 되는 이유: LazyList 안정성 가이드 Part 2
LazyColumn 최적화에서 key와 stable 상태가 recomposition 범위에 큰 영향을 준다고 설명했습니다. 아이템 상태와 리스트 변경 방식에 맞는 모델을 선택하는 것이 중요하다고 정리했습니다.
#Android#Jetpack Compose
45005분
스윙 iOS에서 더 개선된 애니메이션 시스템 만들기
iOS 애니메이션의 예기치 않은 동작 원인을 CATransaction과 레이아웃 생명주기 관점에서 정리했습니다. CADisplayLink 기반 SWAnimation으로 진행도 제어, 취소, FPS 측정까지 확장한 사례를 소개했습니다.
#iOS#UIView.animate
21005분
SDUI로 네이티브 운영 민첩성 높이기
네이티브 앱의 배포 지연을 줄이기 위해 SDUI를 설계하고 도입한 과정을 정리했습니다. 서버 스키마 기반 화면 구성과 성능 최적화, 롤백 전략까지 함께 다뤘습니다.
#Android#iOS
109005분
SEO 주도 개발 실천기: 구글이 인정한 ‘좋은 URL’ 99% 달성 여정
SEO 지표를 개발 목표로 삼아 서버와 클라이언트의 병목을 단계적으로 개선했습니다. 그 결과 원티드 플랫폼의 99% URL을 ‘좋은 URL’로 전환했습니다.
#SEO#Next.js
96005분
증강현실 기반 마케팅 솔루션 'play AR'을 소개합니다(feat. '춘식이는 홈런왕')
증강현실 기반 마케팅 솔루션 'play AR'을 소개합니다(feat. '춘식이는 홈런왕')
SK플래닛의 Web AR 마케팅 플랫폼 play AR과 전환 배경, 구현 기술을 소개했습니다. 앱 설치 없이 QR 스캔으로 접근성을 높이고 다양한 이벤트 템플릿을 제공했습니다.
#AR#Web AR
36005분
Chat DIC - 대화형 LLM 서비스의 프런트엔드 성능 개선기
Chat DIC - 대화형 LLM 서비스의 프런트엔드 성능 개선기
Chat DIC 프런트엔드에서 SSE로 LLM 응답을 실시간 스트리밍하도록 구현했습니다. 버퍼와 Windowing을 적용해 비활성 탭 지연과 긴 대화 성능 저하를 개선했습니다.
#React#JavaScript
134005분
여기어때 컬처북 제작기(2) — 디자인편
여기어때는 리더십원칙을 심볼과 일러스트로 재해석해 컬처북으로 제작했습니다.\n딱딱한 가이드북 대신 스토리북 형식으로 조직문화를 친근하게 전달했습니다.
#UI/UX#design
58005분
포스를 확장하는 가장 빠른 방법, 포스 플러그인
포스 확장을 위해 제휴사별 맞춤 개발 대신 플러그인 구조를 도입한 사례를 소개했습니다. 웹 워커 격리와 SDK 추상화로 안정성과 개발 편의성을 높이고, 향후 생태계 확장을 계획했습니다.
#node.js#JavaScript
92005분