프로젝트에서 보기 →

바이브코딩이 처음이신가요? | 필수 지식 5가지 총정리

태그
교육 바이브코딩
시작일
종료일
수정일

https://www.youtube.com/watch?v=LX-arPqnqxU

1. 이건 꼭 알아야 한다[^1]

[? 질문] 바이브 코딩이란 정확히 무엇이며, 어떤 방식으로 코딩을 한다는 뜻인가[^2]
[= 답] 바이브 코딩은 “그냥 입으로 코딩한다”는 표현처럼, 사람이 쓰는 자연어로 AI에게 지시해 코드를 만들고 개발을 진행하는 기법이다(예: “GPT야 식단 관리 앱 만들어줘”).[^2]

[? 질문] 바이브 코딩을 처음 시작하는 사람은 웹사이트와 모바일 앱 중 무엇부터 만들어야 하는가[^3]
[= 답] 처음 무언가를 만드는 단계에서 “아무 생각이 없다”면 무조건 웹사이트부터 만들 것을 권한다. 반대로 “만들고 싶은 앱이 명확”하면 모바일 앱을 만든다.[^3]

[? 질문] 바이브 코딩으로 무언가를 만들 때, 전체 과정은 어떤 단계로 이해하면 되는가[^4]
[= 답] 개발환경 세팅 → 개발(바이브 코딩) → 배포의 3단계로 이해하면 된다.[^4]

[? 질문] 시작에 필요한 최소 준비물/도구와, 추천 기술 스택은 무엇인가[^5]
[= 답] 준비물은 **코드 편집기(VS Code)**와 **AI 도구(코덱스)**이며, 기술 스택은 웹은 React + Next.js, 모바일은 Flutter를 “일단은” 외우라고 제시한다. 배포는 웹은 Vercel, 앱은 App Store Connect / Google Play Console을 사용한다.[^5]

2. 큰 그림[^6]

이 콘텐츠는 바이브 코딩을 처음 접한 사람이 “어디서부터 무엇을 준비하고 어떤 순서로 진행해야 하는지” 막막함을 해소하도록, 전체 지도를 짧게 그려주는 입문 가이드다.[^6] 화자는 바이브 코딩을 과장된 신기술로 설명하기보다, 자연어로 AI에게 지시해 개발하는 방식으로 단순화해 설명하고, 초보자가 첫 프로젝트를 선택하는 기준과 최소 도구/스택을 제시한다.[^6]

  • 바이브 코딩은 거창한 것이 아니라 자연어로 AI에게 지시해 코딩을 진행하는 방법이며, “쫄 필요 없다”고 강조한다.[^2]
  • 처음 시작이라면 난이도/장벽 때문에 모바일 앱보다 웹사이트가 훨씬 유리하며, 웹으로 감을 익힌 뒤 앱으로 넘어가라고 권한다.[^7]
  • 전체 프로세스는 개발환경 세팅 → 개발 → 배포로 단순화할 수 있고, 도구는 VS Code + 코덱스, 스택은 웹 React/Next.js, 앱 Flutter, 배포는 웹 Vercel로 기억하라고 제안한다.[^4]

3. 하나씩 살펴보기[^8]

3.1 인사와 문제 제기: “어디서부터 어떻게?”의 막막함 해소[^8]

📸 0:02

화자는 영상 도입에서 “바이브 코딩을 어디서부터 어떻게 해야 할지 막막한가”를 직접 묻고, 그런 사람을 대상으로 “짧고 굵게 전체 그림을 그려주겠다”고 목적을 선언한다.[^8] 최근 “코딩 하나도 모르는데 바이브 코딩으로 웹사이트를 만들었다”, “앱을 만들었다” 같은 이야기가 많지만, 정작 시청자는 “나도 만들고 싶은데 어디서 어떻게 시작해야 할지 모르겠다”는 상태에 놓이기 쉽다고 전제한다.[^8] 이 영상은 바로 그 ‘시작 지점’을 정리하기 위해 만들어졌다고 말하며 본론으로 들어간다.[^8]

