프론트엔드 아티클

새로운 기술 블로그가 추가되었어요

아임웹

필터 0

선택된 필터 없음

14년 된 네이버 캘린더 앱, KMP & 컴포즈 멀티 플랫폼 모듈 적용기

2025년 6월 12일

프론트엔드

14년 된 네이버 캘린더 앱, KMP & 컴포즈 멀티 플랫폼 모듈 적용기

14년 된 네이버 캘린더 앱에 KMP와 Compose Multiplatform을 적용한 경험을 공유했습니다.\n도입 배경, 모듈 연동, 공통 설정, Android/iOS 개발 흐름을 함께 다뤘습니다.

＂딸깍＂으로 이미지 리소스 반영하는 법

iOS 이미지 리소스를 파일명 규칙 기반 스크립트로 자동 정리하는 방법을 소개했습니다. 수작업 교체와 설정 부담을 줄여 실수를 줄이고 반복 작업을 크게 줄였습니다.

#iOS#Xcode

92005분

[발표 영상] 생산성을 높이는 Android SDK 배포 전략 살펴보기

2025년 6월 11일

프론트엔드

[발표 영상] 생산성을 높이는 Android SDK 배포 전략 살펴보기

Android SDK 배포 프로세스를 자동화해 생산성을 높인 사례를 공유했습니다. GitHub Actions와 Gradle convention plugin, 문서·샘플앱 자동화 방법을 다뤘습니다.

#Android#GitHub Actions

49005분

JavaScript Proxy를 활용한 상태 추적 도구 개발기

2025년 6월 10일

프론트엔드

JavaScript Proxy를 활용한 상태 추적 도구 개발기

JavaScript Proxy로 상태 객체의 변경을 가로채 추적 도구를 만들었습니다. Redux 도입 없이도 디버깅 속도와 팀 생산성을 크게 높였습니다.

토스 프론트엔드 챕터가 오픈소스를 통해 꿈꾸는 미래

토스 프론트엔드 챕터가 오픈소스 위원회를 통해 세계적 오픈소스 탄생 가능성을 실험했습니다.\n자율 기여와 정기 토론으로 코드와 철학을 함께 다듬는 운영 방식을 소개했습니다.

#오픈소스#React

164005분

FE News 25년 6월 소식을 전해드립니다!

2025년 6월 5일

프론트엔드

FE News 25년 6월 소식을 전해드립니다!

네이버 FE 엔지니어들이 2025년 6월 주요 웹·프런트엔드 기술 소식을 큐레이션해 소개했습니다. JavaScript, V8, AI 테스트, 신규 도구 등 다양한 읽을거리와 도구가 포함되었습니다.

Next.js 트러블슈팅: CORS와 Version Skew 에러 원인부터 해결까지

Next.js SSR 서비스에서 발생한 CORS와 Version Skew 장애의 원인과 해결 과정을 정리했습니다. SessionStorage 저장, dynamic import, 배포 전략 개선으로 문제를 완화했습니다.

HLS 기반 숏폼 스트리밍 구현기: iOS/Android 호환성 대응 사례

숏폼 스트리밍 도입 과정에서 HLS(M3U8)를 채택하고 업로드·변환 파이프라인을 자동화했습니다. iOS와 Android 호환성 이슈도 플랫폼별 재생과 톤 조정으로 해결했습니다.

인터랙션으로 만드는 몰입 경험 | Simplicity 4 제작기 #3

온라인 컨퍼런스에서 이탈을 줄이기 위해 몰입형 인터랙션 흐름을 설계했습니다.모바일 우선 구조, 템플릿 시스템화, 자막·전환 효과로 시청 경험을 다듬었습니다.

Cursor AI로 K-팝 소개 사이트 만들기 (feat. 커서 AI 트렌드 ＆ 활용 백과)

Cursor AI로 K-팝 소개 웹페이지를 만들고 웹 서버에 올린 과정을 공유했습니다. 초보자도 빠르게 결과물을 만들 수 있지만, 도메인 지식과 수정 검토가 중요하다고 짚었습니다.

Simplicity 4 : 뒤에 개발자 있어요

재사용 가능한 컨퍼런스 구조를 만들기 위해 템플릿 분리, 브라우저 대응, 로드·렌더링 최적화를 진행했습니다. 모바일과 데스크탑 모두에서 자연스럽게 동작하도록 성능과 인터랙션을 다듬었습니다.

XState 도입기: 복잡한 여행 플랜 상태 관리를 단순화한 방법

여행 플랜처럼 단계가 많고 분기 있는 흐름을 XState 상태 머신으로 정리한 도입기였습니다. React 상태 관리보다 전이 로직을 한곳에 모아 유지 보수와 협업을 쉽게 만든 사례였습니다.

#XState#React

108005분