탐색을 돕는 광고 UX를 만들 수 있을까?
탐색 흐름에 맞춘 광고 UX 실험으로, 피로감은 줄이고 클릭과 전환을 높이는 방법을 살펴보았습니다. 광고는 많이 보여주는 것보다 맥락에 자연스럽게 녹아들 때 더 효과적임을 확인했습니다.
#UI/UX#광고
10400
프론트엔드 기술 블로그 최신 글
필터 0
React Server Component와 Streaming으로 웹 성능 극대화하기: Next.js 실전 가이드
Next.js App Router에서 React Server Components와 Streaming을 활용해 데이터 패칭 패턴을 비교했습니다. loading.tsx와 Suspense, use 훅으로 체감 속도와 로딩 시간을 함께 개선하는 방법을 설명했습니다.
#React#Next.js
22100
한 줄로 끝내는 iOS 화면 생성: Scaffold + Makefile
Tuist Scaffold와 Makefile로 iOS 화면 생성용 보일러플레이트를 한 줄 명령으로 자동화하는 방법을 다뤘습니다. 반복 작업을 줄이고 팀의 코드 일관성과 생산성을 높인 사례를 소개했습니다.
#iOS#SwiftUI
6500
네트워크 기반 Compose Preview가 안보인다면?
네트워크 기반 Compose Preview에서 이미지가 보이지 않는 원인을 분석하고 해결 방법을 공유했습니다. LocalInspectionMode로 프리뷰 환경을 감지해 기본 이미지를 렌더링하도록 개선했습니다.
#Android#Jetpack Compose
5800
KMP 기반 UI 컴포넌트 통합 전략
KMP 기반 UI 컴포넌트 통합 전략
KMP 기반으로 멀티플랫폼 디자인 시스템과 UI 컴포넌트 통합 전략을 다뤘습니다. 아이콘 리소스 자동화 관리와 배포 방식까지 함께 소개했습니다.
#Kotlin#UI/UX
12800
WWDC 2025 —＂ What’s New in Passkey＂ 요약
WWDC 2025에서 소개된 패스키 통합 인증 프레임워크를 요약했습니다. 회원가입부터 동기화, 자동 전환, 기기 간 이전까지의 개선점을 정리했습니다.
#Swift#iOS
5600
에이닷 및 D9을 위한 웹뷰 인터페이스 소개
웹뷰 인터페이스를 통해 네이티브 앱과 웹이 어떻게 양방향으로 소통하는지 정리했습니다. 또한 명명 규칙, 보안, 성능 관점의 설계 가이드와 주요 함수 예시를 소개했습니다.
#JavaScript#Android
7600
웹빌더 시스템 Part 1: GrapesJS와 Next.js로 만드는 웹빌더 개발기
GrapesJS와 Next.js로 펜션 홈페이지용 웹빌더를 구성한 사례를 정리했습니다. 정적 배포와 S3 연동으로 운영 효율과 비용 절감을 함께 확보했습니다.
#Next.js#React
10600
개발 생산성 200% 높이는 커뮤니케이션 전략 \:\ 코드 밖에서도 성공하는 DevOps
개발 생산성을 높이는 핵심으로 커뮤니케이션 전략을 정리했습니다. 프론트엔드 협업 사례와 실무 적용 팁까지 함께 제시했습니다.
#UI/UX#API
8400
14년 된 네이버 캘린더 앱, KMP & 컴포즈 멀티 플랫폼 모듈 적용기
14년 된 네이버 캘린더 앱, KMP & 컴포즈 멀티 플랫폼 모듈 적용기
14년 된 네이버 캘린더 앱에 KMP와 Compose Multiplatform을 적용한 경험을 공유했습니다. 도입 배경, 모듈 연동, 공통 설정, Android/iOS 개발 흐름을 함께 다뤘습니다.
#Kotlin#Android
13800
＂딸깍＂으로 이미지 리소스 반영하는 법
iOS 이미지 리소스를 파일명 규칙 기반 스크립트로 자동 정리하는 방법을 소개했습니다. 수작업 교체와 설정 부담을 줄여 실수를 줄이고 반복 작업을 크게 줄였습니다.
#iOS#Xcode
10400
[발표 영상] 생산성을 높이는 Android SDK 배포 전략 살펴보기
[발표 영상] 생산성을 높이는 Android SDK 배포 전략 살펴보기
Android SDK 배포 프로세스를 자동화해 생산성을 높인 사례를 공유했습니다. GitHub Actions와 Gradle convention plugin, 문서·샘플앱 자동화 방법을 다뤘습니다.
#Android#GitHub Actions
6000
JavaScript Proxy를 활용한 상태 추적 도구 개발기
JavaScript Proxy를 활용한 상태 추적 도구 개발기
JavaScript Proxy로 상태 객체의 변경을 가로채 추적 도구를 만들었습니다. Redux 도입 없이도 디버깅 속도와 팀 생산성을 크게 높였습니다.
#JavaScript#Proxy
6300
토스 프론트엔드 챕터가 오픈소스를 통해 꿈꾸는 미래
토스 프론트엔드 챕터가 오픈소스 위원회를 통해 세계적 오픈소스 탄생 가능성을 실험했습니다. 자율 기여와 정기 토론으로 코드와 철학을 함께 다듬는 운영 방식을 소개했습니다.
#오픈소스#React
17300