반응형 웹 서비스
PC와 모바일에서 자연스럽게 동작하는 웹 화면을 직접 구현합니다.
PROJECT OUTCOME
수업을 통해 배우는 것
기능을 따라 하는 데서 끝나지 않고, 스스로 활용할 수 있는 실력을 만듭니다.
데이터 기반 기능
회원, 게시물, 검색 등 실제 서비스에 필요한 데이터 기능을 연결합니다.
배포 가능한 결과물
완성한 프로젝트를 웹에 배포하고 포트폴리오로 정리합니다.
FOR WHOM
이런 분께 추천합니다
- 웹사이트를 넘어 실제로 동작하는 서비스를 만들고 싶은 분
- AI를 코딩 보조 도구로 올바르게 활용하고 싶은 분
- 개인 프로젝트나 포트폴리오가 필요한 학생과 취업 준비생
- HTML과 CSS 이후의 웹 개발 과정을 배우고 싶은 분
TOOLS & SKILLS
수업에서 다루는 핵심 기술
HTML
CSS
JavaScript
Node.js
Database
Git
AI Coding
프로젝트에 따라 사용하는 기술과 서비스는 달라질 수 있습니다.
CURRICULUM
단계별 실습 커리큘럼
기초 개념부터 활용과 결과물 완성까지 단계적으로 진행합니다.
-
01
아이디어와 화면 설계
서비스 주제, 사용자 흐름과 화면 구성을 정합니다.
-
02
웹 화면 만들기
HTML, CSS, JavaScript로 반응형 인터페이스를 구현합니다.
-
03
AI 활용 개발 방법
요구사항 작성, 코드 생성과 오류 분석에 AI를 활용합니다.
-
04
서버와 데이터베이스
API, 데이터 저장과 조회 등 서비스의 핵심 기능을 연결합니다.
-
05
서비스 기능 완성
로그인, 게시판, 검색 등 프로젝트에 필요한 기능을 완성합니다.
-
06
테스트와 웹 배포
오류를 점검하고 실제 주소로 배포해 포트폴리오로 정리합니다.
PRACTICE & RESULT
실습 및 결과물 예시
수강생의 관심 분야와 수준에 따라 실습 내용과 난이도를 조정합니다.
- 예약·신청 관리 서비스
- 학습 기록 또는 일정 관리 앱
- 콘텐츠 추천·검색 서비스
수강 기간
프로젝트 범위와 선수 지식에 따라 개별 상담
선수 지식
컴퓨터 기초 활용이 가능하면 시작할 수 있으며 HTML·CSS 경험이 있으면 더 빠르게 진행할 수 있습니다.
START YOUR COURSE
배우고 싶은 목표부터 상담해보세요
현재 수준과 학습 목표를 확인한 뒤 알맞은 과정과 순서를 안내합니다.
