얼마 안 남았습니다!
지금이 가장 저렴해요.

본 강의는 10월 19일에 신규 런칭한 강의로
사전 구매하신 분들께
얼리버드 혜택을 제공하고 있습니다.
슈퍼 얼리버드+선착순 쿠폰
26년 10월 19일 ~ 25일까지
정가 450,000원
할인 판매가 199,000원
12개월 할부 적용시
월 16,538원
슈퍼 얼리버드
26년 10월 26일 ~ 31일까지
정가 450,000원
판매가 219,000원
12개월 할부 적용시
월 18,250원
마지막 얼리버드
26년 11월 1일 ~ 11월 18일까지
정가 450,000원
판매가 234,000원
12개월 할부 적용시
월 19,500원
정가
450,000원
선착순 쿠폰 마감까지 남은 시간
5일17시간25분56초


전국민이 아는 화장품 정보 앱
‘화X’

사실 공공데이터로 시작했습니다
행정안전부가 주최한 제1회 공공데이터 활용 창업경진대회에서 최우수상 수상작

바이브코딩이 판 치는 지금,

SNS에서 화제된 바로 그 서비스
야장맵

확장, 제휴, 구독 수익화 모델 그리고 광고까지
사람들이 진짜 찾는 서비스는
브랜드 협업으로 이어집니다!


쏟아지는 바이브코딩 서비스들 중
야장맵은 어떻게 이런 성과를 낼 수 있었을까요?

비법은 여기에 있습니다
실시간 데이터와 바이브코딩의 조합!

최신성이 살아있는
공공데이터로 성공한 서비스들이
많아지고 있어요!

ImageSlide
ImageSlide
ImageSlide
ImageSlide


이미 누구에게나 열려 있는 기회
이제 아이디어를 서비스로 만들기만 하면 됩니다!


오픈소스 + 공공데이터 + 바이브코딩
앱서비스 제작 노하우 대방출

ImageSlide
ImageSlide
ImageSlide

광고 없이 신규 사용자 90% 유입!
3개월 만에 누적 9만 명 이상이 사용하는 앱을 운영하고 계신
에그토스트랩이 직접 알려드립니다!

ImageSlide
ImageSlide
ImageSlide
바이브 코딩으로 누구나 서비스를 만드는 시대
“이제 만드는 것보다 무엇을 만들지, 어떤 데이터를 쓸지,
어떻게 사람들이 쓰게 할지를 판단하는 힘이 더 중요합니다!”

안녕하세요!
작은 아이디어를 빠르게 서비스로 만들어 운영하는
메이커 팀, 에그토스트랩입니다.


저희도 거창하게 시작하지 않았습니다.
생활 속 작은 불편을 해결하려고 AI와 오픈소스, 데이터로 서비스를 만들었고,
직접 세상에 공개해 사용자 반응을 확인해왔습니다.

이 강의에서는 무료 공공공간 지도, 반려견 동반 장소 지도, 실시간 지하철 서비스를
직접 만들며 아이디어부터 배포, 유저 모으기와 운영까지 함께합니다.

강의를 마칠 때 "AI로 웹페이지를 만들어봤다"가 아니라
"내 아이디어를 서비스로 만들어 세상에 내놓는 법을 안다"는 경험을 가져가시길 바랍니다.

반짝 사라지는 서비스가 아닌!
장기적으로 사람들에게 사랑 받을 수 있는 서비스를 만들 수 있도록

기획부터 데이터 활용, 제작 및 배포까지 모두 담았습니다

7일만에 제작한 서비스!

야장맵 개발자와 함께
사람들이 찾아오는 밀도있는 서비스를 제작해보세요!

Point 1
7일 만에 제작한 서비스 야장맵의 노하우!
세가지 실습으로 모두 가져가세요

한 번 보고 끝나는 페이지가 아니라,
실시간으로 살아 움직이는 서비스를 완성하는 방법을 알려드립니다.