3.2 바이브 코딩이란 무엇인가: “입으로 코딩한다”는 정의[^2]

📸 0:49

화자는 바이브 코딩의 정의를 최대한 단순하게 제시한다.[^2]

  • [h 바이브 코딩의 핵심 정의] “그냥 입으로 코딩한다.”[^2]
  • 구현 방식(설명 방식): 사람이 쓰는 자연어로 AI에게 요구를 전달해 코딩을 진행한다.[^2]
  • 예시: “GPT 식단 관리 앱 만들어줘.” 같은 문장 형태로 지시하는 것을 예로 든다.[^2]

여기서 화자는 바이브 코딩이 특별히 복잡한 개념이 아니라는 톤을 강조한다.[^2] “별거 없고”, “쫄 필요 전혀 없다”, “이렇게만 기억하면 된다”는 표현으로 심리적 장벽을 낮춘다.[^2]

[!IMPORTANT] ‘바이브 코딩’의 포지션(화자의 프레이밍)
바이브 코딩은 고급 개발기법을 길게 배우는 것이 아니라, 자연어 지시로 코딩을 진행하는 접근법이라는 한 문장으로 먼저 이해하라는 메시지다.[^2]

3.3 무엇을 만들 것인가: 웹사이트 vs 모바일 앱으로 단순화[^9]

📸 1:34

바이브 코딩이 무엇인지 알았더라도 “그럼 뭘 만들어야 하나”에서 막힐 수 있다고 보고, 선택지를 “크게 두 종류”로 나눈다.[^9]

  1. 웹사이트[^9]
  • 정의/접근 방식: 크롬 같은 웹브라우저로 접속하는 형태.[^9]
  • 예시: “네이버” 같은 사이트를 예로 든다.[^9]
  1. 모바일 앱[^9]
  • 정의/예시: 현재 영상을 보고 있는 “유튜브 앱”, “카카오톡” 등이 모바일 앱이라고 설명한다.[^9]
  • 모바일 앱의 플랫폼 구분: iOS(애플), 안드로이드(구글) 두 종류가 있다고 구분한다.[^9]

화자는 여기까지 따라오면 “할 만하죠?”라며, 시청자가 이해했는지 확인하는 식으로 진행한다.[^9]

3.4 첫 프로젝트 선택 기준: “아무 생각 없으면 웹, 목표 앱 있으면 앱”[^3]

📸 2:33

웹/앱을 나눠 놓고 나면 다시 고민이 생긴다고 말하며, 화자는 “기준을 정해주겠다”고 한다.[^3] 그 기준은 다음의 2갈래다.[^3]

  • [h 기준 1] “나는 아무 생각이 없다. 바이브 코딩으로 처음 무언가를 만든다.” → 무조건 웹사이트 추천[^3]
  • [h 기준 2] “나는 만들고 싶은 앱이 명확하게 있다.” → 모바일 앱 만들면 된다[^3]

즉, ‘무엇이 더 좋아서’라기보다 **초보자의 상황(목표의 명확성)**에 따라 선택을 갈라준다.[^3]

3.5 왜 웹사이트를 먼저 추천하는가: 앱은 “정확히 세 배 이상” 어렵다[^7]

📸 3:08

화자는 “왜 무조건 웹사이트를 추천하냐”는 이유를 설명하며, 앱 개발의 난이도가 웹보다 “정확히 세 배 이상 어렵다”고 단언한다.[^7] 그리고 그 이유를 2가지 축으로 풀어낸다.[^7]

3.5.1 이유 1: 앱은 100% 바이브 코딩만으로 어렵고, “코드를 알아야 한다”[^7]

