AI와 대화하며
웹 서비스를 만듭니다
개발자도 코딩도 필요 없습니다
AI와 대화로 3개월 만에 3개의 서비스를 만들었습니다
개발의 벽, AI가 무너뜨립니다
이제 더 이상 개발자를 구하지 않아도 됩니다
기존 방식의 문제점
외주 개발 대기
개발자 구하고 기다리는 동안 기회를 놓칩니다
높은 개발 비용
랜딩페이지 하나에도 최소 50만원 이상
개발자 의존도
매번 개발자에게 부탁해야 하는 불편함
기술적 장벽
복잡한 개발 지식이 필요한 현실
느린 수정 반영
간단한 수정도 개발자 일정 따라가기
AI 개발의 해결책
무료로 시작하기
개발자 대신 커서AI와 함께하세요
초고속 개발
랜딩페이지는 하루만에도 가능합니다
AI와 함께하는 기획
아이디어를 AI와 함께 발전시킬 수 있습니다
AI 코딩 자동화
코딩은 AI가 하고, 중요 결정은 당신이 하세요
실시간 수정
원하는 대로 바로바로 수정이 가능합니다
AI 웹개발 VOD 강의
AI와 함께하는 웹 개발, 이제 혼자서도 할 수 있습니다
Cursor AI로 개발하기
최근 주목받는 Cursor AI를 활용하여 한글로 설명하면 코드로 변환됩니다. 마치 옆자리 시니어 개발자와 페어 프로그래밍하듯 자연스럽게 개발할 수 있습니다.
실시간 대화
복잡한 기능도 실시간 대화로 쉽게 구현할 수 있습니다. AI가 이해하지 못한다면 자세히 설명해주세요.
즉시 수정 가능
원하는 부분을 바로바로 수정하고 반영할 수 있습니다. 수정 사항이 실시간으로 적용됩니다.
이 강의를 통해 어떤 것을 얻을 수 있나요?
최신 AI 도구와 개발 도구를 활용해 실용적인 랜딩페이지를 만들어보세요
실용적인 랜딩페이지
단순 소개 페이지를 넘어 구글 시트 연동, 자동 메일 발송까지 구현하는 실용적인 랜딩페이지를 만듭니다.
최신 AI 도구 활용
Cursor AI, V0 등 최신 AI 도구들을 실전에서 활용하는 방법을 배웁니다.
최신 개발 스택
Next.js 프레임워크를 기반으로 Shadcn UI, Lucide Icons 등 실무 UI 라이브러리를 활용합니다.
AI와의 효과적인 대화
AI와의 지속적인 대화를 통해 원하는 웹 서비스를 만드는 방법을 배웁니다.
자동화 기능 구현
구글 앱스크립트를 활용해 신청 정보 수집과 자동 메일 발송을 구현합니다.
NoCode AI 커뮤니티
프리미엄 수강생 전용 오픈채팅방에서 함께 성장하고 정보를 공유합니다.
개발 생산성, AI로 혁신하세요
AI 도구 도입으로 달라지는 개발 프로세스를 확인하세요
AI 도입 전
노코드 툴의 기능 제약으로 원하는 기능을 구현하지 못함
한국형 결제/인증 연동이 어렵거나 불가능함
복잡한 기능은 결국 개발자의 도움이 필요
높은 외주 개발 비용과 의사소통의 어려움
AI 도입 후
AI의 도움으로 원하는 기능을 자유롭게 구현
기능 제약에서 벗어나 창의적인 구현 가능
구글 시트 연동, 자동 메일 발송 등 실용적 기능 구현
실제 비즈니스에 필요한 기능 직접 만들기
AI와의 대화로 문제를 직접 해결
개발자 도움 없이 스스로 해결 가능
최신 개발 도구들을 자유롭게 활용
실무에서 사용되는 도구들 경험
클래스 특징
AI 시대의 시민 개발자를 위한 차별화된 학습 경험
AI 프롬프트 작성법
원하는 결과를 얻기 위한 효과적인 프롬프트 작성법을 배웁니다.
- AI가 이해하기 쉬운 명확한 지시
- 오류 없는 프롬프트 작성 노하우
- 단계적 문제 해결 방법론
실전 AI 도구 활용
실무에서 사용되는 최신 AI 도구들의 활용법을 익힙니다.
- Cursor AI 코드 생성/수정
- V0 디자인 활용법
- AI 도구 선택과 조합
실용적 기능 구현
실제 비즈니스에 필요한 핵심 기능들을 구현합니다.
- 구글 시트 데이터 연동
- 자동 메일 발송 시스템
- Next.js와 UI 라이브러리 활용
커리큘럼
체계적으로 구성된 커리큘럼으로 탄탄하게 실력을 쌓아갑니다
Section 1: 개발 환경 설정과 기획
Cursor AI로 자동화된 고객관리 랜딩페이지를 기획합니다
- 1-1
1. 개발 환경 설정하기
AI 도구와 개발에 필요한 기본 환경을 설정합니다.
- Cursor AI 설치하기
- Next.js 프로젝트 생성하기
- 프로젝트 폴더 구조 만들기
- 기본 파일 설정하기
- 1-2
2. 랜딩페이지 기획하기
Cursor AI와 함께 랜딩페이지를 체계적으로 기획합니다.
- AI로 유저 페르소나 작성하기
- Cursor AI 노트패드에 기록하기
- 페이지 섹션 구성 계획하기
- 섹션별 내용 구체화하기
Section 2: AI 기반 디자인과 개발
AI 도구를 활용해 UI를 개발하고 디자인을 개선합니다
- 2-1
1. AI로 UI 개발하기
Cursor AI로 기본 UI를 개발합니다.
- Next.js 기본 라이브러리 설치
- Cursor AI로 UI 코드 생성
- 디자인 개선 프롬프트 활용
- 반응형 레이아웃 구현
- 2-2
2. 섹션별 개발하기
각 섹션을 순차적으로 개발합니다.
- 헤더와 히어로 섹션 개발
- 주요 콘텐츠 섹션 개발
- 신청 폼 섹션 개발
- 푸터 섹션 개발
Section 3: 실용적 기능과 디자인 완성
고객 관리 기능 구현과 시각적 요소를 완성합니다
- 3-1
1. 고객 관리 기능 구현
구글 시트와 메일 발송 기능을 연동합니다.
- 구글 시트 API 설정하기
- 구글 앱스크립트 작성하기
- 폼 데이터 연동하기
- 자동 메일 발송 설정하기
- 3-2
2. 시각적 요소 완성
AI로 이미지를 생성하고 적용합니다.
- Figma AI로 이미지 생성하기
- 로고와 공유 이미지 제작하기
- 유튜브 배경 영상 연결하기
- 최종 디자인 다듬기
Section 4: 배포와 마케팅 설정
웹사이트를 배포하고 마케팅 도구를 연동합니다
- 4-1
1. GitHub & Vercel 배포
소스 관리와 배포를 진행합니다.
- GitHub 저장소 생성하기
- 타입 에러 해결하기
- Vercel에 배포하기
- 도메인 연결하기
- 4-2
2. 마케팅 도구 연동
웹사이트에 마케팅 도구를 연동합니다.
- 메타 태그 최적화하기
- 구글 애널리틱스 설정하기
- 채널톡 연동하기
- 카카오톡 공유 설정하기
학습 방법
AI 도구를 활용한 효율적인 학습으로 실무 역량을 키웁니다
AI 기반 개발 학습
랜딩페이지 제작을 통해 AI 개발 방법을 배웁니다.
- Cursor AI로 코드 작성하는 방법
- 실무에서 활용 가능한 기술 스택
- 구글 시트 연동 방법
- 자동 메일 발송 구현 방법
직접 만들어보는 학습
기획부터 배포까지 단계별로 직접 만들어봅니다.
- 실습 위주의 커리큘럼
- 수강생 전용 오픈채팅방 운영
- 기획부터 배포까지 전체 과정
- 구글 애널리틱스 연동 방법
자동화 기능 구현
잠재고객 관리를 자동화하는 기능을 구현합니다.
- 신청 정보 자동 수집
- 자동 메일 발송
- AI로 이미지 디자인
- 방문자 수 측정
학습 지원 시스템
Cursor AI 활용법
Cursor AI에게 명령하는 방법을 배워 직접 개발할 수 있습니다.
나만의 랜딩페이지
배운 방법을 활용해 자신만의 랜딩페이지를 만들 수 있습니다.
AI로 만든 서비스들
이 서비스들은 제가 직접 만든 것들입니다.
이 초급 강의에서는 랜딩페이지 제작을 통해 AI 개발의 기초를 다져보겠습니다.
Produce AI
AI 기획자를 위한 서비스. 처음 만든 서비스라 2개월이 걸렸지만, AI 개발의 가능성을 확인했습니다.
썸타 AI
연애 상담 AI 서비스. 첫 서비스의 경험으로 개발 기간을 3주로 단축했습니다.
메일메일 AI
AI 이메일 작성 서비스. 이제는 자신감이 생겨 1주일 만에 완성했습니다.
AI의 도움으로 이런 서비스들을 만들었습니다.
여러분도 랜딩페이지부터 시작해서 차근차근 성장해보세요.
안녕하세요!
20년차 기획자에서
AI 개발자가 된 에이크입니다
저는 20년간 웹과 앱 서비스를 기획하고 PM을 해왔습니다. 늘 제가 직접 서비스를 만들고 싶었지만, 개발을 배우는 게 쉽지 않았죠.
그러다 Cursor AI를 만나고 제 삶이 바뀌었습니다. AI의 도움으로 개발이 가능하다는 것을 직접 경험했고, 3개월 만에 3개의 실제 서비스를 런칭했습니다.
이제는 제가 경험한 이 놀라운 변화를 여러분과 나누고 싶습니다. 기획자의 시선으로 바라본 AI 개발의 세계, 랜딩페이지부터 차근차근 시작해보시죠.
20년 경력
서비스 기획
3개
런칭 서비스
3개월
도전 기간
“AI 덕분에 개발이 쉬워졌습니다.
이제는 일반인도 직접 만들 수 있습니다.”
수강 신청
AI 시대의 개발자로 성장하기 위한 최고의 선택
파이널 얼리버드
~2025.1.7 17:59까지
10% 할인
프리미엄 플랜 선택 시
특별 혜택 제공
실전 랜딩페이지 소스코드
Next.js와 Tailwind CSS로 제작된 AI 서비스 전용 랜딩페이지 소스코드
수강생 전용 오픈채팅방
실시간으로 다른 수강생들과 소통하며 함께 성장하는 커뮤니티
1:1 문의 게시판
강의 내용이나 프로젝트에 대한 상세한 질문과 답변
수료증 발급
AI 개발 과정 수료를 증명하는 공식 수료증
* 프리미엄 플랜 수강생에게만 제공되는 혜택입니다
자주 묻는 질문
궁금하신 점을 확인해보세요