“우리 강아지도 들어갈 수 있나요?”
1,196만 견주를 위한 반려견 동반 장소 맵

배울 수 있는 노하우
공공데이터의 빈틈을 사용자 참여로 채우는 운영 노하우
데이터 합치기 사용자 제보로 보완 원본과 제보 관리 마지막 확인 날짜 표시 제한사항 태그 한 장으로 기획 정리
실습으로 얻는 것
여러 출처의 데이터를 결합해 실제 지도 서비스 만들기
한국관광공사·식품안전나라의 장소 정보와 서울시 음식점 업태 자료를 결합해 서울 중심의 반려견 동반 장소 지도를 만듭니다. 카페·식당·공원 등 장소 유형으로 원하는 곳을 찾고, 동반 안내 확인부터 관심 장소 저장·정보 제보·운영자 검수까지 연결합니다.

이 실습에서만 배울 수 있어요!

데이터 합치기서로 다른 데이터를 연결하고, 쓸 수 있는 정보 골라내기

출처마다 다른 장소명·주소·분류를 정리해 같은 장소의 정보를 하나로 연결하고,
오래되거나 불확실한 자료는 걸러내 확보한 정보에 맞춰 기능을 구현합니다.

원본과 제보 관리방문자 제보를 운영자 검수로 연결하기

방문자가 달라진 정보를 제보하면 운영자가 확인하고 승인한 내용을 반영합니다.
공공데이터 원본과 제보 정보를 구분해 관리하는 흐름을 만듭니다.



“여기.. 돈 안내고 노트북해도 되나요?”
커피값과 알바생 눈치에 지친 카공족을 위한 맵

배울 수 있는 노하우
사용자가 먼저 찾는 정보를 앞에 두는 지도 설계 노하우
회원별 기능 나누기 실사용 기준 배포 지도 영역 재검색 주소-지도 변환 예외 상황 점검 정보 우선순위 설계
실습으로 얻는 것
공공데이터를 연결해 목적과 조건으로 찾는 무료 공간 지도
서울시 공공서비스예약 데이터를 네이버 지도에 연결합니다. 무료 표기와 실제 이용 조건을 구분하고, 목적·예약·인원 조건에 맞는 공간을 탐색하도록 구현합니다. 이후 로그인, 관심 공간 저장, 정보 제보와 관리자 검수 기능까지 단계적으로 확장합니다.

이 실습에서만 배울 수 있어요!

회원별 기능 나누기회원·비회원·관리자 권한 나누기

비회원은 검색과 상세 보기, 회원은 자신의 관심 공간 저장과 제보, 관리자는
제보 검수와 공간 수정을 할 수 있도록 구성합니다. 버튼 표시뿐 아니라
데이터 저장 공간의 접근 권한까지 계정별로 확인합니다.

지도 영역 재검색같은 장소의 예약을 하나로 묶어서 보여주기

API 좌표로 공간을 표시하고, 같은 장소의 방·코트·기간별 예약은 하나로 묶습니다.
각 예약의 이용 조건과 공식 링크는 그대로 유지하고, 지금 보고 있는 지도 영역에서
조건에 맞는 공간을 다시 검색합니다.



“제가 지금 출근을 해도 될까요?”
러시아워가 두려운 통근러들을 위한 실시간 서비스

배울 수 있는 노하우
큰 앱 사이에서도 살아남는 니치 서비스 노하우
나만의 틈새 찾기 무료 사용량 아껴 쓰기 출퇴근 트래픽 대비 인증키 보호 로그인 재사용 데이터 끊김 대비
실습으로 얻는 것
실시간 API를 안전하고 끊김 없이 운영하는 방법
실시간 도착정보 API를 서버를 거쳐 호출해 인증키가 노출되지 않게 합니다. 자동 갱신과 캐시로 무료 호출 한도 안에서 운영하고, API에 장애가 나도 마지막 정보로 화면을 유지하는 방법을 익힙니다.