화자는 앱을 만들려면 “코드를 알아야 한다”고 말한다.[^7] 이어서 “100% 바이브 코딩만으로” 가능한 경우가 ‘한 개가 있다’는 식의 표현을 쓰며(문장이 다소 끊기지만), 요지는 앱은 순수 자연어 지시만으로 끝내기 어렵다는 뉘앙스를 전달한다.[^7] 즉, 모바일 앱은 바이브 코딩만으로 ‘완결’시키기보다 실제 코드 이해/개입이 더 필요하다는 전제를 깐다.[^7]

3.5.2 이유 2: 출시(배포) 장벽—앱스토어/플레이 등록 심사가 “헬게이트”[^7]

앱은 만들기만 하면 끝이 아니라 “다른 사람이 쓸 수 있게 하려면 출시”가 필요하다고 말한다.[^7] 그런데 출시하려면:

  • 애플 App Store 등록/심사[^7]
  • 구글 Google Play 등록/심사[^7]

이 과정에서 “심사를 거쳐야” 하고, 이 심사를 화자는 “헬게이트”, “정말 어렵고 복잡”하다고 표현한다.[^7] 따라서 초보는 앱부터 시작하면 제작 자체 + 출시 절차에서 좌절할 수 있으므로, 웹사이트 몇 개로 감을 익히는 전략을 제안한다.[^7]

[!WARNING] 앱 개발의 난이도 포인트(화자 표현 그대로)
앱은 웹보다 “정확히 세 배 이상” 어렵고, 특히 스토어 등록 심사가 “헬게이트”라고 말할 만큼 큰 장벽으로 제시된다.[^7]

3.5.3 제안: 웹사이트 2~3개로 감 익힌 뒤 앱으로[^7]

결론으로 화자는 “일단 웹사이트 두 세 개를 만들어 보면서 바이브 코딩 감을 익혀” 본 다음, “그리고 나서 앱을 만들면 조금 할 만할 것”이라고 말한다.[^7] 즉, 웹 → 앱 순서가 학습 곡선상 유리하다는 주장이다.[^7]

3.6 웹사이트는 단순해도 된다: 자기소개 페이지도 OK[^10]

📸 4:26

웹사이트를 먼저 하라고 했을 때 “뭔가 거창해야 하나?”라는 부담을 낮추기 위해, 화자는 웹사이트는 “진짜 단순해도 된다”고 강조한다.[^10] 예시로 “자기 소개 페이지” 같은 수준도 가능하다고 든다.[^10] 이 단계의 목표는 ‘대단한 서비스 완성’이 아니라, “일단 두 세 개를 만들어 보는 것”에 초점을 맞추라고 정리한다.[^10]

[!TIP] 첫 웹 프로젝트 난이도 조절법
“자기소개 페이지”처럼 매우 단순한 웹사이트라도 괜찮으니, 2~3개를 빠르게 만들어보는 경험 자체를 목표로 잡으라고 권한다.[^10]

3.7 바이브 코딩 과정 3단계: 개발환경 세팅 → 개발 → 배포[^4]

📸 4:47

화자는 “딱 세 가지만 기억”하라며 프로세스를 3단계로 정리한다.[^4]

  1. 개발환경 세팅[^4]
  2. 개발(바이브 코딩)[^4]
  3. 배포[^4]

그리고 각 단계가 무엇을 의미하는지 예시로 풀어 설명한다.[^4]

3.7.1 개발환경 세팅이란: 코딩/실행을 위한 컴퓨터 준비[^11]

“개발환경 세팅”은 말 그대로 “개발하기 위한 환경을 세팅하는 과정”이라고 정의한다.[^11] 구체적으로는:

  • 코드를 작성해야 하니 코드 편집기 설치[^11]
  • 내가 만든 프로그램이 돌아가도록 내 컴퓨터에 실행 환경 세팅[^11]

이런 “모든 과정을 개발환경 세팅”이라고 묶어 말한다.[^11]

3.7.2 개발: 그냥 바이브 코딩 자체[^12]

