채널톡 아이콘

돈 되는 웹사이트, AI로 만드는 실전반

PC·모바일 웹 제작부터 애드센스·서비스 운영까지. 웹의 원리를 이해하고 AI와 함께 내 아이디어를 반응형 웹사이트로 구현합니다. 제작·배포에서 끝내지 않고 검색 등록·애드센스 신청·데이터 기반 개선을 실습하며, 로그인·DB·테스트 결제로 나의 첫 비즈니스를 준비합니다. 수익화를 시도하는 실전 과정이며 애드센스 승인이나 수익을 보장하지 않습니다.

1명 이 수강하고 있어요.

난이도 입문

수강기한 무제한

애드센스
애드센스
웹사이트
웹사이트
반응형웹
반응형웹
비지니스
비지니스
애드센스
애드센스
웹사이트
웹사이트
반응형웹
반응형웹
비지니스
비지니스

수강 후 이런걸 얻을 수 있어요

  • 웹의 원리를 이해하고, AI에게 기획·작업·검수를 지시해 PC와 모바일에서 사용하는 반응형 도구 웹사이트를 제작·배포합니다.

  • 검색·분석·애드센스 운영을 연결하고, 로그인·사용자별 데이터·테스트 결제를 갖춘 웹시스템으로 확장합니다.

돈 되는 웹사이트,
AI로 만드는 실전반

PC·모바일 웹 제작부터 애드센스·서비스 운영까지

AI로 사이트는 만들었는데, 그다음은 무엇을 해야 할까요? 누가 사용할지 정하고, 검색으로 발견되게 하고, 수익화 가능성을 확인하는 과정이 남아 있습니다.

웹의 원리를 쉬운 비유로 이해하고, Claude Code와 Next.js를 활용한 바이브코딩으로 내 아이디어를 PC와 모바일에서 사용하는 반응형 웹사이트로 만듭니다. 배포·검색 등록·애드센스 신청을 거쳐 회원·데이터·테스트 결제까지 연결하며, 직접 운영할 수 있는 나의 첫 비즈니스를 준비합니다.

하나의 웹사이트로,
PC와 스마트폰의 사용자를 만납니다.

반응형 웹사이트는 화면 크기에 맞춰 배치와 크기가 조정되는 웹사이트입니다. 사용자는 별도 앱 설치 없이 PC와 모바일 브라우저에서 같은 주소로 접속합니다.

처음에는 작은 페이지 하나로 시작합니다. 공통 도구 3개와 내 아이디어를 반영한 도구 1개를 만들고, 모바일 화면과 작동을 확인합니다. 이후 검색 유입과 애드센스 운영을 실습하고, 로그인·데이터·테스트 결제를 더해 웹서비스로 확장합니다.

웹 이해 → AI 제작·검수 → 배포·검색 → 애드센스 → 서비스 운영·개선

유튜브를 보고 “나도 해보고 싶다”고 생각했다면, 이제 내 아이디어로 직접 실행해보세요. 사이트를 만드는 방법과 만든 이후의 운영을 함께 다룹니다.

AI에게 맡기더라도,
내 시스템이 어떻게 돌아가는지는 알아야 합니다.

브라우저는 손님이 앉는 홀, 서버는 주문을 처리하는 주방, 데이터베이스는 필요한 정보를 보관하는 창고처럼 쉬운 비유로 시작합니다. 그리고 그 개념을 실제 내 사이트에 대입합니다.

무엇이 내 컴퓨터에서 실행되고, 무엇이 인터넷에 공개되는지. API는 어디서 호출하고, 사용자 데이터는 어디에 저장하는지. 문제가 생겼을 때 무엇부터 확인할지 판단할 수 있는 웹의 기초를 익힙니다.

코드를 처음부터 외우는 수업은 아닙니다. AI에게 목표와 조건을 설명하고, 결과를 직접 검증하며, 필요한 부분을 수정하는 방법을 배웁니다.

기획하고 → AI와 만들고 → 직접 검수하고 → 운영하며 개선합니다.