이 실습에서만 배울 수 있어요!

출퇴근 트래픽 대비요청이 몰리는 출퇴근 시간에 맞춰 점검하기

몰리는 시간대에 실제 사용 상황을 점검하고,
필요시 인증키 사용량을 늘려 실제 주소로 배포합니다.

무료 사용량 아껴 쓰기무료 호출 한도 안에서 실시간 운영하기

자동 새로고침과 서버 캐시로 같은 요청을 묶어서,
무료 인증키 하루 1,000건으로 사용자 몇 명까지 버틸 수 있는지 계산합니다.

Point 2
무료 공공데이터, 있는 줄은 알았는데 어떻게 써야 할지 몰랐다면?
데이터 찾기부터 실시간 연결까지 한 번에 해결해드립니다

누구나 쓸 수 있는 오픈소스로 로그인과 저장 기능을 빠르게 갖추고, 데이터를 안전하게 연결합니다.
비개발자도 끊기지 않는 실시간 서비스를 운영하는 방법을 알려드립니다.

STEP 1
쓸만한 데이터 찾기
“이런 데이터도 있었어?”, 공공데이터 속에서 내 서비스에 딱 맞는 데이터를 골라내는 법

무료 데이터 더미속에서
내 서비스에 딱 맞는 데이터 찾기

만들 서비스에 따라 필요한 데이터는 다릅니다. 먼저 화면에 보여줄 정보를 정리한 뒤,
그 정보가 담긴 데이터를 찾고 내려받은 샘플에 필요한 값이 실제로 들어 있는지
하나씩 확인하죠.

얼마나 자주 업데이트되는지 확인
어느 지역까지 제공되는지 확인
하루에 몇 번 불러올 수 있는지 확인

STEP 2
실시간 데이터 안전하게 연결하기
1분마다 바뀌는 지금 이 순간의 정보를 내 서비스 화면에 띄우는 법

흩어진 데이터를 모아
여러 데이터를 하나로 연결하기

서비스에 필요한 정보는 한 곳에 모여 있지 않습니다.
데이터마다 이름을 쓰는 방식도, 주소 형식도, 분류 기준도 제각각이죠.

출처가 다른 데이터를 하나의 형식으로 맞추기
같은 대상을 가리키는 정보끼리 연결하기
오래되거나 불확실한 자료 걸러내기
정리한 데이터를 한 화면에 모아 보여주기

STEP 3
오픈소스로 기본 기능 갖추기
“다 만들 필요 없습니다!” 가져다 쓰고 활용하는, 시간 아끼는 개발법

데이터 하나로 시작하는
지도 서비스에 기능 붙이기

회원가입, 로그인, 즐겨찾기 저장처럼 어느 서비스에나 필요한 기능을 처음부터
직접 만들 필요는 없습니다. 오픈소스를 연결하면, 사용자가 원하는 정보를 저장하고
다시 꺼내 보는 기능까지 빠르게 붙일 수 있죠.

비회원과 회원이 쓸 수 있는 기능 나누기
내 정보가 다른 사람에게 보이지 않도록 안전하게 관리
한 번 만든 로그인을 다음 서비스에 그대로 재사용

STEP 4
실시간 서비스 운영
무료 호출 한도 안에서 비용 걱정 없이, 서비스를 운영하는 법

열 때마다 최신 정보로 바뀌는
실시간 데이터 연결하기

실시간 서비스는 데이터를 한 번 불러오고 끝나지 않습니다. 인증키가 노출되지 않도록
서버를 거쳐 데이터를 안전하게 연결하고, 화면이 자동으로 새로고침되며
언제 갱신된 정보인지까지 보여주도록 만들죠.

같은 요청을 묶어 무료 호출 한도 안에서 운영
데이터가 늦거나 끊겨도 마지막 정보로 화면 유지
사용자가 한꺼번에 몰리는 시간까지 미리 대비