두 번째 단계 “개발”은 “그냥 바이브 코딩”이라고 간단히 등치시킨다.[^12] 즉, 환경이 갖춰진 뒤 실제 기능을 만들고 코드를 생성/수정하는 본 작업을 의미한다.[^12]

3.7.3 배포란 무엇인가: 전단지 배포 비유로 ‘공개’ 이해시키기[^13]

세 번째 “배포”는 개념이 생소할 수 있어, 화자는 일상 비유를 쓴다.[^13]

  • 비유: “전단지를 배포한다”는 말처럼, 모두가 볼 수 있게 “뿌린다”는 의미[^13]
  • 소프트웨어 맥락의 의미: “만든 서비스를 모두에게 공개한다”[^13]

그리고 웹과 모바일에서 배포가 각각 어떤 행동인지 구체화한다.[^13]

  • 웹사이트 배포: “네이버.com 접속하면 네이버”가 뜨는 것처럼, 도메인 주소로 사람들이 접속할 수 있게 오픈하는 과정[^13]
  • 모바일 앱 배포: 애플 앱스토어, 구글 구글 플레이에 앱을 등록/업로드하여 다른 사람이 다운로드할 수 있게 공개하는 과정[^13]

화자는 다시 한 번 반복해, 모바일 앱 배포는 “앱스토어와 구글 플레이에 공개하는 과정”이라고 재정의하며 “쉽죠?”라고 마무리한다.[^13] 그리고 최종적으로 “개발환경 세팅하고 개발하고 배포한다” 이 3가지만 기억하면 된다고 재강조한다.[^14]

3.8 바이브 코딩 준비물: VS Code(코드 편집기) + AI 도구(코덱스)[^15]

📸 7:14

화자는 “네 번째: 준비물”로 넘어가, 꼭 필요한 도구를 2가지로 제시한다.[^15]

3.8.1 코드 편집 도구(IDE): VS Code[^15]

문서를 편집할 때 “독스”, “한글” 같은 도구를 쓰는 것처럼, 코드를 작성할 때도 코드 편집 도구가 필요하다고 말한다.[^15] 이걸 어려운 말로 “아이디(IDE)”라고 부른다고 덧붙인다.[^15] 그리고 마이크로소프트가 만든 IDE로 **VS Code(비주얼 스튜디오 코드)**를 기억하라고 한다.[^15]

3.8.2 AI 도구: 여러 가지 중 “일단 코덱스”[^16]

바이브 코딩을 해줄 AI 도구가 있어야 한다며, 사람들이 들어봤을 법한 도구로 “커서”, “클로드 코드” 등을 언급한다.[^16] 하지만 초보 단계에서는 “다 필요 없고” “일단 코덱스 쓰라”고 단정한다.[^16]

  • 코덱스는 “오픈AI에서 만든 것”이라고 설명[^16]
  • “GPT 구독하면 쓸 수 있다”고 말함[^16]

또한 GPT는 “반드시 구독”을 추천한다.[^17] 가격은 “치킨 한 마리 값”이며 “20달러”라고 구체 수치를 제시하고, 나중에 “서비스 기획(또는 체계적으로)” 할 때 GPT를 쓸 일이 많아서 꼭 하라고 권한다.[^17]

[!IMPORTANT] 비용/구독에 대한 화자의 입장
[h GPT 구독은 ‘20달러’로, 이후 활용도가 높기 때문에 ‘반드시’ 추천]한다는 강한 톤을 사용한다.[^17]

3.9 기술 스택: 웹은 React/Next.js, 모바일은 Flutter—“지금은 고민 무의미”[^18]

📸 8:45

화자는 “기술 스택 심플하게 정리”한다며, 초보자가 선택지 과다로 고민하는 상황을 차단한다.[^18]

  • 웹사이트 만들 것: React + Next.js “딱 두 개만 기억”[^18]
  • 모바일 앱 만들 것: Flutter “딱 이렇게만 기억”[^18]

