Personal coffee 지도 기반 웹
지도에서 주변 카페를 찾고 나만의 기록을 남기는 서비스. 지도와 목록이 함께 움직이고, 카페 정보는 외부 API로 자동 수집합니다.
Next.js 15React 19TypeScriptSupabase네이버 지도 API카카오 로컬 API
함께한 곳
Work
직접 만들고, 운영하고 있습니다
모두 실제로 접속되는 서비스입니다.
기획과 디자인부터 서버 구축, 스토어 출시까지 혼자 진행했습니다.
총무의 가계부 운영 중
여러 통화의 지출을 함께 관리하는 가계부. 앱과 웹을 함께 운영하며 인앱결제와 소셜 로그인을 직접 붙였습니다.
FlutterNext.jsFirebase인앱결제App Store · Google Play
Septify 운영 중
문장 단위로 반복하며 익히는 영어 학습 서비스. 음성 생성 API를 붙여 모든 문장을 소리로 들을 수 있습니다.
CapacitorNext.jsSupabaseElevenLabs TTSFCM 푸시
구독매니저 4개 국어
여기저기 흩어진 구독료를 한 곳에서 관리하는 앱. 한국어 · 영어 · 일본어 · 스페인어를 지원합니다.
FlutterFirebaseSQLite다국어App Store · Google Play
황금알모으기 운영 중
토스 안에서 실행되는 미니앱. 먹이를 모아 거위를 키우고, 거위가 낳은 황금알을 토스포인트로 바꿉니다. 로그인부터 포인트 지급, 광고 연동, 서버 구축과 배포까지 직접 했습니다.
앱인토스 미니앱React · ViteTypeScriptNode.js · ExpressSQLiteDocker · CaddyAWS Lightsail토스 로그인(OAuth2 · mTLS)토스포인트 지급 API인앱 광고
그 전에는 (2009~2025)
SK플래닛에서 신규 서비스 PM과 OK캐쉬백 백엔드 기획을, 티모넷에서 자사 앱 총괄 PM을 맡았습니다.
SK텔레콤 Syrup, KB국민카드, 신한카드, NH농협은행, 티머니, 기상청 등 금융 · 커머스 · 공공 프로젝트에서 PM을 맡아 진행했습니다.
About
처음부터 끝까지 같은 사람이 합니다
기획하는 사람 따로, 만드는 사람 따로가 아닙니다. 중간에 말이 바뀔 일이 없습니다.
대기업에서 서비스 기획과 PM으로 일했고, 그 전에는 은행과 카드사 프로젝트를 총괄하는 PM을 맡아왔습니다. 지금은 앱과 웹을 직접 만들어 스토어에 출시하고 운영하고 있습니다.
무엇을 만들지 정하는 일과 실제로 만드는 일을 같은 사람이 하기 때문에, 전달 과정에서 빠지거나 뒤틀리는 부분이 없습니다.
15년+기획 · 개발 경력
5개직접 만들어 운영 중
15+진행 프로젝트
Who
이런 상태여도 괜찮습니다
기획 문서가 없고
머릿속에만 있습니다
무엇을 만들지 정하는 일부터 같이 합니다. 요구사항 정의서와 화면 설계서를 만들어 드립니다.
업체마다 금액이 너무 달라
판단 기준이 없습니다
어떤 작업에 얼마가 들어가는지 항목을 나눠서 보여드립니다. 비교할 기준이 생깁니다.
맡겨본 적이 없어
무엇을 물어볼지 모르겠습니다
먼저 여쭙습니다. 결정이 필요한 지점마다 선택지와 각각의 장단점을 정리해 드립니다.
지금은 간단하게,
나중에 확장할 계획입니다
나중에 붙일 기능을 미리 듣고, 그때 갈아엎지 않아도 되도록 구조를 잡아둡니다.
What
화면 하나가 아니라 서비스 한 벌을 만듭니다
종이에 그린 화면 한 장에서 출발해, 고객이 쓰는 화면과 직접 관리하실 화면까지 한 번에 만듭니다.
- 고객이 쓰는 화면 — PC와 모바일 모두에서 자연스럽게 동작하는 반응형 웹
- 직접 관리하실 화면 — 개발자 없이 등록 · 수정 · 조회가 되는 관리자 페이지
- 데이터가 쌓이는 구조 — 지우지 않고 이력을 남기는 방식으로 설계합니다
- 멈추지 않는 운영 — 장애를 자동으로 감지하는 감시를 걸어두고 시작합니다
Process
언제 무엇이 끝나는지 먼저 알려드립니다
애자일 방식으로 진행합니다.
한 번에 다 만들어 마지막에 보여드리는 대신, 1주 단위로 만들고 보여드리고 의견을 반영하는 과정을 반복합니다.
Agile process로 진행하고 있습니다
디자인 시안을 먼저 확정하고 그대로 코드를 짜는 방식은 대기 시간이 깁니다. 저는 화면을 만들면서 디자인을 함께 입히기 때문에, 기능이 완성되는 순간 그 화면의 디자인도 끝나 있습니다.
중간 결과물을 매주 실제로 눌러보실 수 있고, 그 자리에서 나온 의견을 바로 반영합니다. 같은 범위를 만들 때 일정을 상당히 앞당길 수 있습니다.
일반적인 순차 진행
설계디자인퍼블리싱웹개발앱개발QA
이 방식
설계개발 + 디자인 동시QA
같은 범위 기준 1~2주 단축이 과정을 반복합니다애자일 방식입니다. 한 달 뒤에 완성본을 처음 보시는 일이 없습니다.
01
이번 주에 만들 것 정하기
남은 기능 중 무엇을 먼저 할지 함께 고릅니다. 급한 것이 생기면 순서를 바꿉니다.
02
만들고 디자인까지
기능과 화면을 같이 완성합니다. 반쪽짜리가 아니라 그대로 쓸 수 있는 상태로 끝냅니다.
03
직접 눌러보시기
주말 전에 링크를 보내드립니다. 문서가 아니라 실제로 동작하는 화면입니다.
04
의견을 다음 주에 반영
써보시고 나온 이야기를 바로 다음 주 작업에 넣습니다. 쌓아두지 않습니다.
- 계약 전
상담과 견적 무료
만들고 싶은 것을 듣고, 1차에 넣을 범위와 금액 · 기간을 정리해서 보내드립니다. 여기까지는 비용이 들지 않습니다.
준비하실 것없습니다. 지금 아시는 만큼만 말씀해 주세요
- 1주차
요구사항 정리
하고 싶은 일을 기능 목록으로 옮깁니다. 1차에 넣을 것과 나중으로 미룰 것을 함께 나눕니다.
함께 하실 것기능 목록에서 빠진 것이 없는지 확인
- 2주차
화면 설계
화면 단위로 그려서 흐름을 맞춥니다. 이 단계에서 바꾸는 것이 가장 쉽고 비용이 들지 않습니다.
확인해 주실 것화면 순서와 입력 항목
- 3~6주차
개발 + 디자인 동시 진행
화면을 만들면서 디자인을 함께 입힙니다. 기능이 끝나는 시점에 그 화면의 디자인도 완성되어 있습니다. 주 단위로 동작하는 화면을 실제 휴대폰으로 눌러보실 수 있습니다.
확인해 주실 것주 1회, 실제 화면을 보며 의견 주시면 바로 반영합니다
- 7주차
QA와 배포
기기별 · 상황별로 점검해 마무리하고, 도메인을 연결해 오픈합니다. 소스코드와 서버 · 도메인 계정은 검수 후 고객님 명의로 이관해 드립니다.
확인해 주실 것최종 검수, 계정 이관 확인
Price
작업 범위와 비용 기준
정확한 금액은 기능에 따라 달라집니다. 아래는 지금까지 진행한 프로젝트의 실제 구간입니다.
STANDARD
사용자 화면 중심의 웹
390만원 부터
30일 이내 · 부가세 별도
- 기획, 디자인, 사용자 화면
- 문의 폼, 배포
- 15페이지 이내
가장 많은 문의
PREMIUM
관리자까지 갖춘 서비스
900만원 부터
60일 이내 · 부가세 별도
- 기획, 디자인, 사용자 화면, 배포
- 관리자 화면
- 운영 매뉴얼
- 25페이지 이내
INTEGRATION
외부 연동형 서비스
별도 협의
연동 범위에 따라 산정
iOS · Android 앱인앱 결제지도 APISNS 로그인광고 연동FCM Push다국어
모두 직접 붙여서 운영해 본 항목입니다. 필요한 것만 골라 위 플랜에 더하시면 됩니다.
개발비에 포함되지 않는 비용은 미리 알려드립니다도메인, 서버와 데이터베이스, 지도 · 결제 등 외부 서비스 사용료는 사용하시는 만큼 별도로 발생합니다. 계약 전에 월 예상 금액을 계산해서 함께 드리고, 오픈 이후 유지보수 비용도 같은 문서에 적습니다.
After
오픈한 다음이 더 중요합니다
무상 하자보수 3개월
만든 기능이 의도대로 동작하지 않는 경우는 비용 없이 고쳐드립니다.
장애 대응
서비스가 멈추면 자동으로 알림을 받도록 감시를 걸어둡니다. 연락 주시면 당일 안에 상황을 파악해 알려드립니다.
소스코드와 계정 이관
검수가 끝나면 소스코드, 서버, 도메인을 모두 고객님 명의로 이관해 드립니다. 나중에 다른 곳에 맡기시더라도 그대로 이어집니다.
FAQ
자주 묻는 질문
기획서가 없어도 되나요?
네. 오히려 그런 경우가 더 많습니다. 하고 싶은 일을 말씀해 주시면 기능 목록과 화면 설계서로 정리해 드리고, 그 문서를 확인하신 뒤에 개발을 시작합니다.
수정은 몇 번까지 가능한가요?
횟수로 세지 않습니다. 처음 합의한 화면 설계서 안에서의 수정은 개발이 끝날 때까지 계속 반영합니다. 다만 없던 화면이나 기능이 새로 생기면 별도로 견적을 내고 진행 여부를 함께 정합니다.
계약과 대금 지급은 어떻게 나뉘나요?
착수금 40%, 중간 검수 시 30%, 최종 검수 후 30%로 나눕니다. 각 시점에 무엇이 끝나 있어야 하는지는 계약서에 적습니다.
서버나 도메인 계정은 누가 관리하나요?
개발 기간에는 제가 만든 계정으로 작업합니다. 설정이 자주 바뀌는 단계라 이렇게 하는 편이 빠르고, 고객님이 신경 쓰실 일도 없습니다. 검수가 끝나면 소스코드와 함께 고객님 명의로 이관해 드리고, 이관이 끝난 것을 확인하신 뒤에 잔금을 주시면 됩니다. 이관 이후에는 서버 사용료도 고객님 앞으로 직접 청구됩니다.
디자인 시안은 언제 볼 수 있나요?
시안을 따로 만들어 확정한 뒤 개발을 시작하는 방식이 아닙니다. 화면을 만들면서 디자인을 함께 입히기 때문에, 3주차부터는 실제로 동작하는 화면을 직접 눌러보시게 됩니다. 그림으로 보는 것보다 정확하고, 의견을 주시면 그 자리에서 반영합니다. 전체 톤과 색 방향만 2주차에 미리 맞춰둡니다.
매주 확인하는 게 부담스럽지는 않나요?
보내드린 링크를 눌러보시는 정도면 충분합니다. 10분이면 됩니다. 오히려 이 과정이 있어야 나중에 크게 고치는 일이 없습니다. 바쁘신 주에는 건너뛰셔도 작업은 계속 진행되고, 다음 주에 모아서 보셔도 됩니다.
유지보수는 꼭 계약해야 하나요?
아닙니다. 무상 하자보수 기간이 끝난 뒤 필요하실 때 시작하시면 됩니다. 계약하지 않으셔도 건별로 요청하실 수 있습니다.
나중에 기능을 추가할 수 있나요?
처음 설계할 때 나중에 붙일 기능을 미리 여쭙고, 그 자리를 비워둔 채로 구조를 잡습니다. 예약이나 결제처럼 큰 기능도 기존 화면을 다시 만들지 않고 얹을 수 있습니다.
앱도 만들 수 있나요?
가능합니다. iOS와 Android 앱을 직접 만들어 스토어에 출시하고 운영하고 있습니다. 다만 앱이 꼭 필요한 상황인지부터 같이 따져보는 편입니다. 웹으로 충분한 경우가 많습니다.
Checklist
이것만 있으면 시작할 수 있습니다
기획서는 없어도 됩니다. 나머지는 상담하면서 함께 채웁니다.
만들고 싶은 것
메모 수준이어도 괜찮습니다. 구체화하는 일이 제 일입니다.
참고하고 싶은 사이트 2~3곳
“여기 이런 점이 좋았다” 정도면 방향을 잡는 데 가장 큰 도움이 됩니다.
지금 쓰고 계신 자료
엑셀 장부, 제품 목록, 주문서 양식, 기존 사이트. 지금 어떻게 일하고 계신지가 설계의 출발점입니다.
로고와 브랜드 자료 (있으시면)
로고 파일, 쓰시는 색이나 글꼴. 없으면 상담에서 함께 정합니다.
희망 일정과 예산 범위
대략만 알려주시면 그 안에서 무엇까지 가능한지 정리해 드립니다.
가진 것이 생각뿐이어도 괜찮습니다.어느 것부터 정하면 좋을지 알려드리는 것도 상담에 포함됩니다.
Contact
아직 정리되지 않은 상태여도 괜찮습니다
떠오르는 대로 적어 주세요. 읽어보고 무엇부터 정하면 좋을지 정리해서 회신드리겠습니다.