Point 3
만들어도 아무도 안 쓸까 걱정되시나요?
실제로 서비스를 키워본 팀의 운영 노하우를 아낌없이 알려드립니다

에그토스트랩이 직접 서비스를 알리며 얻은 반응을 수치와 함께 공개합니다.
검색 유입을 늘리는 법부터 갑작스러운 트래픽 대비, 광고·제휴·구독 같은 수익 모델 선택까지
오래 살아남는 서비스로 키우는 방법을 알려드립니다.

Phase 1
사람들이 쓸 이유가 있는 서비스를 만듭니다.
야장맵도 거창한 계획이 아니라 일상의 작은 불편에서 시작했습니다.
아이디어를 찾는 법부터 첫 버전 기능 고르기, Codex로 직접 만들어 공개하는 과정까지 담았습니다.

기획
사람들이 실제로 쓰는 서비스 설계
내가 반복해서 겪던 불편에서 출발하는 기획 흐름을 함께 다룹니다.

ImageSlide<b>평소 불편했던 순간에서 아이디어 찾기</b>
평소 불편했던 순간에서 아이디어 찾기
자주 검색하고 직접 정리하던 불편을 적어보고,
웹서비스로 해결 할 수 있는지 판단합니다.
ImageSlide<b>누가, 언제 이 서비스를 열까?</b>
누가, 언제 이 서비스를 열까?
‘어떤 순간에 무엇이 필요한지’를 먼저 그려보고,
그 장면에 맞춰 첫 화면과 핵심 기능을 정합니다.
ImageSlide<b>첫 버전은 기능 세 개면 충분합니다</b>
첫 버전은 기능 세 개면 충분합니다
당장 없어도 되는 기능은 과감히 미루고,
우선순위를 정해 꼭 필요한 것만 담아 빠르게 내놓습니다.

개발
아이디어를 실제 서비스로 만드는 과정
기획한 아이디어를 MVP로 구현하고, 사용 가능한 서비스 형태로 완성하는 과정을 함께 다룹니다.

ImageSlide<b>Codex 기반 개발 환경 세팅</b>
Codex 기반 개발 환경 세팅
Codex, GitHub, Supabase,
Vercel이 각각 무슨 일을 하는지
이해하고, 함께 개발 환경을 세팅합니다.
ImageSlide<b>말로 설명해서 기능 만들기</b>
말로 설명해서 기능 만들기
‘지도 만들어줘’ 대신, 필요한 동작과 완료 기준을
담아 Codex가 정확히 알아듣는 요청을 만듭니다.
ImageSlide<b>내 서비스, 세상에 공개하기</b>
내 서비스, 세상에 공개하기
만든 서비스를 클릭 몇 번으로 인터넷에
배포하고, 누구나 접속할 수 있는 나만의
URL을 PC와 휴대폰에서 직접 확인합니다.

Phase 2
광고를 하지 않아도 사람들이 찾아오는 구조를 만듭니다.
야장맵은 SNS에서 알려지며 언론 인터뷰와 기업 협업까지 이어졌습니다.
그 과정을 바탕으로 사람들이 검색하고, 공유하고, 다시 찾아오게 만드는 방법을 정리했습니다.

유입
사람들이 찾아오게 만드는 법
검색과 SNS, 공유로 첫 사용자를 모으는 실제 방법을 다룹니다.

ImageSlide<b>검색에 내 서비스가 뜨도록</b>
검색에 내 서비스가 뜨도록
장소마다 페이지를 만들어 실제
검색어에 내 서비스가 걸리게 합니다.
ImageSlide<b>반응이 갈린 게시물, 수치로 비교하기</b>
반응이 갈린 게시물, 수치로 비교하기
SNS에 올렸던 글의 반응을 비교하며 플랫폼별로
통하는 형식과 타이밍을 알려드립니다.
ImageSlide<b>공유되는 서비스의 화면 설계</b>
공유되는 서비스의 화면 설계
링크를 공유했을 때 보이는 제목과 이미지부터,
사람들이 자랑하고 싶어지는 결과 화면까지 설계합니다.

