아이디어에서 AI 제품까지
특별 감사
칭화대학교 선전 국제대학원 학생 여러분의 본 과정 테스트, 피드백, 지원에 특별히 감사드립니다! 여러분의 의견과 기여가 이 과정을 더 나은 곳으로 만들었습니다. 👉 전체 기여자 목록 보기
예전에는 소프트웨어를 만드는 진입 장벽이 매우 높았습니다: 프로그래밍을 알아야 하고, 알고리즘을 이해해야 하며, 몇 년의 프로젝트 경험도 필요했습니다. 지금은 다릅니다. 아이디어만 있으면 AI가 코드를 작성해 줍니다.
이것은 거대한 변화입니다: 프로그래밍 언어가 자연어로 변하고 있습니다.
대형 언어 모델(LLM)의 등장으로, 개발은 더 이상 "기술 고수의 전유물"이 아니라 모든 사람이 사용할 수 있는 도구가 되었습니다. 예전에 가장 어려웠던 것은 "코드를 어떻게 쓸까"였고, 지금 가장 어려운 것은 "무엇을 만들까"입니다.
Vibe Coding이란? 간단히 말해, "말로 프로그래밍하는 것"입니다. Vibe Coding은 코드를 직접 작성하는 대신, AI와 대화하는 것만으로 프로그래밍 프로젝트를 완수하는 방식을 의미합니다.
물론, AI가 코드를 작성하는 것은 첫 번째 단계일 뿐입니다. 정말로 사용 가능한 제품을 만들려면, 다음과 같은 문제도 만나게 됩니다:
- AI가 어떻게 깔끔하고 유지보수 가능한 코드를 작성하게 할 것인가?
- 산발적인 코드를 어떻게 실행 가능한 애플리케이션으로 조립할 것인가?
- 애플리케이션을 어떻게 실제로 온라인에 공개하고, 사람들이 사용하게 할 것인가?
- 텍스트 생성, 이미지 인식 같은 AI 능력을 어떻게 제품에 넣을 것인가?
이런 질문에 대한 답을 이 과정에서 찾을 수 있습니다.
학생이든, 교사든, 의사든, 노동자든, 기술을 전혀 모르는 일반인이든 상관없습니다 -- 몇 년 동안 프로그래밍을 먼저 배울 필요 없이, 2주면 실행 가능하고 시연할 수 있는 제품 프로토타입을 만들 수 있습니다.
| 당신의 신분 | 이 과정이 도와줄 수 있는 것 |
|---|---|
| 학생 | 과제, 대회, 창업, 직접 프로젝트를 만들어 더 이상 다른 사람에게 부탁하지 않음 |
| 직장인 | 반복 업무를 자동화하고, 효율을 높이며, 부업까지 개발 |
| 제품 관리자 / 디자이너 | 아이디어가 더 이상 종이 위에만 머물지 않고, 빠르게 Demo를 만들어 상사/고객에게 보여줌 |
| 창업자 / 중소기업주 | 저비용으로 아이디어를 검증하고, 수만 원을 들여 외주를 맡기지 않고도 MVP를 만듦 |
| 교사 / 교육 종사자 | 교육 도구, 강의 자료, 자동 출제를 만들어 교육 효율을 높임 |
| 의사 / 변호사 / 전문 직업인 | 전문 프로세스를 자동화하고, 자신만의 효율 도구를 구축 |
| 누구나 | AI로 생활/업무의 구체적인 문제를 해결하고, 불가능을 가능하게 만듦 |
AI 시대에는 실행력과 아이디어가 항상 기술보다 더 중요합니다.
성장 경로: "AI를 사용할 줄 아는 것"에서 "AI 제품을 만들 줄 아는 것"까지
초보자 입문
AI 프로그래밍 체험
1단계
제품 관리자 / 운영
2단계
초중급 개발 / 인디 개발자
3단계
고급 개발 / 아키텍트
이 완전한 학습 경로를 통해, 다음을 얻게 됩니다:
- Vibe Coding 개발 능력: vibecoding 사고와 AI 코딩 도구를 능숙하게 사용하여, 개발 효율을 몇 배로 높입니다. 더 이상 문법을 외울 필요 없이, AI가 고품질 코드를 생성하도록 안내하는 방법을 배웁니다.
- 풀스택 개발 기술: UI 설계에서 프론트엔드 구현, 데이터베이스 설계에서 API 개발, 로컬 개발에서 클라우드 배포까지, 현대 웹 애플리케이션의 완전한 기술 스택을 마스터합니다.
- AI 능력 통합: 다양한 멀티모달 AI API를 호출하는 방법을 배우고, 텍스트, 이미지, 음성 등 AI 능력을 애플리케이션에 원활하게 통합하며, RAG 등의 기술을 통해 지능형 제품을 구축합니다.
- 제품 사고와 운영 능력: 사용자 조사에서 요구사항 분해, MVP 설계에서 제품 반복, 결제 연동에서 사용자 관리까지, 완전한 제품 개발과 운영 루프를 형성합니다.
배우고 나면 무엇을 할 수 있을까?
1단계: 첫 번째 제품 프로토타입 만들기
이 단계는 프로그래밍 기반이 전혀 없거나, 조금은 알지만 자신감이 부족한 분들에게 적합합니다. 많은 이론 지식을 먼저 배울 필요 없이, 바로 따라 하면서 AI 도구로 코드를 작성하는 법을 배웁니다.
배우고 나면 할 수 있는 것:
- AI 프로그래밍 도구로 독립적으로 웹 애플리케이션 하나를 완성
- 제품 아이디어를 클릭 가능하고 상호작용 가능한 프로토타입으로 만들기
- 프로토타입에 AI 기능 추가(예: 텍스트에서 이미지 생성, 스마트 대화)
- 오류를 만났을 때 어떻게 파악하고 해결하는지 알기
간단히 말해, "실행 가능하고, 남에게 시연할 수 있는" 것을 만들 수 있게 됩니다.
먼저 미니 게임을 통해 AI 프로그래밍을 체험하고, AI 프로그래밍 도구로 코드를 작성하고 오류를 수정하는 법을 배울 수 있습니다. 그다음 간단한 페이지부터 시작해 점차 상호작용이 가능한 다중 페이지 애플리케이션을 만들고, 텍스트에서 이미지 생성, 스마트 대화 같은 AI 기능을 추가합니다. 마지막으로 완전한 프로젝트를 독립적으로 완성하여, 여러분의 크리에이티비티가 실제로 실현될 가능성을 갖게 됩니다.
왜 프로젝트 기반 훈련을 사용할까?
현실 세계의 도전
이유는 사실 간단합니다: 대부분의 학생이 현재 상태로 직장에 바로 들어가면, 실제 프로젝트와 상사/고객의 "사회적 수술" 아래서 한 걸음도 나아가기 어려울 가능성이 높습니다. 현실 세계에서 더 흔한 시나리오는:
당신의 멘토/상사: 우리는 xxx를 만들어야 하고, 목표는 yyy 효과를 달성하는 것입니다.
문서? 기존 프레임워크? 상세한 요구사항 설명? 많은 경우 존재하지 않습니다.
실제 업무의 많은 과제는 본질적으로 고도로 불확실한 환경에서 한 번도 본 적 없는 문제를 해결하는 것입니다: 요구사항은 모호하고, 경계는 변하며, 아무도 정답을 알려주지 않습니다. 스스로 자료를 찾고, 실험을 하고, 프로토타입을 만들고, 끊임없이 반복하여, 마지막에 "실행 가능하고, 사용 가능하고, 온라인에 공개할 수 있는" 솔루션을 제시해야 합니다.
이 과정이 하고 싶은 것은, 비교적 안전한 환경에서, 미리 한 번 "모의 사회적 수술"을 경험하게 하는 것입니다:
- 겉보기에 약간 난이도가 있는 프로젝트 과제를 통해, 문제 분해, 솔루션 설계, 스스로 자료 찾기를 연습하게 함
- 그다지 "쉬운" 스캐폴딩과 코드를 통해, 중대형 코드베이스를 읽고, 이해하고, 수정하는 법을 배움
- 아이디어에서 온라인 공개까지의 완전한 루프를 통해, 실제 제품이 0에서 1이 되는 완전한 과정을 경험
단기적으로, 이런 훈련은 확실히 꽤 고역입니다; 하지만 장기적으로, 취업과 직업 발전에서 경쟁력을 크게 높여줍니다: 더 많은 일을 감당하고, 불확실한 환경에서 돌파구를 더 잘 찾으며, AI를 실제로 구현되는 제품으로 만드는 능력도 더 갖게 되어, "Demo만 가지고 놀기" 단계에 머물지 않게 됩니다.
질문의 기술: AI 시대의 필수 스킬
AI 시대에는 질문하는 것도 하나의 "기본기"입니다. 같은 코드, 같은 오류에 대해, 어떻게 질문하느냐가 AI가 어떤 답을 줄 수 있는지를 거의 결정합니다: 막연한 이야기인지, 아니면 단계별로 실행 가능한 수정 방법인지.
좋은 습관 들이기: "AI에게 질문하기"를 일상 개발 프로세스의 일부로 만드세요: 모르거나 막힌 문제를 만나면 바로 물어보세요.
왜 이것이 필수 스킬인가?
- 현실에는 거의 완전한 문서가 없음: 더 많은 경우, 직면하는 것은 불명확한 요구사항, 반쯤 완성된 코드, 산발적인 오류 정보
- AI는 당신의 휴대용 멘토 + 동료: 질문을 잘하는 사람은 그것을 "고품질 짝 프로그래밍"으로 만들 수 있음
- 능력의 상한은 소통에 의해 결정됨: 핵심 정보를 더 많이 제공하고, 출력 형식을 더 잘 제약할수록, 답이 더 사용 가능해짐
흔한 오해: "왜 오류가 나?"라고 한마디만 물으면 보통 추측만 잔뜩 얻게 됩니다. 컨텍스트를 보완해야 실행 가능한 솔루션을 얻을 수 있습니다.
AI에게 정보를 어떻게 "먹이는가": 스크린샷 vs 복사 붙여넣기
두 방식 모두 가능하지만, 용도가 다릅니다:
| 방식 | 적용 시나리오 | 핵심 요구사항 |
|---|---|---|
| 복사 붙여넣기 | 오류 스택, 로그, 코드, 설정, API 반환 | 가능한 한 완전하게, 키워드 한 줄만 자르지 마세요 |
| 스크린샷 | UI 레이아웃 문제, 인터랙션 이상, 도구 인터페이스에서 버튼을 찾을 수 없음 | 전체 화면 캡처 + 핵심 영역 표시, 글로 된 설명 한 문장을 함께 제공하는 것이 좋음 |
⚠️ 중요한 전제
모든 AI가 이미지 입력을 지원하는 것은 아닙니다. 스크린샷으로 소통하려면 AI가 멀티모달 능력(즉, 이미지를 이해하고 분석할 수 있는 능력)을 갖추어야 합니다. 현재 이미지 입력을 지원하는 AI에는 Claude(Anthropic), GPT-4V/GPT-4o(OpenAI), Gemini(Google), 그리고 일부 국산 대형 모델인 퉁이치엔원, 원신이연 등이 있습니다.
사용 중인 AI가 이미지 입력을 지원하지 않는다면, 스크린샷이 인식되지 않으므로, 이때는 복사 붙여넣기 텍스트 방식으로 소통하세요.
AI가 "잘 설명해 주도록" 만드는 프롬프트 기술
답만 원하는 것이 아니라, 답을 "배우고" 싶다면. 다음과 비슷한 지시어를 사용하면 설명 품질을 크게 높일 수 있습니다:
학습형 질문 예시
- "먼저 5문장으로 이 개념을 명확히 설명한 다음, 몇 가지 질문을 통해 제가 제대로 이해했는지 확인해 주세요."
- "이 오류 메시지를 자세히 설명해 주세요. 왜 오류가 나는지 이해가 안 돼요."
오래 참아도 안 풀려요, 포기하고 싶어요
아마도 당신이 고집하는 방법이 맞지 않을 수 있습니다. 혼자 어둠 속에서 버티지 말고, 작가와 조교들과 이야기해 보세요: 이미 시도한 방법, 만난 구체적인 막힌 점, 그리고 현재 심리 상태를 솔직하게 말하세요. 많은 경우, 방향을 조금만 조정하고, 핵심 지식을 하나만 보완하면, 다시 앞으로 나아갈 수 있습니다.
튜토리얼의 일부 설계가 불합리하다고 생각해요
언제든지 작가에게 연락하거나, 이슈를 제출하거나, 그룹/수업에서 직접 피드백해 주세요. 우리는 여러분과 함께 이 튜토리얼을 점점 더 좋게 만들어 가고 싶습니다: 어디가 불명확한지, 어디서 경험이 좋지 않았는지, 어디서 헛되이 시간을 보냈는지, 모두 솔직하게 지적해 주세요. 더 진실하고, 더 구체적인 피드백일수록, 나중에 오시는 분들이 불필요하게 겪는 어려움을 줄이는 데 더 도움이 됩니다.