좋은 프롬프트 하나로 끝내지 않습니다. 사용자의 문제, 작동하는 결과물, 검증 기록을 연결하는 습관을 만듭니다.

이런 분을 위한 실전반입니다

개발자가 아니어도, 내 경험과 아이디어로 웹사이트를 만들고 수익화를 시도해보고 싶은 분을 위한 과정입니다.


AI로 처음 만드는 비전공자

아이디어는 있지만 도구 설치·웹의 원리·첫 배포가 낯설어 시작하기 어려운 분.


만든 사이트를 운영하고 싶은 분

웹사이트는 만들어봤지만 검색 유입·수익화·분석·개선을 어떻게 이어갈지 막막한 분.


내 경험으로 비즈니스를 준비하는 분

업무·취미·현장에서 발견한 문제를 회원과 데이터가 있는 나만의 서비스로 키우고 싶은 분.

수강 전, 기대하는 방향을 확인해주세요.

자동 수익이나 애드센스 승인 보장, 제작 대행을 제공하는 과정이 아닙니다. 직접 실습하고 결과를 확인할 시간이 필요합니다. 고급 개발·대규모 인프라 전문 과정을 찾는 분께도 맞지 않습니다.

강의를 따라가며,
이 결과물을 직접 만듭니다.

  • PC·모바일에서 사용하는 나만의 도구 웹사이트 — 내 도메인으로 접속하는 반응형 사이트에 공통 도구 3개와 개인 도구 1개 구현

  • AI와 일하기 위한 기획·검수·복구 문서 — 작업 범위와 완료 기준을 정하고 변경을 확인하는 작업 도구

  • 검색 등록과 방문자 분석 환경 — 사이트맵·검색엔진·GA4를 연결하고 다음 개선을 결정하는 흐름

  • 애드센스 수익화 실험의 준비와 운영 기준 — 신청 준비, 정책 점검, 광고 배치, 거절 사유와 개선 기록

  • 회원·데이터·테스트 결제를 연결한 웹시스템 — 로그인, 사용자별 저장, 구매자 기능을 테스트 환경에서 구현

  • 완강 후 30일 실행 계획 — 사용자 반응을 보고 콘텐츠와 기능을 개선하는 운영 루틴

수익화는 실험이며 성과는 보장하지 않습니다. 애드센스 승인·검색 노출·방문자 수·특정 수익과 달성 기간은 외부 심사와 실제 운영 결과에 따라 달라집니다.

첫 성취는 작게, 완성 기준은 분명하게.

내 이름이 담긴 페이지를 만들고 휴대폰에서 내 URL을 열어봅니다. PC와 모바일에서 글이 잘 읽히고 버튼과 도구가 작동하는지 확인합니다. 그다음에는 내 데이터만 보이는지, 변경을 되돌릴 수 있는지 검수하며 운영 가능한 웹서비스로 확장합니다.

제작부터 수익화·운영까지, 9개 파트로 연결합니다.

P1. 시작 — 개발 작업실 준비, AI와 첫 페이지 제작, GitHub·Vercel 배포, 검수와 오류 대응

P2. 원리 — 웹 요청, 정적·동적 화면, API, DB, 스케줄러, 도메인과 서버

P3. 기획 — 주제와 검색 수요, 도구 메뉴, 디자인, 기획 md, Next.js 선택 이유

P4. 제작 — 기획서로 반응형 사이트 구현, 사용법·FAQ, 안내 페이지, PC·모바일·성능 검수, Git과 복구

P5. 배포·등록 — 자동 배포, 도메인, 검색엔진, robots.txt·사이트맵, GA4

P6. 애드센스·운영 — 신청, ads.txt, 광고 배치, 지표 해석, 변경 실험, 정책 위반 예방, 재신청과 첫 유입

P7. 웹서비스 확장 — Supabase, 매직링크 로그인, 즐겨찾기·기록, 접근 제어, 공공데이터 API, 토스페이먼츠 테스트 결제

