20267 posts

09.03 · ai · 13m

이미지 콘텐츠 심사 데이터를 보며 판단 기준을 다시 세운 과정

AI 이미지 심사 데이터를 살펴보며 표본의 구성, 평가 단위, 정답 데이터, 재현 방법에 대한 판단을 바꾼 과정을 정리했습니다.

08.01 · ownership · 17m

60초 타임아웃에 걸리던 AI 생성을 백그라운드 잡과 폴링으로 옮긴 방법

이미지 한 장에 50~80초가 걸리는데 로드밸런서의 유휴 타임아웃은 60초였습니다. 타임아웃을 늘리는 대신, 생성을 백그라운드 잡으로 돌리고 폴링으로 상태를 받아 요청을 비동기 처리로 바꾼 과정입니다.

07.28 · ownership · 13m

이벤트 페이지를 AI로 만들며 무엇을 모델에 맡길지 정하기

빌더로 개발자의 작업은 줄어들었지만, 디자이너의 작업물을 기다리는 하루는 그대로 남아 있었습니다. 배경과 문구를 AI로 생성하며, 무엇을 모델에 맡기고 무엇을 코드로 남길지 정한 과정을 정리했습니다.

03.31 · ownership · 9m

GitHub Actions로 레포 간 workflow 체이닝하기

repository_dispatch를 활용하여 패키지 publish부터 호스트 프로젝트의 버전 업데이트, 스토리북 빌드, 배포까지 자동화한 과정을 정리합니다.

03.21 · ownership · 12m

구조화와 검증이 더 중요했다 - 바이브 코딩으로 챗봇을 만들며 배운 것들

기존 챗봇이 사용 불가해진 상황에서 바이브 코딩으로 챗봇을 직접 만든 경험을 정리합니다. LLM API, S3 로깅, GitHub Actions 자동 지식 보강까지 구현한 과정과 설계 판단을 기록합니다.

03.07 · ownership · 8m

이벤트 페이지 제작 공수를 줄이기 위한 드래그&드롭 빌더 개발기

이벤트 페이지를 만들 때마다 개발자가 직접 이미지를 S3에 올리고 HTML을 작성해야 했던 반복 작업을 없애기 위해, 드래그&드롭 기반 이벤트 페이지 빌더를 개발한 과정을 다룹니다.

02.01 · ownership · 14m

Vanilla JS 댓글 모듈 자체 개발기

프레임워크 독립적인 Vanilla JS 댓글 모듈을 설계·개발하고 기존에 서비스 중이던 Nuxt 3 프로젝트에 통합한 과정을 다룹니다.

20252 posts

11.26 · ownership · 12m

웹뷰 환경에서의 구글 소셜 로그인 구현

웹뷰의 팝업 차단과 리다이렉트 제약을 극복하고, JavaScript-Native Bridge와 Android Intent Deep Link를 활용하여 안정적인 소셜 로그인 flow를 구현한 과정을 다룹니다.

01.08 · ownership · 6m

결제 비밀번호 입력을 위한 숫자패드 컴포넌트 개발 과정

React와 Zustand를 사용하여 결제, 등록, 변경 등 다양한 시나리오에 대응하고, 보안까지 강화한 범용 Numpad 컴포넌트의 설계와 구현 과정을 자세히 살펴봅니다.