💡
Session 5 · 13:30 - 14:00

Plan 모드로 프로젝트 기획

Next.js/NestJS 기반 시스템을 AI와 함께 설계

"완벽하지 않아도 됩니다. 시작이 중요합니다"

성운대학교 AI 혁신 세미나 · 바이브 코딩편

🌇 오후 세션 개요

📋
프로젝트 기획
13:30 - 14:00
아이디어 → 계획
💻
개발 실습
14:00 - 15:30
계획 → 구현
🎤
발표 & 공유
15:30 - 16:00
시연 & 피드백

오후 프로젝트 기술 스택

⚡
Next.js
프론트엔드
  • • 사용자가 보는 화면
  • • 버튼, 입력창, 목록 등
  • • 예쁜 UI 자동 생성
🔧
NestJS
백엔드 API
  • • 데이터 저장/조회
  • • 비즈니스 로직 처리
  • • API 자동 생성
복잡해 보이지만, AI가 다 만들어줍니다! 🎉

💡 프로젝트 아이디어

성운대 행정/총무
캠퍼스 비품 관리 스쿨버스 시간표 강의실 예약
성운대 학사/교무
학부별 수업 일정 학생 상담 예약 졸업요건 체크
성운대 특성화학과
AI말산업학부 일정 재활승마 실습 안경광학 장비
성운대 학생지원
학생생활 관리 장학금 현황 취업상담 예약

Plan 모드에 요구사항 전달하기

예시 프롬프트:

"강의실 예약 시스템 만들어줘.

- 강의실 목록을 볼 수 있고
- 날짜/시간별로 예약할 수 있고
- 예약 현황을 확인할 수 있어야 해.

Next.js + NestJS로 만들어줘."
핵심 기능 3-5개만 명확히 전달하면 됩니다

AI가 생성한 계획 검토하기

AI가 이런 계획을 제시합니다:

1
프로젝트 폴더 구조 생성
2
백엔드 API 엔드포인트 생성
3
프론트엔드 페이지 생성
4
API 연동 및 테스트
✓ 승인하면 AI가 실행을 시작합니다
🏗️

좋은 기획의 비결

❌

처음부터 모든 기능을 넣으려 하지 마세요

복잡해지면 에러도 많아집니다

✅

핵심 기능 3-5개로 시작하세요

동작하는 것을 확인한 후 점진적으로 추가

💡

작게 시작하고, 자주 테스트하세요

이것이 성공의 비결입니다!

📋

프로젝트를 기획해볼까요?

30분 동안 여러분만의 프로젝트를 기획합니다
막히면 언제든 질문해주세요!

다음 세션: 프로젝트 개발 실습 →

1 / 8