참여 범위
- 교육 과정 프로젝트 — 기획 · 구현 본인 단독
- 도구: HTML/CSS/JS, React, Next.js, Expo, Claude Code
배경과 문제
개발자가 되려는 것이 아닙니다. 마케팅에서 실험용 랜딩페이지 · 이벤트 페이지를 만들 때마다 개발 일정을 기다려야 했고, 그 시간을 없애기 위해 배웠습니다.
목표
- 랜딩페이지 · 이벤트 페이지 · 간단한 앱을 외주 없이 직접 만들고 고칠 수 있는 수준
전략
- 마케터의 관점을 유지: 고객이 처음 보는 화면과 행동 유도 장치를 먼저 설계하고, 기능을 거기에 맞추기
- AI 코딩 도구(Claude Code)로 실험용 페이지를 당일에 만들고 반응을 보고 고치는 속도 확보
실행
- otter-mind-money — 가계부 앱: 충동구매를 막는 "쿨다운 위시리스트"(담아두고 며칠 뒤 다시 묻는 구조)를 직접 설계 · 구현, 카메라 · Capacitor 네이티브 셸 포함
- TripTalk — 숙박권 커뮤니티 · 커머스: 헤더 · 게시판 · 숙박권 구매 화면 구현 (Next.js)
성과
- 가계부 앱 · 커머스 화면 구현부트캠프 과제 · 개인 프로젝트 기준 · 코드는 GitHub (csicho92-ui)
- 개발팀과의 대화 속도페이지 하나에 필요한 일의 양을 알게 되어 "가능한 것 / 비싼 것"을 구분해 요청할 수 있게 됨 (정성적 결과)
관련 링크
외부 링크는 새 창에서 열립니다.