P8. 홈서버 [선택] — 운영 비용과 책임 비교, 장비·네트워크, Proxmox, 컨테이너, 외부 연결, 백업·보안

P9. 졸업 이후 — 반복 제작, 데이터 기반 개선, 사이트 감사, 주간 운영, 지급 절차 이해, 30일 실행 계획

본편 65차시 + 문제 해결 부록 3편. 기획 기준 본편 약 19시간 5분이며 실제 영상 시간은 촬영·편집 후 확정됩니다. 설치·인증, 로그인·결제, 홈서버 부팅 문제는 부록에서 찾아볼 수 있도록 구성합니다.

01. AI로 만드는 PC·모바일 웹사이트

P1~P4에서 웹의 원리와 AI 작업·검수 방법을 익힙니다. 공통 도구 3개와 개인 도구 1개를 구현하고 PC·모바일 화면과 기능을 확인합니다.

웹 이해 → 기획 → AI 제작 → 검수

02. 사용자를 만나고 수익화를 실험하기

P5~P6에서 도메인·검색엔진·GA4를 연결하고 애드센스 신청과 운영을 준비합니다. 등록·색인·승인·수익을 구분하고 유입과 콘텐츠를 개선합니다.

배포 → 검색·분석 → 애드센스 → 개선

03. 회원·데이터·결제가 있는 웹시스템으로

P7에서 로그인, 사용자별 기록, 공공데이터 API, 테스트 결제를 연결합니다. 다른 사람의 데이터에 접근할 수 없는지와 서버 금액 검증을 확인합니다.

로그인 → DB·권한 → 테스트 결제

04. 내 비즈니스를 위한 운영 루틴 만들기

P8은 비용과 책임을 비교하는 선택형 홈서버 파트입니다. P9에서는 지표와 사용자 문제를 근거로 개선을 정하고 주간 점검·30일 계획으로 실행을 이어갑니다.

관찰 → 작은 개선 → 검증 → 다음 선택

이 강의를 만든 사람

안녕하세요. 테크타니입니다. 웹·모바일 서비스 개발 경험을 바탕으로 AI 기반 서비스와 자동화 도구를 만들며, 유튜브에서 직접 해본 1인 비즈니스 실험을 나누고 있습니다.

쉽게 만드는 장면만이 아니라, 기대와 달랐던 결과와 제가 확인한 순서도 함께 보여드리겠습니다. 여러분이 스스로 판단하고 다음 서비스를 만들어갈 수 있도록 돕는 것이 이 강의의 목표입니다.

“돈 되는 웹사이트”는
어떻게 수익화를 시작할까요?

출발점은 누군가의 문제를 해결하는 작은 도구입니다. 필요한 기능을 만들고, 검색으로 사용자를 만나고, 방문자 반응을 보며 콘텐츠와 기능을 개선합니다. 여기에 애드센스 광고 수익화를 시도하는 과정을 연결합니다.

이후에는 회원이 자신의 기록을 저장하고 구매자 기능을 이용하는 구조를 테스트 환경에서 구현합니다. 광고 수익화에서 한 걸음 더 나아가, 나만의 서비스로 확장할 기반을 익힙니다.

‘돈 되는’은 수익화를 목표로 제작·운영한다는 의미이며, 수익이나 애드센스 승인을 보장하지 않습니다. 사용자의 필요와 실제 운영 결과를 확인하며 개선하는 방법을 배웁니다.

결제 실습은 실제 과금 없는 테스트 모드입니다. 실제 판매에는 별도의 계약·심사·보안·환불 등 운영 준비가 필요합니다. 강의에서는 테스트 구현과 실결제 전환 전 점검 사항을 구분합니다.

“실전반”의 기준은 시청이 아니라 실행입니다.

직접 만들고 배포한 뒤, PC와 모바일에서 확인하고, 방문자 반응을 근거로 개선합니다. 완성한 화면뿐 아니라 기획서·검수표·운영 기록도 함께 남겨 다음 웹사이트를 만들 때 다시 활용합니다.

수강 전, 비용과 환경부터 확인하세요