분석
숫자로 보는 사용자 반응
방문자 수가 아니라, 서비스가 정말 쓰이고 있는지 확인합니다.

ImageSlide<b>방문보다 중요한 행동 찾기</b>
방문보다 중요한 행동 찾기
저장, 필터 사용, 재방문처럼 서비스가 잘 되고 있다는 걸
보여주는 행동과 목표 숫자를 정합니다.
ImageSlide<b>GA로 사용자 행동 확인하기</b>
GA로 사용자 행동 확인하기
사용자가 얼마나 저장하고 다시 찾아오는지
실제 숫자로 확인하고 다음 개선 방향을 잡습니다.

Phase 3
한 번 쓰고 떠나지 않도록, 지속 가능한 운영을 준비합니다.
갑자기 사용자가 몰렸을 때 생긴 문제, 해봤지만 효과가 없었던 시도까지
직접 운영하며 겪은 시행착오를 바탕으로 미리 대비할 수 있게 구성했습니다.

수익화
오래 버틸 수 있는 수익 구조 만들기
광고보다 사람들이 자발적으로 공유하는 흐름을 만들고, 실제 유입으로 연결하는 과정을 함께 다룹니다.

ImageSlide<b>내 서비스에 맞는 수익 모델 고르기</b>
내 서비스에 맞는 수익 모델 고르기
광고, 제휴 장소 제휴, 구독 등의 수익 모델 중
서비스 성격에 맞는 방법을 고르는 기준을 알려드립니다.
ImageSlide<b>매출과 운영 비용, 한 장으로 계산하기</b>
매출과 운영 비용, 한 장으로 계산하기
서버, API, 도메인 비용과 예상 수익을
한눈에 비교하고, 무료 한도를 넘으면
유료로 갈지 기능을 줄일지 판단합니다.
ImageSlide<b>사용자가 갑자기 몰려도 당황하지 않게</b>
사용자가 갑자기 몰려도 당황하지 않게
야장맵에 사용자가 갑자기 몰렸던 경험을 바탕으로,
서버와 데이터 사용량 알림, API 호출 한도,
문의가 쏟아질 때의 대응 순서까지 미리 정해둡니다.

운영
혼자서도 잘 굴러가는 운영 원칙
피드백, 개인정보, 백업 등 놓치기 쉬운 서비스 운영의 기본기를 미리 챙길 수 있도록 알려드립니다.

ImageSlide<b>쏟아지는 피드백, 무엇부터 할까?</b>
쏟아지는 피드백, 무엇부터 할까?
버그와 기능 요청을 나누고, 영향이 큰 것과
금방 고칠 수 있는 것부터 처리하는 기준을 세웁니다.
ImageSlide<b>공개 전 꼭 챙겨야 할 개인정보</b>
공개 전 꼭 챙겨야 할 개인정보
로그인이나 이메일을 받는 순간 지켜야 할 것들을
확인하고, 탈퇴하면 데이터가 지워지도록 준비합니다.
ImageSlide<b>백업부터 서비스 종료 기준까지</b>
백업부터 서비스 종료 기준까지
데이터를 잃지 않게 백업하고, 장애가 나면
공지하는 흐름을 만들고, 기능을 빼거나
서비스를 접어야 할 기준까지 세웁니다.
본 강의에서
사용될 프로그램 안내드립니다.

Codex(ChatGPT) (Plus 플랜)
- ChatGPT Plus 플랜 사용을 권장합니다.
- 일부 서비스는 API 인증키 발급을 위해 회원가입이 필요합니다.
- 외부 서비스 가입·설정과 API 이용 신청 등은 각 서비스 웹사이트에서 진행합니다.