채널톡 아이콘

바이브코딩으로 만드는 진짜 웹서비스: 여행 MBTI 웹사이트 완성하기

AI 프롬프트만으로 여행 MBTI 진단 웹앱을 만들고, 한국관광공사 공공 Open API를 실제로 연동해 실서비스 수준으로 완성하는 실전 바이브코딩 강의입니다. 프롬프트 쪼개기 기법으로 조잡한 결과물을 완성도 높은 웹앱으로 개선하고, API 키 보안과 배포까지 전 과정을 다룹니다.

Thumbnail
네이버
쿠팡
카카오페이
네이버 Labs
당근마켓

당근마켓

에 관심있는 사람들도 듣는 중!

네이버
쿠팡
카카오페이
네이버 Labs
당근마켓

당근마켓

에 관심있는 사람들도 듣는 중!

수강 후 이런걸 얻을 수 있어요

  • 공공 Open API 연동과 보안 처리를 포함한 실서비스 수준 웹앱 제작

  • 프롬프트 5단계 쪼개기(분석 축·질문 설계·결과 구조·데이터 구조·디자인/UX)를 통한 AI 결과물 품질 개선

  • 공공데이터포털 활용 신청부터 인증키 발급·실데이터 연동·CORS 해결까지 실전 API 활용 프로세스


개발 없이
나만의 웹서비스



아이디어는 있는데 개발자가 없어 막막하신가요?

정교한 AI 프롬프트와 공공 Open API 연동만으로, 생각했던 여행 MBTI 웹앱을 실제 서비스 수준까지 완성할 수 있습니다.
저는 8년 차 프론트엔드 엔지니어로, 라인 근무 경력을 바탕으로 단순 기능 나열이 아닌 '왜 이렇게 설계하는지'에 대한 근본적인 이해를 돕기 위해 이 강의를 만들었습니다.
AI 결과물을 고도화하고 API를 안전하게 연동하는 실전 노하우를 모두 담았습니다.



이 강의에서 얻어갈 수 있는 것

코드 없이 실전 웹앱, 완성까지
함께합니다.

8년 차 프론트엔드 엔지니어의 실무 경험을
바탕으로, 단순 기능 구현을 넘어 '왜 이렇게 바이브 코딩을 해야 하는가?'에 대한 깊은 이해를 얻을 수 있습니다. 저는 라인에서의 경험 등 다양한 스타트업 프로젝트를 통해 얻은 인사이트를 공유하며, 여러분의 설계 기준을 세워드립니다.

AI 프롬프트만으로 실제 관광 MBTI 앱을 만들고, 한국관광공사 Open API를 연동하는 전 과정을 다룹니다. 프롬프트 5단계 쪼개기 기법으로 결과물 품질을 개선하고, API 키 보안 및 배포까지 실서비스 수준의 결과물을 직접 만들어보는 경험을 할 수 있습니다.

단순한 툴 사용법을 넘어, 실무에서 통하는 문제 해결 능력을 기릅니다. 공공데이터포털 활용 신청부터 인증키 발급, 막막했던 API 연동 과정을 직접 경험하며 어떤 어려움에도 대처할 수 있는 자신감을 얻게 될 것입니다.

비개발자도 아이디어를 현실로 만들 수 있는
실전 웹서비스 개발 역량을 갖추게 됩니다.


8년 차 프론트엔드 엔지니어의
코드 없는 웹서비스 만들기 여정


라인에서 나와서 많은 비개발자 분들이 개발에 관심을 가지고 있지만, 어디서부터 시작해야 할지 몰라서 어려움을 겪고 계신것을 발견했습니다.

막상 바이브 코딩을 용기있게 시작해도, 그 다음 어떻게 더 실력을 쌓아야 할지 길을 알지 못하는 분들이 많았습니다.

단순 기능 습득을 넘어선 근본 원리 이해가 절실했습니다.

그래서 저는 구조적 고민과 실질적 기준에 대한 답을 찾기 시작했습니다.

과거의 저처럼, 단순 사용법을 넘어선 깊이 있는 이해를 원하는 여러분을 위해 이 강의를 준비했습니다.


과거의 막막함을 덜어낼 나침반을 지금 만나보세요. 이 강의로 여러분도 실서비스를 완성할 수 있습니다.



커리큘럼

MBTI 웹앱: 노코드 10분 완성

Section 1


바이브 코딩 기초 및 첫걸음

바이브 코딩의 개념을 이해하고, 프롬프트만으로 여행 MBTI 웹앱을 처음 만들어봅니다. 초기 결과물을 검토하며 왜 프롬프트를 쪼개야 하는지에 대한 필요성을 학습합니다.

claude artifacts 활용

Section 2


한국 관광공사 API 연동 실전

한국관광공사의 공공 Open API를 신청하고 인증키를 발급받아 실제 데이터와 연동하는 과정을 학습합니다. CORS 문제 해결 등 실서비스 구축에 필요한 API 활용법을 익힙니다.

한국 관광공사 API 연결




강의 추천 대상

이런 분들께 추천드려요

아이디어만 있는 비개발자,
나만의 웹서비스를 만들고 싶다면

바이브코딩 입문 후 실전 서비스
완성을 목표하는 수강생




수강 전 참고 사항


실습 환경

  • 운영체제: 윈도우, 맥OS, 리눅스 모두 지원합니다.

  • 필수 프로그램: 최신 웹 브라우저 (Chrome, Edge 등)가 필요합니다.

  • PC 사양: 원활한 실습을 위해 8GB 이상의 RAM을 권장합니다.

선수 지식 및 유의사항

  • 개발 경험이 없어도 괜찮습니다. 웹 서비스 제작의 기본 개념을 배웁니다.

  • AI 프롬프트 엔지니어링의 기초 지식이 있다면 학습에 도움이 됩니다.

  • 여행 MBTI 앱을 직접 만들어보는 실습이 포함되어 있습니다.

학습 자료

  • 강의에서 사용되는 모든 슬라이드 자료를 제공합니다.

  • 실습에 필요한 코드 예제 및 API 연동 가이드라인을 제공합니다.

  • 공공데이터포털 활용 및 API 키 발급 관련 안내 자료를 제공합니다.


이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 아이디어는 있지만 개발자 없이 웹서비스를 만들고 싶은 비개발자·기획자·마케터

  • 관광 데이터 공모전 참가자나 공공데이터 활용 사이드 프로젝트를 시작하려는 학생

  • 바이브코딩 입문 후 장난감 수준을 넘어 실전 서비스를 완성하고 싶은 학습자

선수 지식,
필요할까요?

  • Claude, ChatGPT, Gemini 등 생성형 AI 도구의 기본 사용 경험

  • 웹브라우저 사용과 간단한 파일 업로드·다운로드 능력

  • 웹서비스 기획 의도나 사용자 니즈를 말로 설명할 수 있는 커뮤니케이션 능력

안녕하세요
Boaz입니다.

커리어인증

318

수강생

23

수강평

19

답변

4.7

강의 평점

2

강의

안녕하세요. Boaz 입니다.
총 4번의 이직을 거치며 다양한 스타트업을 경험 했고, 라인에서 일하다 퇴사 후
AX 및 AI 교육 회사를 운영하고 있습니다.

기술의 등장 배경과 동작 원리를 알기 쉽게 설명하려고 합니다.
그래야 목적에 맞게 잘 쓸 수 있다고 믿기 때문입니다.

2개의 유튜브 채널을 운영 중입니다

잘 부탁드립니다 🤗

 

더보기
강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

무료