MakeLabAI VIBE CODING PROJECT
MainAboutInterviewApply
AI와 함께

MakeLab

SCROLL TO EXPLORE
OpenAI 로고
OpenAI
Next.js 로고
Next.js
React 로고
React
GitHub 로고
GitHub
Vercel 로고
Vercel
MAKE YOUR FIRST SERVICE

각자의 아이디어로 시작해
하나의 결과물을 남깁니다.

DURATION4 Weeks
LOCATIONSeoul
FORMATOffline
LEVELBeginner Friendly

4 Weeks Journey

01
WEEK 01DEFINE

아이디어를 구체화서비스 뼈대 만들기

아이디어 정리화면 구성AI 활용

만들고 싶은 서비스를 구체화하고 필요한 화면과 기능을 정리합니다. AI와 함께 첫 화면을 만들며 프로젝트의 기본 구조를 완성합니다.

서비스 기획안 · 첫 화면
02
WEEK 02BUILD

핵심 기능 구현하기

버튼페이지 이동사용자 기능

1주차에 만든 화면을 바탕으로 서비스에 꼭 필요한 핵심 기능을 구현합니다. 버튼과 페이지를 연결해 실제로 사용할 수 있는 흐름을 만듭니다.

작동하는 서비스 기본형
03
WEEK 03CONNECT

데이터 연결서비스를 안정화

데이터 저장기능 연결오류 수정

사용자가 입력한 내용을 저장하고 각 화면과 기능을 하나의 흐름으로 연결합니다. 직접 사용하며 발견한 오류를 수정해 서비스의 완성도를 높입니다.

데이터가 연결된 웹서비스
04
WEEK 04LAUNCH

점검 및 서비스 배포

화면 다듬기사용성 점검서비스 배포

디자인과 사용 흐름을 최종 점검하고 모바일 화면까지 자연스럽게 다듬습니다. 완성한 서비스를 웹에 배포하고 프로젝트 결과를 함께 공유합니다.

배포된 최종 프로젝트
GOAL나만의 웹서비스 공개

PROJECT IDEAS

어떤 아이디어든
하나의 웹서비스가 될 수 있어요.

정해진 과제를 따라가기보다
각자가 만들고 싶은 것을 선택합니다.

SEOYOUNG.
AboutWorkContact
DESIGNER & DEVELOPER사람을 위한 경험을
화면으로 만듭니다.
View projects ↗
01Travel Archive
02Study Mate
01PORTFOLIO

포트폴리오 사이트

나의 경험과 작업을 한곳에 정리하는 개인 웹사이트

PLACE NOTESeoul · 12 places
나의 장소 기록이번 주에 발견한 공간들
123
망원
망원 작은 식당★ 4.8 · 한식
연남
연남 북카페★ 4.6 · 카페
02PLACE LOG

맛집·여행 기록

방문한 장소와 기억을 나만의 방식으로 저장하는 서비스

DOITTodayUpcomingProjectArchive
MONDAY, JUL 24오늘 해야 할 일
+
오늘의 진행률67%
✓메인 화면 디자인 정리09:30
회원가입 기능 연결13:00
모바일 화면 테스트16:30
03PRODUCTIVITY

일정 및 할 일 관리

오늘 해야 할 일을 기록하고 완료 상태를 관리하는 서비스

STUDY ROOM로그인
현재 모집 중퇴근 후 함께하는
프론트엔드 스터디

매주 목요일 · 서울 성수 · 6주 과정

남은 자리3명
참여 인원5명
참여 신청하기
04COMMUNITY

스터디 모집 페이지

모임을 소개하고 새로운 참여자를 모집하는 페이지

03 / 08
TASTE FINDER쉬는 날, 가장 먼저
하고 싶은 일은?
낯선 동네 산책하기집에서 영화 몰아보기친구와 맛집 찾아가기
05TEST

취향 테스트

질문에 답하면 나의 취향과 결과를 보여주는 간단한 테스트

MY SERVICE
PreviewPublish
NEW PROJECT나만의 아이디어를
서비스로 만들기

필요했던 기능을 직접 정하고 하나씩 구현해보세요.

시작하기
IDEA사용자가 겪는 문제

흩어지는 정보를 한곳에 모으기

FEATURE꼭 필요한 기능

저장 · 검색 · 공유

06MY IDEA

나만의 아이디어

평소 필요하다고 생각했던 서비스를 직접 구현해보기

01/06

Interview

“01
처음에는 제가 정말 만들 수 있을까 싶었는데, 매주 화면이 달라지는 과정이 재미있었어요.
김
김○형비전공자
“02
혼자 시작했을 때는 오류가 나오면 멈췄는데, 함께 해결하면서 끝까지 완성할 수 있었습니다.
이
이○우웹개발 초보
“03
AI에게 무엇을 어떻게 요청해야 하는지 알게 되면서 아이디어를 훨씬 빠르게 구현할 수 있었어요.
박
박○연첫 배포
인터뷰 더보기↗

© 2025 MakeLab. All rights reserved.

MainAboutInterviewApply