Part 0. 시작하기 전에

0.1

읽기 10분 · 동영상 5분

이 책에 대하여

이 코스는 코딩을 배우는 코스가 아닙니다.

정확히 말하면, 코딩을 직접 하지 않고도 웹사이트와 앱을 만드는 방법을 배우는 코스입니다. AI가 코드를 작성하고, 여러분은 AI에게 무엇을 만들지 설명합니다. 이것을 바이브 코딩(Vibe Coding)이라고 합니다.


이 코스를 마치면 만들게 되는 것

이 코스에서는 세 가지 프로젝트를 직접 만듭니다. 연습용이 아닙니다. 실제로 사용할 수 있는 것들입니다.

프로젝트 1. 우리 가게 홈페이지

메뉴, 오시는 길, 영업시간, 카카오톡 상담 버튼이 있는 사업용 웹사이트입니다. 완성하면 고객에게 바로 링크를 보낼 수 있습니다.

프로젝트 2. 예약 시스템

고객이 날짜와 시간을 선택해서 직접 예약할 수 있는 페이지입니다. 예약이 들어오면 이메일과 카카오톡으로 알림을 받습니다.

프로젝트 3. 업무 자동화 도구

주간 보고서 생성기, 견적서 생성기, 또는 고객 안내 메일 발송기 중 하나를 선택해서 만듭니다. 매주 반복하던 작업을 자동화합니다.


누구를 위한 코스인가

이 코스는 다음과 같은 분들을 위해 만들었습니다.

  • 컴퓨터로 이메일, 엑셀, 카카오톡을 매일 사용하지만 코딩은 해본 적 없는 분
  • 홈페이지를 만들고 싶은데 외주 비용이 부담되는 자영업자
  • 개발팀과 일하면서 "그게 뭔데"라는 말을 줄이고 싶은 팀장님
  • 새로운 기술을 배워 직무를 전환하고 싶은 분

코딩 경험은 필요 없습니다. 터미널을 열어본 적이 없어도 됩니다. 이 코스가 처음부터 안내합니다.


외울 것은 없습니다

이 코스에서 코드를 외울 필요는 없습니다. AI가 코드를 작성합니다.

여러분이 배우는 것은 세 가지입니다:

  1. 환경 설정 — 도구를 설치하고 작업 공간을 준비하는 법
  2. AI와 소통하기 — 원하는 것을 정확하게 설명하는 법
  3. 문제 해결 — 에러가 나왔을 때 차분하게 대처하는 법

이 세 가지만 익히면, 앞으로 원하는 것은 무엇이든 만들 수 있습니다.


필요한 것

  • Windows 10 이상이 설치된 컴퓨터 (Mac도 가능하나, 이 코스의 화면 설명은 Windows 기준입니다)
  • 인터넷 연결
  • 그 외에는 없습니다

이 코스에서 사용하는 도구

이 코스에서는 세 가지 도구만 사용합니다. 하나씩 설치 방법을 안내합니다.

도구 역할 비용
Cursor AI가 내장된 코드 편집기. 여기서 AI에게 요청하고, 코드를 확인합니다. 무료 (기본)
Vercel 만든 웹사이트를 인터넷에 올려주는 서비스. 무료 (기본)
Supabase 데이터를 저장하는 데이터베이스. 예약 정보, 문의 내용 등을 보관합니다. 무료 (기본)

세 가지 모두 무료로 시작할 수 있습니다. 이 코스의 프로젝트를 모두 완성하는 데 추가 비용은 들지 않습니다.