수업 방식
코딩이 처음이어도,
내 사이트로 실습합니다.
코딩이 처음이어도 괜찮습니다. 기본 사용법부터 함께 익히고, 각자 필요한 사이트를 만듭니다. ChatGPT로 기획과 글을 정리하고, Codex에 작업을 요청하면서 화면과 기능을 하나씩 만들어 갑니다.
AI가 만들어 준 화면을 그대로 쓰면 아쉬운 부분이 생기겠죠. 글은 잘 읽히는지, 중요한 내용은 눈에 들어오는지, 사용하기 불편한 곳은 없는지 함께 살펴봅니다. 제가 디자인 피드백을 드리고, 직접 고치면서 완성도를 높여 갑니다.
회원가입이나 게시판 같은 프로그램은 내 사이트에 필요한 것을 골라 만듭니다. 사이트에 어떤 경로로 들어오는지, 무엇을 보고 문의하는지 확인할 수 있도록 마케팅 기능도 함께 넣습니다.
제작 환경은 카페24 PHP 웹호스팅과 MySQL/MariaDB, HTML·CSS·JavaScript입니다. VS Code와 Codex로 파일을 제작·수정하고, 카페24 웹호스팅에 업로드해 실제 사이트로 운영하는 방법을 배웁니다.
첫 수업부터 실제로 사용할 자신의 사이트를 제작합니다.
개발 환경
왜 카페24 PHP 호스팅으로
배우나요?
이 수업에서는 카페24 PHP 웹호스팅을 사용합니다. 파일을 고치고 올린 뒤 결과를 확인하는 과정이 눈에 보여서, 처음 배우는 분도 사이트가 어떻게 움직이는지 이해하기 좋다고 생각합니다.
파일을 수정하고 업로드한 뒤, 실제 사이트에서 결과를 확인합니다. 화면과 기능, 데이터가 어떻게 연결되는지 차근차근 익힐 수 있고, 서버를 직접 구축하고 관리하는 부담도 줄일 수 있습니다.
무엇보다 작은 홈페이지를 운영할 때 서버 비용 부담이 적습니다. 별도 서버를 구축하거나 여러 유료 서비스를 조합하는 방식에 비해 저렴하게 시작할 수 있어, 수업이 끝난 뒤에도 자신의 사이트를 유지하기 좋습니다. 실제 비용은 선택한 상품과 용량·트래픽, 필요한 기능에 따라 달라집니다.
모바일 앱을 실제로 개발하거나 다른 실행 환경이 필요한 서비스를 만들려면, 목적에 맞는 도구와 환경을 추가로 배워야 합니다. 이 과정에서 화면·기능·데이터의 연결과 배포·운영 흐름을 먼저 익히면, 이후 다른 개발 환경을 배울 때도 구조를 이해하기 훨씬 수월해집니다.
추천 대상
이런 분께 추천해요.
- 01
사업이나 브랜드의 사이트가 필요한 분
사업 소개와 고객 문의, 회원 관리 등 실제 업무에 사용할 사이트가 필요한 분.
- 02
나의 작업과 서비스를 운영하고 싶은 분
작품과 서비스를 소개하고 방문자 반응을 확인할 개인 사이트를 만들고 싶은 분.
- 03
웹 제작과 운영까지 배우고 싶은 분
디자인부터 기능 구현까지 배우고, 향후 홈페이지 제작 대행에도 활용하고 싶은 분.
수업 내용
8회 수업에서
이렇게 진행합니다.
첫 수업부터 각자 쓸 사이트를 만듭니다. 메인 페이지를 만들고, 피드백을 받아 고치고, 서브페이지와 모바일 화면으로 넓혀 갑니다. 디자인은 한 번 만들고 끝내지 않습니다. 기능을 붙이고 사이트를 공개하는 과정에서도 계속 다듬습니다.
문의 접수, 게시판, 신청 관리 등 필요한 프로그램을 골라 만듭니다. 회원가입·로그인과 데이터 저장, 관리자 기능도 사이트에 필요한 만큼 다룹니다.
마케팅 기능도 배웁니다. 검색에 노출되기 위한 기본 설정부터 광고를 통해 들어온 방문자와 사이트 안에서의 행동, 실제 문의나 신청으로 이어지는지 확인하는 기능까지 넣습니다. 쇼핑몰과 결제 기능은 수업에 포함하지 않습니다.
실습 시간표 · 총 24시간
8회 수업 진행 순서
회당 3시간씩 진행합니다. 디자인 제작과 수정에 시간을 들이고, 필요한 프로그램과 마케팅 기능을 연결한 뒤 실제 사이트로 배포합니다.
도구 익히기와 첫 화면 만들기
3시간1회VS Code에 Codex를 연결하고 기본 사용법과 파일 확인 방법을 익힙니다. ChatGPT로 사이트의 목적과 페이지 구조, 필요한 기능을 정리하고 첫 화면을 만듭니다.
메인 페이지 디자인
3시간2회사이트의 목적에 맞게 글과 이미지를 구성하고, 글자 크기와 색상·간격·배치를 조정합니다. 참고할 디자인을 비교하고 선택한 이유를 이야기하며 메인 페이지를 만듭니다.
피드백을 받아 고치고 서브페이지 만들기
3시간3회중요한 내용이 잘 전달되는지, 디자인에서 아쉬운 부분은 없는지 함께 살펴봅니다. 피드백을 받아 메인 페이지를 고치고, 그 디자인에 맞춰 서브페이지와 메뉴를 만듭니다.
모바일에서도 보기 좋게 다듬기
3시간4회휴대폰에서도 글이 잘 읽히고 메뉴를 편하게 쓸 수 있는지 확인합니다. 화면 크기에 맞게 배치를 고치고, 페이지가 바뀌어도 글자와 색상, 간격이 자연스럽게 이어지도록 다듬습니다.
내 사이트에 필요한 프로그램 만들기
3시간5회문의 접수·게시판·신청 관리 등 프로젝트에 필요한 프로그램을 골라 만듭니다. 필요한 경우 회원가입·로그인과 데이터 저장, 관리자 기능을 연결하고 접근 권한과 입력·저장 동작을 확인합니다.
마케팅 기능 넣고 사용 흐름 살펴보기
3시간6회검색에 표시될 제목과 설명을 정리하고, 광고로 들어온 방문자와 사이트 안에서의 행동을 확인하는 기능을 넣습니다. 문의나 신청이 기록되는지 살펴보고, 직접 사이트를 사용하면서 버튼과 안내 문구, 디자인도 고칩니다.
사이트 공개하고 직접 사용해 보기
3시간7회카페24 호스팅에 파일을 업로드하고 도메인과 HTTPS를 설정합니다. 실제 주소에서 PC·모바일 디자인과 프로그램, 접근 권한 및 마케팅 측정 기능을 점검하고 수정합니다.
마지막 피드백과 사이트 운영 방법
3시간8회만든 사이트를 함께 살펴보고 마지막으로 다듬습니다. 수업이 끝난 뒤에도 직접 글과 기능을 고치고, 파일과 데이터를 백업하고, 오류를 확인할 수 있도록 운영 방법을 익힙니다. 제작 대행을 생각하는 분은 고객에게 넘겨줄 자료도 정리합니다.
수업에서 정리하는 결과물
- 자신의 목적에 맞춰 기획·제작한 사이트
- 프로젝트에 필요한 프로그램과 마케팅 측정 설정
- 실제 주소로 배포한 사이트와 운영 점검 기록
- 수정·백업 방법과 고객 인계 자료
구현할 기능과 우선순위는 첫 수업에서 정합니다. 페이지 수와 각 기능의 구현 범위는 프로젝트 규모와 실습 진행 상황에 따라 조정합니다.
개별 사이트의 모든 기능을 8회 안에 완성하는 것을 보장하지는 않습니다. ChatGPT 구독료와 도메인·호스팅, 유료 외부 서비스 이용료는 수강료와 별도로 부담합니다.수업 결과
제작한 사이트를
직접 수정하고 관리합니다.
운영·제작 대행을 위한 준비내용과 기능 수정 방법
파일·데이터 백업과 오류 확인
작업 범위와 고객 인계 자료
공개한 사이트의 글과 이미지를 바꾸고, 오류를 확인하며 관리하는 방법을 연습합니다. 홈페이지 제작 대행에도 활용할 수 있도록 고객의 요청을 정리하고 작업 범위·수정 횟수·인계 자료를 준비하는 방법을 함께 배웁니다.
신청 안내
신청 전에 확인해 주세요.
수업 전에 무엇을 준비하면 되나요?
개인 노트북과 ChatGPT Plus 이상 계정을 준비하고 로그인이 가능한지 확인해 주세요. VS Code는 수업 전에 설치해 주세요. 실제로 사용할 사이트의 주제와 필요한 기능을 생각해 오시면 좋습니다. 카페24 호스팅과 도메인은 미리 구매하지 않아도 됩니다. 수업 중 안내에 따라 필요한 시점에 준비합니다.
ChatGPT와 Codex는 어떻게 사용하나요?
ChatGPT로 사이트의 기획과 콘텐츠, 디자인 방향을 정리합니다. 실제 파일 제작과 기능 구현, 오류 수정은 VS Code에서 Codex와 함께 진행합니다. 만들어진 화면과 기능은 직접 사용해 보고, 어떤 부분을 고칠지 정합니다.
Codex 설정과 로그인, 기본 사용 방법은 첫 수업에서 함께 안내합니다. 계정별 이용 한도에 따라 대기나 일부 작업 제한이 있을 수 있습니다.
코딩 경험이 없어도 참여할 수 있나요?
네. 처음 배우는 분을 기준으로 기본 사용법부터 안내합니다. AI에 작업을 요청하고, 만들어진 화면과 기능을 확인하면서 내 사이트를 만듭니다. 파일을 고치고 서버에 올리는 방법도 함께 배웁니다.
다만 기본적인 컴퓨터 사용과 파일·폴더 관리는 가능해야 합니다.
회원가입과 프로그램·마케팅 기능도 배우나요?
네. 문의 접수·게시판·신청 관리 등 사이트에 필요한 프로그램을 골라 제작합니다. 회원가입·로그인과 데이터 저장, 관리자 기능은 프로젝트에 필요한 범위로 다룹니다. 마케팅 기능도 포함하며, 검색 노출을 위한 기본 설정과 광고 유입·방문자 행동·문의 및 신청 전환을 측정하는 방법을 배웁니다. 쇼핑몰과 결제 기능은 수업 범위에서 제외합니다.
호스팅과 도메인은 어떻게 준비하나요?
미리 구매하지 않아도 됩니다. 수업 중 안내에 따라 필요한 시점에 본인 명의의 계정으로 신청합니다. 호스팅·도메인 계정과 제작 파일은 수강생이 직접 관리합니다.
마케팅은 어디까지 배우나요?
검색 노출을 위한 기본 설정과 광고 유입, 방문자 행동, 문의·신청 전환을 측정하는 방법을 배웁니다. 광고 제작·집행과 성과 보장은 포함하지 않습니다.
어떤 사이트든 8회 안에 완성할 수 있나요?
첫 수업에서 목적과 필요한 기능을 확인하고 구현할 범위와 우선순위를 정합니다. 기능의 수와 복잡도에 따라 추가 작업이 필요할 수 있습니다. 제작 과정에서는 권한, 데이터 처리와 오류를 확인하고 배포 후 운영하는 방법까지 배웁니다.
AI X 디자인 프로세스와 어떻게 다른가요?
AI X 디자인 프로세스는 브랜드 사이트를 예시로 기획하고 이미지 시안 3개를 비교하는 수업입니다. 이 과정은 자신이 사용할 사이트의 기획·디자인·기능 구현부터 마케팅 측정과 배포·운영까지 다룹니다.
수강료 외에 필요한 비용이 있나요?
ChatGPT 구독료, 카페24 호스팅과 도메인, 문자·메일 등 외부 서비스 이용료는 수강료에 포함되지 않으며 수강생이 별도로 부담합니다. 필요한 서비스는 사이트의 기능에 맞춰 수업 중 안내합니다.
수업 사이에도 개인 작업이 필요한가요?
네. 자신의 사이트를 완성하려면 수업 사이에도 글·이미지 준비와 제작·수정 작업이 필요합니다. 사용할 자료가 없으면 수업 중 초안을 만들고, 개인 작업을 통해 보완합니다. 글·이미지·로고는 직접 사용할 수 있는 자료를 준비해 주세요.
종강 후에도 질문할 수 있나요?
네. 종강 후에도 카카오톡으로 언제든 사이트 제작·운영 중 발생한 문제에 대해 질문할 수 있습니다. 수업에서 배운 내용이나 함께 만든 기능에 대해 궁금한 점을 물어보시면 됩니다. 다만 수업 범위를 벗어난 추가 기능 제작이나 별도 작업 지원은 어려울 수 있습니다.
요일·시간과 수강료는 어떻게 되나요?
1개월·수업 8회·회당 3시간으로 총 24시간 진행합니다. 정원은 5명입니다. 정상 수강료는 800,000원이며, 오픈 할인가 480,000원(40% 할인)으로 수강할 수 있습니다. 1기는 2026년 11월 3일(화)에 개강하며, 매주 화요일과 금요일 오후 3시부터 6시까지 수업합니다.
