이 책에 대하여
이 코스는 코딩을 배우는 코스가 아닙니다.
정확히 말하면, 코딩을 직접 하지 않고도 웹사이트와 앱을 만드는 방법을 배우는 코스입니다. AI가 코드를 작성하고, 여러분은 AI에게 무엇을 만들지 설명합니다. 이것을 바이브 코딩(Vibe Coding)이라고 합니다.
이 코스를 마치면 만들게 되는 것
이 코스에서는 세 가지 프로젝트를 직접 만듭니다. 연습용이 아닙니다. 실제로 사용할 수 있는 것들입니다.
프로젝트 1. 우리 가게 홈페이지
메뉴, 오시는 길, 영업시간, 카카오톡 상담 버튼이 있는 사업용 웹사이트입니다. 완성하면 고객에게 바로 링크를 보낼 수 있습니다.
프로젝트 2. 예약 시스템
고객이 날짜와 시간을 선택해서 직접 예약할 수 있는 페이지입니다. 예약이 들어오면 이메일과 카카오톡으로 알림을 받습니다.
프로젝트 3. 업무 자동화 도구
주간 보고서 생성기, 견적서 생성기, 또는 고객 안내 메일 발송기 중 하나를 선택해서 만듭니다. 매주 반복하던 작업을 자동화합니다.
누구를 위한 코스인가
이 코스는 다음과 같은 분들을 위해 만들었습니다.
- 컴퓨터로 이메일, 엑셀, 카카오톡을 매일 사용하지만 코딩은 해본 적 없는 분
- 홈페이지를 만들고 싶은데 외주 비용이 부담되는 자영업자
- 개발팀과 일하면서 "그게 뭔데"라는 말을 줄이고 싶은 팀장님
- 새로운 기술을 배워 직무를 전환하고 싶은 분
코딩 경험은 필요 없습니다. 터미널을 열어본 적이 없어도 됩니다. 이 코스가 처음부터 안내합니다.
외울 것은 없습니다
이 코스에서 코드를 외울 필요는 없습니다. AI가 코드를 작성합니다.
여러분이 배우는 것은 세 가지입니다:
- 환경 설정 — 도구를 설치하고 작업 공간을 준비하는 법
- AI와 소통하기 — 원하는 것을 정확하게 설명하는 법
- 문제 해결 — 에러가 나왔을 때 차분하게 대처하는 법
이 세 가지만 익히면, 앞으로 원하는 것은 무엇이든 만들 수 있습니다.
필요한 것
- Windows 10 이상이 설치된 컴퓨터 (Mac도 가능하나, 이 코스의 화면 설명은 Windows 기준입니다)
- 인터넷 연결
- 그 외에는 없습니다
이 코스에서 사용하는 도구
이 코스에서는 세 가지 도구만 사용합니다. 하나씩 설치 방법을 안내합니다.
| 도구 | 역할 | 비용 |
|---|---|---|
| Cursor | AI가 내장된 코드 편집기. 여기서 AI에게 요청하고, 코드를 확인합니다. | 무료 (기본) |
| Vercel | 만든 웹사이트를 인터넷에 올려주는 서비스. | 무료 (기본) |
| Supabase | 데이터를 저장하는 데이터베이스. 예약 정보, 문의 내용 등을 보관합니다. | 무료 (기본) |
세 가지 모두 무료로 시작할 수 있습니다. 이 코스의 프로젝트를 모두 완성하는 데 추가 비용은 들지 않습니다.