✨ AI 시대의 디지털 문해력 ⏱ 2시간 × 5회 💻 초보자 대상

바이브코딩
시작 가이드

인공지능이 만들고 있는 변화 따라가서
뒤통수 치기 프로젝트

코딩 문법을 외우는 수업이 아닙니다. 디지털을 이해하고, 웹과 데이터를 이해하고, 서버와 배포를 이해한 뒤, 마지막에는 AI 시대에 질문하는 인간이 왜 중요한지 함께 생각하는 입문 강의입니다.

💡

핵심 메시지

AI가 코드를 대신 짜주는 시대가 왔지만, 무엇을 만들지·왜 만들어야 하는지·어떻게 질문해야 하는지는 여전히 인간의 몫입니다.

👥

교육 대상

  • 운호고등학교 1,2학년
  • 코딩을 처음 배우는 사람
  • AI로 무언가 만들어보고 싶은 사람
  • 기획자·강사·소상공인·창업자
  • 학생·일반 시민
  • 개발자와 소통해야 하는 사람
🛡️

최종 목표

AI에게 끌려가는 사람이 아니라, AI를 도구로 부리며 자신의 아이디어를 서비스로 구체화할 수 있는 사람을 만드는 것입니다.

Curriculum

5회차 강의 구성

디지털에서 시작해 웹, 데이터베이스, 서버를 지나 마지막에는 AI 시대의 질문력과 철학으로 연결됩니다.

안 보이지요? 디지털을 알아야 조금 보입니다.

학습 목표

  • 아날로그와 디지털의 차이 이해
  • 입력·처리·저장·출력 구조 이해
  • 프로그래밍의 기본 개념 이해
  • AI 코딩 도구를 사용할 때 필요한 기초 용어 익히기

주요 내용

  • 디지털이란 무엇인가
  • 컴퓨터는 어떻게 정보를 처리하는가
  • 변수·조건·반복·함수의 쉬운 이해
  • 코딩도구로 간단한 코드 작성하기
실습

디지털을 이해할 수 있는 다양한 개념들을 체험하고 직접 코드를 작성해봅니다.

답답하지요? 웹을 모르면 살다가 거미줄에 걸린다.

학습 목표

  • 브라우저와 웹페이지의 관계 이해
  • HTML·CSS·JavaScript 역할 구분
  • 프론트엔드와 백엔드의 기본 개념 이해
  • AI에게 웹화면 제작을 요청하는 방법 익히기

주요 내용

  • 웹사이트는 어디에 존재하는가
  • HTML은 뼈대, CSS는 스타일, JS는 움직임
  • 사용자가 보는 화면과 뒤에서 처리되는 영역
  • API와 반응형 웹의 기본 개념
실습

덕질용 팬페이지를 AI와 함께 만들어봅니다.

머리 아프지요? 저장 안 하는 놈, 파일에 저장하는 놈, 데이터베이스에 저장하는 놈

학습 목표

  • 저장하지 않는 데이터와 저장하는 데이터의 차이 이해
  • 파일 저장과 DB 저장 방식 비교
  • 테이블·컬럼·행 개념 이해
  • CRUD 구조 이해

주요 내용

  • 데이터란 무엇인가
  • 왜 새로고침하면 데이터가 사라질까
  • 엑셀처럼 이해하는 데이터베이스
  • Create, Read, Update, Delete의 의미
실습

할일 목록을 관리하는 간단한 애플리케이션을 만들어봅니다.

힘들지요? 24시간 일하는 직원 만들기.

학습 목표

  • 클라이언트와 서버의 관계 이해
  • 웹서버와 호스팅 개념 이해
  • 도메인·DNS·SSL 인증서 이해
  • 기본 보안 감각 익히기

주요 내용

  • 서버는 24시간 일하는 컴퓨터
  • 배포란 무엇인가
  • 도메인은 인터넷의 간판
  • HTTPS와 SSL 인증서가 필요한 이유
  • 관리자 비밀번호, 접근제어, 백업
실습

로컬 실행과 인터넷 배포의 차이를 비교하고, 도메인과 HTTPS가 적용된 사이트를 배포해봅니다.

복잡하지요? 자신의 삶의 주인이 되기.

학습 목표

  • AI를 대체자가 아닌 증폭기로 이해
  • 좋은 질문이 좋은 결과를 만든다는 점 이해
  • 프롬프트 사고법 익히기
  • 나만의 서비스 아이디어 정리

주요 내용

  • AI는 무엇을 잘하고 무엇을 못하는가
  • 질문하는 인간이 중요한 이유
  • 목적·대상·조건·결과물을 포함한 프롬프트 작성
  • 기술을 소비하는 사람에서 만드는 사람으로
실습

내가 해결하고 싶은 문제를 찾고, AI에게 요청할 수 있는 서비스 기획 프롬프트를 작성합니다.

Flow

강의 흐름

하나의 아이디어가 서비스가 되는 과정을 단계별로 이해합니다.

🖥️
STEP 1

Digital

디지털과 프로그래밍의 기본 감각을 잡습니다.

🌐
STEP 2

Web

내가 보는 화면과 웹서비스 구조를 이해합니다.

🗄️
STEP 3

DB

데이터를 저장하고 관리하는 방식을 이해합니다.

🧭
STEP 4

Server

내 서비스를 인터넷에 올리는 구조를 이해합니다.

🧠
STEP 5

Philosophy

AI 시대에 질문하고 판단하는 인간의 역할을 이해합니다.

Project

전체 실습 프로젝트

5회차 동안 하나의 작은 웹서비스를 계속 발전시키며 배운 개념을 연결합니다.

추천 프로젝트

나만의 작은 웹서비스 만들기
나의 하루 기록장
동네 맛집 메모장
걷기 기록 웹앱
수업 출석 체크
간단한 게시판
AI 질문 저장소

최종 산출물

  • 나만의 서비스 아이디어 1개
  • HTML/CSS/JavaScript 기반 기본 웹화면 1개
  • 데이터 구조 설계표 1개
  • 도메인·서버·SSL·배포 구조 이해
  • AI에게 요청할 때 사용할 질문 템플릿
Course Info

수강 준비 안내

수업 참여 전 필요한 준비물과 권장 학습 태도를 확인합니다.

1. 노트북 또는 태블릿(인터넷 접속 가능)
2. 개인 이메일 계정 및 브라우저 로그인 준비
3. 실습 중 사용할 간단한 주제 1개 미리 생각하기
4. 모르는 내용을 바로 질문하는 적극적인 태도

권장 사항
- 매 회차 실습 결과를 캡처 또는 메모로 기록
- 팀 활동 시 역할을 나눠 협업 경험하기
- 수업 후 20분 복습으로 핵심 개념 정리하기
Closing Message

AI에게 끌려가는 사람이 아니라,
AI를 부리는 사람이 되기 위한 첫 번째 수업

디지털의 구조를 이해하고, 웹과 데이터를 이해하고, 서버와 배포를 이해하고, 마지막에는 좋은 질문을 던지는 사람이 되어야 합니다. 그래야 AI에게 뒤통수를 맞는 사람이 아니라, AI의 뒤통수를 치는 사람이 될 수 있습니다.