필수 환경: PC, 인터넷, 파일·폴더 기본 사용, 계정 생성과 이메일 확인이 가능한 환경. 주 실습은 VS Code·Claude Code·Next.js·GitHub·Vercel을 사용합니다. Claude Code 설치·사용 안내는 공식 문서 code.claude.com/docs에서 확인할 수 있습니다.

강의료 외 비용: Claude Code를 사용할 수 있는 구독 또는 API 사용료, 도메인 등록·갱신료, 상업 운영에 맞는 호스팅 비용. 사용량에 따라 DB·API 등 추가 비용이 생길 수 있습니다. 요금·한도·환율·세금은 결제 시점의 공식 안내를 확인하세요.

중요: Vercel Hobby는 비상업 용도입니다. 애드센스 광고를 포함한 상업 운영에는 상업용 플랜 조건을 확인해야 합니다. “무료 호스팅으로 계속 수익화할 수 있다”는 전제로 수강 비용을 계산하지 마세요.

홈서버 파트는 선택입니다. 별도 장비를 구매하지 않고 나머지 파트를 학습할 수 있습니다. 장비를 선택하면 전기료·네트워크·백업·보안·장애 대응도 운영자의 책임이 됩니다.

혼자 실습할 때 꺼내 쓰는 자료

  • 웹사이트 기획서와 AI 작업·검수 가이드 md

  • 단계별 프롬프트와 오류·복구 기록 양식

  • 배포·검색 등록·애드센스·보안 점검표

  • 로그인·RLS·테스트 결제 검증표

  • 학습 진행표, 파트별 완주 체크, 주간 운영과 30일 실행 계획

자료는 그대로 붙여넣고 끝내는 정답지가 아니라, 내 사이트에 맞게 채우고 검증하는 작업 도구입니다. AI 결과와 도구 화면은 시점·환경에 따라 달라질 수 있습니다.

수강 방식과 기대치를 안내합니다

직접 따라 하는 VOD 실습 과정입니다. 강의 내용 관련 질문은 인프런 질문·답변을 이용합니다. 개인별 서비스 제작 대행, 1:1 멘토링, 실시간 상담, 승인 대행은 포함하지 않습니다.

검색 색인과 애드센스 심사는 외부 서비스의 판단과 일정에 따릅니다. 기다리는 동안 멈추지 않도록 콘텐츠 개선·사용자 검증·다음 실습을 병행합니다.

공개 일정과 영상 업로드 현황은 개설 시점에 확정하여 안내합니다. 학습 계획은 진도보다 ‘내 URL이 열린다’, ‘내가 쓴 데이터만 보인다’, ‘변경을 되돌릴 수 있다’처럼 확인 가능한 결과를 기준으로 세워보세요.

자주 묻는 질문

Q. PC용 웹사이트와 모바일 앱을 각각 만드나요?

아닙니다. PC와 모바일 브라우저에서 같은 주소로 사용하는 반응형 웹사이트를 만듭니다. 화면 크기에 맞게 배치를 조정하고 기능을 검수합니다. 앱스토어에 등록하는 iOS·Android 네이티브 앱 제작 과정은 아닙니다.

Q. 애드센스만 배우는 강의인가요?

애드센스는 첫 수익화 실험입니다. 웹의 기초·AI 제작·배포·검색·분석을 배우고, 후반에는 회원·DB·테스트 결제를 연결해 나만의 서비스를 운영할 기반을 만듭니다.

Q. 얼마나 벌 수 있나요? 애드센스 승인을 보장하나요?

특정 수익·방문자 수·검색 순위·승인과 달성 기간을 보장하지 않습니다. 강사의 유튜브 수치는 개인 사례이며 예상 수익이 아닙니다. 이 과정의 목표는 직접 제작·배포·신청·분석·개선할 수 있는 운영 능력입니다.

Q. 실제로 돈이 결제되나요?

P7은 토스페이먼츠 테스트 키를 사용하는 실제 과금 없는 실습입니다. 실제 판매 전에는 계약·심사·사업 운영·보안·환불 등 준비가 필요하며 체크리스트로 구분합니다. 테스트 성공을 실결제 준비 완료로 보지 않습니다.

