01 · 아이디어를 실행으로외주를 맡기기 전,
외주를 맡기기 전,
내 손으로 먼저 검증하세요.
개발 견적과 일정 앞에서 미뤄둔 아이디어. AI와 함께 첫 버전을 만들고 고객 반응을 확인한 뒤, 필요한 곳에 투자할 수 있습니다.
내 사업 아이디어AI로 만든 첫 서비스고객 반응 확인
4050 리더를 위한 실전 웹 비즈니스 클래스
당신의 경험을,
AI로 완성하는
수익형 웹사이트로.
내 전문 지식과 사업 아이디어를
직접 만들고 운영하는 웹서비스로 바꾸는 2일.
서버부터 로그인, 결제까지 하나의 흐름으로 배웁니다.
2일집중해서 배우는 실전 과정
8단계구축부터 결제 연동까지
14시간완벽한 수익형 웹사이트
코딩 경험 없이 시작 · AI 에이전트 활용 · 노트북 실습
·
YBM 종로센터 · 정진호 강사
WHY THIS CLASS왜 4050 리더에게
왜 4050 리더에게
이 과정이 필요한가?
쌓아온 전문성에, 직접 실행할 수 있는 기술을 더하세요.
화면 뒤에서 움직이는
사업의 구조까지.
도메인, 서버, 고객 DB, 로그인과 결제를 연결합니다. 내 서비스가 어떻게 작동하는지 알고, 개발자와도 구체적으로 소통하세요.
고객과 업무를 아는
경험이 출발점입니다.
필요한 기능을 AI에게 설명하고 결과를 확인하며 개선합니다. 코딩을 처음 배우는 분도 전문성을 서비스로 바꾸는 흐름을 익힙니다.
이런 분께 추천합니다
사업자 · 경영자전문직 · 컨설턴트 · 강사1인 · 예비 창업가기획자 · 디자이너코딩 비전공자
YOUR NEXT BUSINESS2일 후 손에 쥐는
2일 후 손에 쥐는
5대 실체적 결과.
배운 개념은 직접 운영할 서비스의 기반으로 남습니다.
내 서버와 독립 도메인
내 계정으로 운영하는 AWS 서버에 브랜드 주소를 연결합니다. HTTPS 보안 연결과 스냅샷 백업까지 갖춥니다.
AI 배포·수정 흐름
AI에게 수정을 요청하고 서버에 반영한 뒤 확인하는, 반복 가능한 운영 방법을 익힙니다.
고객·주문 관리 DB
고객 명단, 상담 신청, 주문 정보를 저장하고 브라우저에서 확인하는 구조를 만듭니다.
구글 간편 로그인
구글 계정 인증을 연결하고 로그인 상태에 따라 회원 화면을 구분합니다.
토스페이먼츠 결제 연동
결제 요청, 서버 승인 확인, 주문 상태 저장과 결과 화면을 연결합니다.
결제는 테스트 환경에서 먼저 검증합니다. 실제 결제 서비스 개통에는 토스페이먼츠 가맹점 계약·심사 등 별도 절차가 필요합니다.
THE CURRICULUM하나씩 연결하면,
하나씩 연결하면,
내 서비스가 됩니다.
첫날에는 운영 기반을, 둘째 날에는 서비스 기능을.
8개 과정을 따라 웹 비즈니스의 전체 흐름을 익힙니다.
DAY 01
내 웹서비스의 기반 만들기
서버부터 데이터 저장까지, 내 서비스를 운영할 기반을 만듭니다.
01AWS LIGHTSAIL
클라우드 서버 구축
내 서비스가 실행될 공간 만들기
웹사이트를 다른 사람도 이용하게 하려면 인터넷에서 접속할 수 있는 서버가 필요합니다. AWS Lightsail로 나만의 가상 서버를 만들고, 문제가 생겼을 때 되돌릴 수 있는 준비까지 함께 합니다.
이 과정에서 배우는 것
- 내 컴퓨터와 클라우드 서버의 차이, 웹서비스가 서버에서 실행되는 기본 구조
- AWS Lightsail의 인스턴스와 서버 접속 방식
- 도메인 연결에 사용할 고정 IP의 역할
- 서버 상태를 저장하는 스냅샷과 복구의 개념
완성 결과
인터넷에서 접속할 수 있는 실습 서버와 초기 백업 지점
내 사업에 연결하면
회사 홈페이지, 개인 브랜드 사이트, 상담 서비스가 실행될 공통 기반이 됩니다.
02DOMAIN · HTTPS
도메인과 HTTPS
내 브랜드의 주소와 보안 연결 갖추기
숫자로 된 서버 주소를 내 브랜드의 웹 주소로 바꿉니다. 도메인이 서버를 찾아가는 원리를 이해하고, HTTPS로 연결되는 웹사이트를 만듭니다.
이 과정에서 배우는 것
- 도메인, DNS, 서버 IP가 각각 하는 일
- 도메인 구매와 DNS 레코드 설정의 기본 흐름
- HTTP와 HTTPS의 차이, 보안 인증서의 역할
- Let's Encrypt 인증서 발급과 갱신 관리의 기본 흐름
완성 결과
내 도메인으로 접속하고 HTTPS가 적용된 웹사이트
내 사업에 연결하면
명함, 소개서, SNS에 넣을 공식 웹 주소를 갖게 됩니다.
03AI AGENT
AI 자동 배포와 보안
AI에게 요청한 수정을 실제 사이트에 반영하기
AI가 만든 파일을 내 컴퓨터 안에 두는 데서 끝내지 않습니다. 수정 요청이 실제 사이트에 반영되는 과정을 연결하고, 공개할 때 확인해야 할 기본 보안 설정을 익힙니다.
이 과정에서 배우는 것
- 클로드 코드·안티그래비티·Codex 등 AI 에이전트의 역할과 작업 방식
- 요구사항 설명 → 파일 수정 → 서버 반영 → 결과 확인의 배포 흐름
- 접속 정보와 작업 경로를 구분하고 AI의 변경 내용을 확인하는 방법
- 방화벽과 공개 포트, 민감한 설정 파일의 노출을 점검하는 기본 원칙
완성 결과
AI를 활용해 웹사이트를 수정하고 배포하는 반복 가능한 작업 흐름
내 사업에 연결하면
서비스 소개, 상품 설명, 신청 화면 등을 직접 개선하는 기반이 됩니다.
04MYSQL · CRUD
데이터베이스 설계
고객 정보가 쌓이는 웹서비스 만들기
고객이 입력한 정보가 화면을 닫아도 남아 있어야 서비스가 됩니다. MySQL의 기본 원리를 익히고, 데이터를 저장하고 확인하는 구조를 만듭니다.
이 과정에서 배우는 것
- 데이터베이스, 테이블, 행과 열의 개념
- 고객 정보와 상담·주문 정보를 어떤 항목으로 나눠 저장할지 정하는 방법
- 웹페이지와 데이터베이스가 데이터를 주고받는 기본 구조
- 관리자 접근 제한, 데이터 백업과 복구의 필요성
완성 결과
실습 데이터가 저장되는 DB와 데이터를 확인하는 관리 화면
내 사업에 연결하면
상담 신청 현황, 고객 명단, 주문 내역을 관리하는 서비스로 확장할 수 있습니다.
DAY 02
데이터·로그인·결제 연결하기
서비스에 필요한 기능을 더하고, 전체 이용 흐름을 완성합니다.
05API · WEB APP
외부 API 활용
필요한 데이터를 가져와 나만의 웹앱 만들기
모든 데이터를 직접 만들 필요는 없습니다. 외부 서비스가 제공하는 데이터를 가져와 내 웹사이트에서 유용하게 보여주는 방법을 배웁니다. 영화 정보를 가져와 보여주는 웹앱에도 활용할 수 있습니다.
이 과정에서 배우는 것
- API가 무엇인지, 웹서비스끼리 데이터를 주고받는 방식
- 유료 API와 공공 API를 활용할 때 확인할 인증·호출 조건
- API 키를 브라우저에 노출하지 않고 서버에서 사용하는 기본 구조
- 응답 데이터를 표·그래프·정보 화면으로 바꾸는 방법
완성 결과
외부 데이터를 가져와 화면에 표시하는 웹앱
내 사업에 연결하면
지도·공공정보·금융정보 등 사업에 필요한 데이터를 보여주는 대시보드로 확장할 수 있습니다. 실제 실습 API는 수업에서 정한 예제를 사용합니다.
06GIT · GITHUB
Git과 GitHub
내 프로그램의 변경 이력과 백업 관리하기
기능을 고치다 잘 되던 화면이 달라지거나 파일을 잃어버릴 수 있습니다. 코드의 변경 내용을 기록하고, 필요할 때 이전 상태를 찾아볼 수 있는 관리 습관을 익힙니다.
이 과정에서 배우는 것
- Git의 변경 이력 관리와 GitHub 원격 저장소의 차이
- 커밋으로 작업 단위를 기록하는 방법
- GitHub CLI를 활용한 저장소 생성과 코드 업로드
- 이전 버전 확인과 복구, 비밀키·비밀번호를 저장소에서 제외하는 기본 원칙
완성 결과
변경 이력이 기록되고 GitHub에 보관된 프로젝트 코드
내 사업에 연결하면
서비스 개선 과정을 기록하고, 이후 다른 작업자와 코드를 공유할 기반이 됩니다.
07GOOGLE OAUTH
구글 소셜 로그인
고객이 자기 계정으로 들어오는 서비스 만들기
새로운 아이디와 비밀번호를 만드는 번거로움을 줄이고, 익숙한 구글 계정으로 서비스를 이용하게 합니다. 로그인 버튼뿐 아니라 인증 이후의 상태 관리까지 연결합니다.
이 과정에서 배우는 것
- Google OAuth 2.0 인증의 기본 흐름
- Google Cloud Console의 OAuth 클라이언트와 리디렉션 주소
- 인증 결과 확인과 서비스의 로그인 세션 관리
- 비회원·회원 화면 구분과 로그아웃 처리
완성 결과
구글 계정 로그인과 로그아웃이 동작하는 웹사이트
내 사업에 연결하면
회원 전용 콘텐츠, 개인별 신청 내역, 고객별 서비스 제공의 출발점이 됩니다.
08TOSS PAYMENTS
토스페이먼츠 결제 연동
신청부터 결제 결과까지 연결하기
상품이나 서비스를 선택한 고객이 결제를 요청하고, 그 결과가 주문 정보로 남는 흐름을 만듭니다. 화면에 ‘완료’ 문구를 띄우는 것에서 나아가 서버가 결제 결과를 확인하는 구조를 익힙니다.
이 과정에서 배우는 것
- 토스페이먼츠 결제 연동의 기본 구조와 테스트 환경
- 주문번호·결제금액·결제 요청의 관계
- 서버에서 결제 승인 결과를 확인하고 주문 상태에 반영하는 과정
- 결제 성공·실패·취소 화면과 실제 서비스 개통 절차의 구분
완성 결과
테스트 결제부터 주문 결과 확인까지 연결된 웹서비스
내 사업에 연결하면
상담 상품, 강의 신청, 디지털 서비스 등의 결제 기능으로 발전시킬 수 있습니다.
MEET YOUR INSTRUCTOR복잡한 기술을,
복잡한 기술을,
이해할 수 있는 언어로.
J VISUAL SCHOOL
정진호대표
- 현 J 비주얼스쿨 대표
한경국립대학교 겸임교수 - 전 Yahoo! Korea
엔지니어 · 테크 에반젤리스트 - 국제공인 리눅스 엔지니어
LPIC - IT 분야 저술 · 번역 · 일러스트 출판 다수
- 대기업 · 공공기관 · 경영진 대상
AI 비즈니스 강의
STUDENT VOICES
먼저 경험한 분들의 이야기.
병원 현장에 필요한 진료 예약/상담 앱을 직접 만들 수 있다는 확신을 얻었습니다.
의료계 전문직
서버 구축부터 토스 결제 연동까지, 비즈니스 수익화에 꼭 필요한 알짜배기 강의!
1인 창업가
YOUR EXPERIENCE, NOW ONLINE내 경험이 작동하는 웹.
내 경험이 작동하는 웹.
이제 직접 시작하세요.
내 도메인, 내 서버, 내 데이터로 시작하는 웹 비즈니스.
AI와 함께 만들고, 직접 발전시켜 나갑니다.