vue이벤트 페이지 제작 공수를 줄이기 위한 드래그&드롭 빌더 개발기이벤트 페이지를 만들 때마다 개발자가 직접 이미지를 S3에 올리고 HTML을 작성해야 했던 반복 작업을 없애기 위해, 드래그&드롭 기반 이벤트 페이지 빌더를 개발한 과정을 다룹니다.2026. 3. 7
vue이벤트 페이지 제작 공수를 줄이기 위한 드래그&드롭 빌더 개발기이벤트 페이지를 만들 때마다 개발자가 직접 이미지를 S3에 올리고 HTML을 작성해야 했던 반복 작업을 없애기 위해, 드래그&드롭 기반 이벤트 페이지 빌더를 개발한 과정을 다룹니다.2026. 3. 7
ai이벤트 페이지를 AI로 만들며 무엇을 모델에 맡길지 정하기빌더로 개발자 의존은 없앴지만 디자이너를 기다리는 하루는 남았습니다. 배경과 문구를 AI로 생성하며, 무엇을 모델에 맡기고 무엇을 코드로 남길지 가른 과정입니다.2026. 7. 28
vue목록 컨텍스트를 잃지 않는 상세 모달 만들기: URL 동기화부터 뒤로가기까지무한 스크롤 목록 위에 콘텐츠 상세를 모달로 띄우면서도 공유 가능한 URL, SEO, 뒤로가기 동작을 페이지처럼 유지한 설계 과정을 정리합니다.2026. 7. 7
reactWebView 전용 페이지가 외부 브라우저로 열렸을 때의 안내 플로우 처리하기네이티브 인터페이스가 주입되지 않은 환경으로 진입한 사용자의 경험 저하 문제를, 인터페이스 폴링과 BottomSheet 안내, 플랫폼별 분기로 처리한 과정을 다룹니다.2026. 6. 16
ownership구조화와 검증이 더 중요했다 - 바이브 코딩으로 챗봇을 만들며 배운 것들기존 챗봇이 사용 불가해진 상황에서 바이브 코딩으로 챗봇을 직접 만든 경험을 정리합니다. LLM API, S3 로깅, GitHub Actions 자동 지식 보강까지 구현한 과정과 설계 판단을 기록합니다.2026. 3. 21
ownershipVanilla JS 댓글 모듈 자체 개발기프레임워크 독립적인 Vanilla JS 댓글 모듈을 설계·개발하고 기존에 서비스 중이던 Nuxt 3 프로젝트에 통합한 과정을 다룹니다.2026. 2. 1
react대용량 엑셀 다운로드: 클라이언트에서 서버로클라이언트 기반 엑셀 생성의 한계를 극복하고 SSE를 활용한 서버 사이드 아키텍처로 성능과 사용자 경험을 개선한 과정을 다룹니다.2025. 11. 12
reactLighthouse cache-insight를 결정하는 must-revalidate 한 단어next/image 적용 후 줄어든 Lighthouse cache-insight 항목의 진짜 원인을 추적해, max-age도 응답 크기도 아닌 must-revalidate 한 단어가 게이트 역할을 한다는 사실을 확인한 과정을 정리합니다.2026. 4. 28
vueSCSS Mixin으로 SSR 플리커링 줄이기JavaScript 반응형 로직을 SCSS Mixin으로 전환하여 SSR 환경의 플리커링(FOUC)을 근본적으로 해결한 과정을 다룹니다.2025. 4. 14
vue서비스 프론트엔드 성능 최적화 탐구: Nuxt.js 3와 캐싱 전략의 현실Nuxt.js 3 기반 서비스에서 SWR, Redis, In-Memory 캐싱 등 다양한 성능 최적화 전략을 탐구하고, 실제 인프라 지표를 분석하며 '지금 당장'보다 '적절한 시점'의 중요성을 도출한 결론을 정리합니다.2025. 1. 12
reactLighthouse 접근성 점수가 움직이지 않은 이유Lighthouse 자동 검사가 잡는 영역과 잡지 않는 영역을 구분하고, 마크업 4건을 정리해 접근성 점수를 84점에서 95점까지 올린 과정을 다룹니다.2026. 5. 6
reactNext.js GitHub Pages 배포 트러블슈팅: export, basePath, configure-pagesGitHub Pages에 Next.js를 정적 export로 배포하면서 겪은 문제점과 디버그/해결 과정을 정리했습니다.2026. 1. 16
css광고 차단 확장 프로그램이 이벤트 배너를 숨긴 이유이벤트 배너가 특정 사용자에게만 보이지 않는 문제를 추적하며 광고 차단 확장 프로그램의 필터링 메커니즘을 이해하고, CSS 클래스명 변경으로 문제를 해결한 과정을 다룹니다.2025. 12. 1
ownershipGitHub Actions로 레포 간 workflow 체이닝하기repository_dispatch를 활용하여 패키지 publish부터 호스트 프로젝트의 버전 업데이트, 스토리북 빌드, 배포까지 자동화한 과정을 정리합니다.2026. 3. 31
ownership웹뷰 환경에서의 구글 소셜 로그인 구현웹뷰의 팝업 차단과 리다이렉트 제약을 극복하고, JavaScript-Native Bridge와 Android Intent Deep Link를 활용하여 안정적인 소셜 로그인 플로우를 구현한 과정을 다룹니다.2025. 11. 26
ownership결제 비밀번호 입력을 위한 숫자패드 컴포넌트 개발 과정React와 Zustand를 사용하여 결제, 등록, 변경 등 다양한 시나리오에 대응하고, 보안까지 강화한 범용 Numpad 컴포넌트의 설계와 구현 과정을 자세히 살펴봅니다.2025. 1. 8