Q. 홈서버와 별도 장비가 꼭 필요한가요?

아닙니다. P8은 선택 파트이며 클라우드 호스팅으로 나머지 학습을 진행할 수 있습니다. 홈서버는 장비·전기·네트워크·백업·보안·장애 대응을 운영자가 책임집니다. 설치할 때 기존 디스크 데이터가 지워질 수 있어 전용 장비와 백업이 필요합니다.

내 아이디어로 만든 웹사이트,
이제 누군가 사용하게 만들어보세요.

AI와 함께 만들고, PC와 모바일에서 확인하고, 검색으로 사용자를 만납니다. 애드센스 수익화를 시도하고 운영 데이터를 보며 다음 개선을 선택합니다.

작동하는 웹사이트 하나에서, 내가 이해하고 운영하는 나의 첫 비즈니스로.

돈 되는 웹사이트, AI로 만드는 실전반에서 제작 이후의 과정까지 직접 이어가보세요.

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • AI로 나만의 웹사이트를 만들고 수익화를 시도하고 싶지만 코딩·배포·운영이 낯선 비전공자

  • 내 업무·경험에서 발견한 아이디어를 직접 만들고 운영하며 1인 비즈니스로 키우고 싶은 분

선수 지식,
필요할까요?

  • 코딩 선수 지식은 필요 없습니다. 파일·폴더 만들기, 복사·붙여넣기와 웹사이트 회원가입이 가능하면 됩니다.

  • PC와 인터넷, Claude Code 사용 가능 구독 또는 API 과금, 도메인 비용이 필요합니다. 상업 운영 호스팅은 별도이며 홈서버 실습은 선택입니다.

안녕하세요
테크타니입니다.

커리어인증

👋 안녕하세요. 실무 중심의 지식을 쉽고 명확하게 전달하고 싶은 개발자 테크타니입니다.

저는 20년 가까이 현업에서 웹/앱 서비스와 다양한 실무 프로젝트를 개발하고 운영해온 개발자입니다.

최근에는 AI 도구를 활용해 혼자서 서비스를 기획하고, 만들고, 개선하는 방법을 집중적으로 연구하고 있습니다. 특히 바이브 코딩 시대에 비전공자와 1인 창업자가 꼭 알아야 할 개발 감각을 쉽게 전달하는 데 관심이 많습니다.

AI가 코드를 대신 짜주는 시대가 되었지만, 서비스를 제대로 만들기 위해서는 여전히 중요한 것이 있습니다.

바로 내가 만들 서비스가 어떤 데이터를 저장해야 하는지, 그 데이터가 어떻게 연결되는지, 기능이 늘어났을 때 구조가 무너지지 않도록 어떻게 바라봐야 하는지입니다.

저는 단순히 문법을 외우게 하는 강의보다, 실제 서비스를 만들 때 바로 써먹을 수 있는 구조적인 사고와 문제 해결력을 전달하는 강의를 만들고자 합니다.

비전공자나 초보자분들도 큰 부담 없이 따라오실 수 있도록, 어렵지 않게 설명하되 핵심은 놓치지 않겠습니다.

🎥 테크타니 유튜브 채널에서는 AI 시대에 1인 개발자와 1인 창업자가 자신만의 서비스를 만들어가는 과정을 공유하고 있습니다. 강의 스타일과 다양한 IT 인사이트도 함께 확인하실 수 있습니다.

기술이 빠르게 바뀌는 시대일수록, 모든 것을 다 외우기보다 꼭 필요한 핵심을 제대로 이해하는 것이 중요합니다.

AI와 함께 자신만의 서비스를 만들고 싶은 분들이라면, 테크타니와 함께 시작해보세요. 🚀

더보기

커리큘럼

전체

68개 ∙ (18분)

강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

얼리버드 할인 중

월 ₩51,480

5개월 할부 시

35%

₩396,000

₩257,400

평생교육이용권 지원 강의