다른 선택지도 있다고 인정하지만, “지금 단계에서 고민할 필요 없고”, “무의미”하며, “그놈이 다 그놈”이라는 표현으로 스택 선택의 우선순위를 낮춘다.[^18] 즉, 처음에는 범용/대표 스택으로 빠르게 시작하라는 메시지다.[^18]

3.10 배포 도구/플랫폼: 웹은 Vercel, 앱은 App Store Connect & Google Play Console[^19]

📸 9:28

배포 단계에서 무엇을 쓰는지도 구체적으로 제시한다.[^19]

  • 웹사이트 배포: **Vercel(버셀)**이라는 서비스로 배포[^19]
  • 모바일 앱 배포/출시:
    • iOS: App Store Connect(앱스토어 커넥트)[^19]
    • Android: Google Play Console(구글 플레이 콘솔)[^19]

화자는 “웹사이트는 버셀, 모바일 앱은 앱스토어 커넥트와 구글 플레이 콘솔” 이렇게 두 가지만 기억하라고 정리한다.[^19]

3.11 마지막 정리(화자의 5가지 포인트 반복): 정의→선택→과정→준비물→스택/배포[^20]

📸 10:00

영상 후반부에서 화자는 “이제 정리”라며, 앞에서 말한 내용을 항목별로 다시 반복한다.[^20]

  1. 바이브 코딩이란 무엇인가: “입으로 코딩”, “GPT야 식단 관리 앱 만들어줘” 같은 자연어 지시로 코딩하는 기법[^20]
  2. 뭘 만들어야 하나: 웹/모바일 2종류, 처음이면 웹 추천. 앱을 꼭 만들어야 하면 앱.[^20] 앱은 초심자에게 너무 어렵기 때문에 웹을 추천한다고 재언급[^20]
  3. 과정 3단계: 개발환경 세팅(개발할 환경 만드는 것) → 바이브 코딩 진행(개발) → 배포(전단지 배포 비유로 기억)[^20]
  4. 준비물: 코드 편집기 필요(“닥스처럼”), VS Code 기억. AI 도구는 코덱스. GPT 구독하면 사용 가능.[^20]
  5. 기술 스택/배포: 웹은 React + Next.js, 앱은 Flutter. 다른 선택지는 있으나 무의미. 웹 배포는 Vercel, 앱은 iOS=App Store Connect / Android=Google Play Console.[^21]

마지막으로 화자는 앞으로 바이브 코딩 콘텐츠를 많이 올릴 예정이며, 시청자가 보고 싶은 주제를 댓글로 남기면 참고해 다음 영상을 만들겠다고 말하며 마무리한다.[^22]

4. 핵심 통찰[^23]

  1. [c 바이브 코딩 입문에서 가장 중요한 것은 ‘정의’보다 ‘시작 루트(웹 선행)’를 잡아 실행하는 것이다.] 화자는 바이브 코딩을 어렵게 정의하지 않고, 바로 “웹부터 2~3개 만들어 감을 익히라”는 실행 경로를 제시한다.[^7]

    • 웹으로 작은 결과물을 빨리 만들고, 이후 앱으로 확장하는 흐름을 따른다.[^7]

  2. [h 앱 개발의 난이도는 ‘개발’보다 ‘출시/심사’에서 체감될 수 있다.] 앱은 스토어 등록과 심사라는 추가 장벽이 있으며, 이를 화자는 “헬게이트”라고 표현한다.[^7]

    • 따라서 초보자는 웹에서 배포 경험을 먼저 쌓아 ‘공개’ 과정에 익숙해지는 것이 유리하다는 논리다.[^7]

  3. [h 프로세스를 3단계로 단순화하면 막막함이 줄어든다.] 개발환경 세팅→개발→배포라는 프레임을 주고, ‘배포=전단지 뿌리기’ 비유로 개념을 생활 언어로 바꿔준다.[^13]

  4. [m 초보 단계의 스택 고민은 비용 대비 효용이 낮다고 본다.] React/Next.js, Flutter를 제시하고 “지금은 고민 무의미”라고 말함으로써, 선택 피로를 줄이고 실행을 우선하게 만든다.[^18]

  5. [m 도구 선택도 ‘최소 세트’로 단순화한다.] 편집기는 VS Code, AI는 코덱스(=GPT 구독으로 사용)로 고정해 시작 비용(인지적 비용)을 낮춘다.[^16]

