Build an AI Startup in 10 Days

학습 개요

Day 1은 서비스 아이디어를 실제 제품 화면 구조로 전환하는 첫 단계입니다. 참가자는 Figma의 기본 사용법을 익히고, Landing / Dashboard / Auth와 같은 핵심 화면의 구조를 설계합니다.

단순히 화면을 그리는 수준을 넘어, 사용자 흐름(User Flow)을 기준으로 서비스의 주요 진입점과 화면 간 연결 관계를 이해하고 프로토타입으로 이어지는 기초 설계 과정을 실습합니다.

주요 세션 구성

핵심 학습 요소

학습 개요

Day 2는 전날 설계한 화면 구조를 실제 시스템 동작 흐름으로 확장하는 단계입니다. 참가자는 화면 위에서 보이는 UI를 넘어서, 사용자의 행동이 어떤 순서로 서버와 데이터베이스에 전달되고 처리되는지를 이해하게 됩니다.

이를 위해 시퀀스 다이어그램을 활용해 사용자, 클라이언트, 서버, 데이터베이스 간의 상호작용을 시간 순서대로 정리하고, 정상 흐름뿐 아니라 오류와 실패 상황까지 함께 설계합니다.

주요 세션 구성

핵심 학습 요소

학습 개요

Day 3는 앞선 화면 설계와 데이터 흐름 설계를 실제 데이터베이스 구조로 연결하는 단계입니다. 참가자는 화면과 사용자 흐름에서 필요한 데이터를 추출하고, 이를 엔티티와 속성 단위로 정리하게 됩니다.

이후 엔티티 간 관계를 정의하고, 1NF부터 3NF까지의 정규화 과정을 적용하여 중복을 줄이고 무결성을 높인 데이터 구조를 설계합니다. 최종적으로는 서비스 구현에 활용 가능한 ERD를 완성합니다.

주요 세션 구성

핵심 학습 요소

학습 개요

Day 4는 앞서 설계한 화면, 흐름, 데이터 구조를 실제 개발 문서로 연결하는 단계입니다. 참가자는 서비스 기능을 API 단위로 분해하고, 프론트엔드와 백엔드가 함께 사용할 수 있는 형태로 요청과 응답 구조를 정의하게 됩니다.

또한 Swagger/OpenAPI 형식을 활용해 API를 문서화함으로써, 단순 아이디어 수준을 넘어 실제 개발 가능한 수준의 협업 명세서를 작성하는 경험을 갖게 됩니다.

주요 세션 구성

핵심 학습 요소

학습 개요

Day 5는 지금까지 설계한 화면 구조를 실제 서비스 경험 수준으로 구체화하는 단계입니다. 참가자는 UI와 UX의 차이와 연결 관계를 이해하고, 단순한 구조 설계를 넘어 사용자가 실제로 느끼는 흐름과 피드백까지 고려한 디자인을 진행합니다.

또한 버튼, 카드, 입력창 같은 핵심 컴포넌트와 일관된 디자인 시스템을 정의하고, hover, click, loading, error 같은 상태 변화에 맞는 인터랙션 디자인을 적용해 더 완성도 높은 제품 경험을 설계합니다.

주요 세션 구성

핵심 학습 요소

학습 개요

Day 6는 지금까지 설계한 화면과 API 명세를 실제 동작하는 프론트엔드 화면으로 연결하는 단계입니다. 참가자는 HTML, CSS, JavaScript의 역할을 분리해 효율적인 코드 구조를 만들고, Figma 디자인을 실제 웹 화면으로 구현합니다.

또한 fetch/AJAX 기반 비동기 통신을 통해 서버 데이터를 화면에 바인딩하고, 로딩·실패·데이터 없음과 같은 다양한 상태를 처리하면서 실제 서비스 수준의 사용자 경험을 구현합니다.

주요 세션 구성

핵심 학습 요소

학습 개요

Day 7은 프론트엔드 화면과 API 명세를 실제 서버 동작으로 연결하는 단계입니다. 참가자는 프론트엔드에서 호출한 요청이 서버 내부에서 어떤 구조와 흐름으로 처리되는지 이해하고, 역할별 코드 분리를 바탕으로 백엔드 구조를 설계합니다.

Express.js를 활용해 Route, Controller, Service, Repository, Database로 이어지는 흐름을 익히고, 실제 CRUD(Create, Read, Update, Delete) API를 구현하면서 RESTful 서비스 개발의 핵심 구조를 경험합니다.

주요 세션 구성

핵심 학습 요소

학습 개요

Day 8은 서비스 사용자 계정을 안전하게 관리하고 보호하는 인증 시스템을 구현하는 단계입니다. 참가자는 이메일/비밀번호 기반 회원가입과 로그인 구조를 설계하고, 인증 이후 사용자 상태를 유지하는 방법을 학습합니다.

또한 JWT 기반 인증과 역할 기반 권한 제어(RBAC), 소셜 로그인 및 SSO 개념까지 확장하여 실제 서비스에서 사용하는 인증 흐름을 구조적으로 이해하고 구현합니다.

주요 세션 구성

핵심 학습 요소

학습 개요

Day 9는 제품이 실제로 수익 구조를 가질 수 있도록 결제 시스템을 설계하는 단계입니다. 참가자는 상품(Product), 주문(Order), 결제(Payment), 로그(Log)를 분리해 구조화하고, 결제 상태가 어떻게 변하는지 체계적으로 이해합니다.

또한 외부 결제 서비스(PG)와의 연동 구조를 이해하고, 중복 결제, 승인 누락, 환불과 같은 예외 상황까지 고려한 복구 전략을 설계합니다.

주요 세션 구성

핵심 학습 요소

학습 개요

Day 10은 지금까지 만든 제품을 로컬 환경에서 끝내지 않고 실제 운영 환경으로 배포하는 단계입니다. 참가자는 실행 환경을 Docker로 통일하고, 코드 변경이 자동으로 배포까지 이어지는 CI/CD 흐름을 이해합니다.

또한 AWS/NCP 같은 클라우드 환경에 서비스를 배포하고, 환경 변수, 보안 설정, 도메인, SSL 같은 운영 요소까지 함께 점검하여 MVP를 실제 외부에 공개할 수 있는 수준으로 완성합니다.

주요 세션 구성

핵심 학습 요소