1. 바이브 코딩의 기본 이해 [8]

thumbnail 바이브 코딩은 사람이 쓰는 자연어로 코딩하는 기법으로, 웹사이트와 모바일 앱 두 가지를 만들 수 있으며, 초보자에게는 웹사이트 제작을 먼저 추천한다.

1.1. 바이브 코딩의 개념 [8]

  1. 바이브 코딩은 사람이 쓰는 자연어로 코딩하는 기법이다. [9]
    1. 예를 들어, "GPT 식단 관리 앱 만들어줘"와 같이 말로 지시하여 코드를 생성한다. [10]
    2. 이는 코딩에 대한 부담감을 줄여주는 간단한 방식이다. [12]

1.2. 바이브 코딩으로 만들 수 있는 것 [14]

  1. 바이브 코딩으로 만들 수 있는 것은 크게 두 종류이다. [16]
    1. 웹사이트: 크롬과 같은 웹 브라우저로 접속하는 사이트(예: 네이버)를 말한다. [17]
    2. 모바일 앱: 유튜브 앱이나 카카오톡처럼 스마트폰에서 사용하는 앱을 말한다. [18]
      1. 모바일 앱은 애플의 iOS와 구글의 안드로이드 두 종류로 나뉜다. [21]

1.3. 초보자를 위한 제작 추천: 웹사이트 [24]

  1. 바이브 코딩을 처음 시작한다면 웹사이트 제작을 먼저 하는 것을 추천한다. [27]
    1. 모바일 앱은 웹사이트보다 세 배 이상 어렵기 때문이다. [31]
      1. 앱을 만들려면 코드를 알아야 하는 한계가 있으며, 100% 바이브 코딩만으로는 어렵다. [32]
      2. 앱을 다른 사람이 사용할 수 있도록 출시하는 과정이 매우 복잡하다. [35]
        1. 애플 앱스토어와 구글 플레이에 등록하려면 심사 과정을 거쳐야 하는데, 이 과정이 매우 어렵고 복잡하다. [35]
    2. 따라서 웹사이트를 두세 개 만들어 보면서 바이브 코딩에 대한 감을 익히는 것이 좋다. [37]
      1. 웹사이트는 자기소개 페이지처럼 단순한 형태여도 괜찮다. [39]
  2. 만들고 싶은 앱이 명확하게 있다면 모바일 앱을 만들어도 된다. [29]

2. 바이브 코딩의 3단계 과정 및 준비물 [43]

thumbnail 바이브 코딩은 개발 환경 세팅, 개발, 배포의 세 단계를 거치며, VS 코드와 코덱스(GPT 구독)가 필수 준비물이다.

2.1. 바이브 코딩의 3단계 과정 [43]

  1. 바이브 코딩 과정은 다음 세 단계로 이루어진다. [43]
    1. 개발 환경 세팅: 코드를 작성하고 프로그램이 실행될 수 있는 환경을 컴퓨터에 설정하는 과정이다. [44]
      1. 코드 편집기 설치 등이 포함된다. [47]
    2. 개발: 바이브 코딩을 통해 실제 코드를 작성하는 단계이다. [44]
    3. 배포: 만든 서비스를 모든 사람이 사용할 수 있도록 공개하는 과정이다. [45]
      1. 웹사이트는 도메인 주소(예: 네이버.com)로 접속할 수 있도록 공개하는 것을 말한다. [54]
      2. 모바일 앱은 애플 앱스토어나 구글 플레이에 앱을 업로드하여 다른 사람이 다운로드받을 수 있게 하는 것을 말한다. [56]

2.2. 바이브 코딩의 필수 준비물 [61]

  1. 바이브 코딩을 위한 코드 편집 도구가 필요하다. [62]
    1. 마이크로소프트가 만든 VS 코드(Visual Studio Code)를 사용한다. [68]
  2. 바이브 코딩을 도와줄 AI 도구가 필요하다. [70]
    1. 코덱스(Codex)를 사용하는 것을 추천한다. [72]
      1. 코덱스는 오픈 AI에서 만들었으며, GPT 구독을 통해 사용할 수 있다. [73]
      2. GPT 구독은 치킨 한 마리 값인 20달러이며, 나중에 체계적인 서비스 개발 시 활용도가 높으므로 구독을 추천한다. [75]

2.3. 바이브 코딩 기술 스택 및 배포 서비스 [78]

  1. 웹사이트를 만들 경우, 리액트(React)와 넥스트JS(Next.js)를 사용한다. [78]
    1. 웹사이트 배포는 버셀(Vercel) 서비스를 이용한다. [86]
  2. 모바일 앱을 만들 경우, 플러터(Flutter)를 사용한다. [80]
    1. 모바일 앱 배포는 앱스토어 커넥트(App Store Connect) (iOS 앱)와 구글 플레이 콘솔(Google Play Console) (안드로이드 앱)을 이용한다. [88]
  3. 다른 기술 선택지도 있지만, 현재 단계에서는 이 두 가지에 집중하는 것이 효율적이다. [82]