실행 가능한 시사점(콘텐츠가 직접 권하는 방향을 행동으로 변환):[^24]

  • 웹사이트를 목표로, “자기소개 페이지” 같은 초단순 프로젝트를 포함해 2~3개를 먼저 만들어 본다.[^10]
  • 작업을 시작할 때마다 “세팅 → 개발 → 배포” 체크리스트로 현재 단계가 어디인지 확인한다.[^14]
  • 도구는 VS Code + 코덱스로 고정하고, 웹이라면 배포는 Vercel을 기본값으로 둔다.[^19]
  • 앱이 목적이라면 iOS/Android 배포 채널( App Store Connect / Play Console )과 심사 난이도를 초기에 인지하고 접근한다.[^7]

5. 헷갈리는 용어 정리[^25]

바이브 코딩: 사람이 쓰는 자연어로 AI에게 지시해 코딩을 수행하는 방식(“입으로 코딩”).[^2]
웹사이트: 크롬 같은 웹브라우저로 접속하는 서비스 형태(예: 네이버).[^9]
모바일 앱: 유튜브/카카오톡 같은 앱 형태. 플랫폼은 iOS와 안드로이드로 나뉜다.[^9]
개발환경 세팅: 코드 편집기 설치, 프로그램 실행 환경 구성 등 개발을 위한 환경을 준비하는 과정.[^11]
배포: 만든 서비스를 모두가 접속/다운로드할 수 있게 공개하는 과정. 웹은 도메인으로 오픈, 앱은 스토어에 업로드/공개.[^13]
도메인 주소: “네이버.com”처럼 웹사이트에 접속하는 주소로, 이를 통해 접속 가능하게 여는 것이 웹 배포의 이미지로 제시됨.[^13]
IDE(아이디): 코드를 작성하는 코드 편집 도구를 가리키는 말로 소개됨.[^15]
VS Code: 마이크로소프트가 만든 코드 편집기(IDE)로, 준비물로 제시됨.[^15]
코덱스(Codex): 오픈AI가 만든 바이브 코딩용 AI 도구로 언급되며, GPT 구독 시 사용 가능하다고 설명됨.[^16]
React / Next.js: 웹사이트 제작 시 기억할 기술 스택으로 제시됨.[^18]
Flutter: 모바일 앱 제작 시 기억할 기술 스택으로 제시됨.[^18]
Vercel(버셀): 웹사이트 배포에 사용하는 서비스로 제시됨.[^19]
App Store Connect: iOS 앱을 앱스토어에 공개하기 위해 사용하는 애플 측 플랫폼으로 제시됨.[^21]
Google Play Console: 안드로이드 앱을 구글 플레이에 공개하기 위해 사용하는 구글 측 플랫폼으로 제시됨.[^21]

참고(콘텐츠 정보)[^26]

  • 제목: 바이브코딩이 처음이신가요? | 필수 지식 5가지 총정리[^26]
  • 채널: 캐슬 AI[^26]
  • 길이: 12분 14초[^26]
  • 키워드: 바이브코딩[^26]
  • 링크: https://www.youtube.com/watch?v=LX-arPqnqxU[^26]

[^1]: @[00:04] “바이브 코딩 어디서부터 어떻게 해야 할지 막막하신가요?”
[^2]: @[00:49] “바이브 코딩이란 쉽게 말해 그냥 입으로 코딩한다… 사람이 쓰는 자연어로 코딩을 하는 기법입니다… 쫄 필요 전혀 없습니다.”
[^3]: @[02:33] “나는 아무 생각이 없다… 무조건 웹사이트 추천… 나는 만들고 싶은 앱이 명확하게 있다. 모바일 앱 만드시면 됩니다.”
[^4]: @[04:47] “바이브 코딩 과정 3단계… 첫 번째 개발환경 세팅… 두 번째 개발… 세 번째 배포”
[^5]: @[07:14]~@[09:55] VS Code, 코덱스, GPT 구독, React/Next.js, Flutter, Vercel, App Store Connect, Google Play Console 언급 및 정리
[^6]: @[00:11] “짧고 굵게 전체적인 그림을…”, @[00:15]~@[00:29] 최근 사례 언급과 ‘어디서 시작?’ 문제 설정
[^7]: @[03:08] “모바일 앱이 웹보다 정확히 세 배 이상 어렵습니다… 심사가 헬게이트예요… 웹사이트 두 세 개를 만들어 보면서… 그리고 나서 앱을 만들면…”
[^8]: @[00:02]~@[00:32] 인사, 대상 설정, 영상 목적 선언, “바로 시작”
[^9]: @[01:34]~@[02:18] “크게 두 종류… 웹사이트… 모바일 앱… iOS/안드로이드”
[^10]: @[04:26]~@[04:39] “웹사이트는 진짜 단순해도 돼요… 자기 소개 페이지” 및 2~3개 제작 권장
[^11]: @[05:10]~@[05:32] 개발환경 세팅의 정의 및 예시(편집기 설치, 실행 환경)
[^12]: @[05:32]~@[05:43] “두 번째로 개발… 개발은 그냥 바이브 코딩이겠죠?”
[^13]: @[05:45]~@[06:40] 배포의 의미, 전단지 비유, 도메인/스토어 공개 설명
[^14]: @[06:47]~@[07:04] “개발환경 세팅하고 개발하고 배포한다… 딱 이거 세 가지만 기억”
[^15]: @[07:14]~@[07:46] 코드 편집 도구(IDE) 필요, VS Code 제시
[^16]: @[07:53]~@[08:14] 커서/클로드 코드 언급 후 “일단 코덱스”, 오픈AI, GPT 구독으로 사용
[^17]: @[08:22]~@[08:40] “GPT는 반드시 구독… 20달러… 치킨 한 마리 값… 쓸 일이 되게 많아요”
[^18]: @[08:45]~@[09:17] 웹=리액트/넥스트JS, 모바일=플러터, 다른 선택지 고민 무의미/“그놈이 다 그놈”
[^19]: @[09:28]~@[09:55] 웹 배포=버셀, 앱 배포=앱스토어 커넥트/구글 플레이 콘솔
[^20]: @[10:00]~@[11:27] 화자의 항목별 재정리(정의, 무엇 만들지, 과정, 준비물/코덱스, GPT 구독)
[^21]: @[11:30]~@[11:55] 스택/배포 재정리 및 iOS/Android 배포 플랫폼 구분
[^22]: @[12:00]~@[12:05] 앞으로 콘텐츠 예고, 댓글 요청, 감사 인사
[^23]: @[02:33]~@[04:10] 웹 우선 추천 논리, @[04:47]~@[07:04] 3단계 프레임, @[08:45]~@[09:17] 스택 고민 무의미 등의 종합
[^24]: @[04:26]~@[04:39] (단순 웹 제작), @[06:47]~@[07:04] (3단계 기억), @[07:14]~@[09:55] (도구/배포 경로)
[^25]: @[00:49]~@[11:55] 용어들이 정의/설명된 구간 전반
[^26]: 사용자가 제공한 메타데이터(제목/채널/길이/키워드/링크) 및 영상 정보 전체

← 프로젝트에서 보기