코리아IT아카데미

Responsive Web Project

다양한 화면에 최적화된 반응형 웹페이지 완성!
HTML, CSS, JavaScript 기반 실무형 프로젝트!

본 과정은 HTML5, CSS3, JavaScript 기초부터 시작해 Flex/Grid, 미디어쿼리, 반응형 UI 설계 원칙을 익히고, 실제 실습 중심의 프로젝트를 통해 완성도 높은 반응형 웹페이지를 기획·디자인·코딩·배포까지 수행합니다.

교육기간

4개월
강의시간(지점별 상이)

3시간
난이도

입문~고급
인원

20내외
전화상담(주말 · 공휴일 상담 및 접수가능)

1588-5890

이런 분들께 추천해요!

HTML/CSS/JS 기초를 배우고 반응형 웹을 직접 만들고 싶은 입문자
기업/개인용 웹사이트를 만들고 싶은 프리랜서, 예비 창업자
웹디자인/퍼블리싱에서 개발까지 확장하고 싶은 디자이너
포트폴리오로 활용 가능한 반응형 웹페이지를 완성하고 싶은 학생/취준생

반응형 웹 프로젝트과정의 핵심 포인트

POINT.01
웹사이트 구조 설계부터 시맨틱 마크업, 스타일 적용까지 기초를 탄탄하게 다집니다.
POINT.02
미디어쿼리, 뷰포트 단위, 그리드 시스템, 레이아웃 변경 등을 다양한 디바이스 기준으로 실습합니다.
POINT.03
실전 중심으로 1인 혹은 팀 프로젝트를 수행하여 웹사이트를 완성하고 포트폴리오로 활용합니다.
POINT.04
장애인·모바일 사용자도 접근 가능한 웹사이트 코딩 습관을 형성합니다.

반응형 웹 프로젝트 커리큘럼 안내

Spring과 프론트 앤드에서 사용되는 기술들을 포함해 기존에 배웠던 기본기를 바탕으로 프로젝트를 제작하는 방법과 이용할 수 있는 오픈소스들을 어떻게 이용할 수 있는지에 대한 방법을 제공하고 있습니다.

Chapter.01

웹표준 기초

- HTML5 기본 태그 소개
- CSS3 기초
- JavaScript 기본 문법
- JavaScript 기본 문법
Chapter.02

UI 프로젝트

- BOM(Browser Object Model) / DOM(Document Object Model)
- JQuery(Selector) / JQuery(Object Control)
- JQuery(Event) / JQuery(Effect & Animation)
- OOP Javascript / OOP Javascript
Chapter.03

UI 구현 및 DB 연동

- Front-End Framework의 이해
- 아이템 도출 및 요구사항 분석
- DB 모델링
- UI ProtoType
Chapter.04

Spring 서버 구축 및 프로젝트

- Spring 클래스 설계(Class Diagram)
- 버전 관리 프로그램에 대한 소개(SVN & GitHub)
- 프로젝트 개발(프로젝트 마일스톤 개발) / 프로젝트 개발(개발 방법론)
- 프로젝트 개발(프로젝트 중간 점검) / 프로젝트 시연/발표

IT교육의 완성은 취업입니다!

코리아IT아카데미는 현장 중심 커리큘럼과 취업 밀착 프로그램으로 수강생의 성장을 끝까지 지원합니다.

step.01

진로설계: 수강생 맞춤형 직무 매칭 & 커리어 상담

-학습과정 기반 진출 분야 안내

-목표 직무에 맞춘 진로 로드맵 제시

step.02

취업역량 강화: 서류·포트폴리오부터 실무 역량까지 완성

-이력서/자기소개서 1:1 피드백

-GitHub·Notion 포트폴리오 제작 지원

-IT기업 실무자 특강 & 실전 코딩 클리닉

step.03

기업 연계: IT전문 협약기업과의 직접 연결

-현업자 초청 기업설명회

-취업 연계 미니 채용박람회

-구인기업 대상 인재 추천 운영

step.04

모의면접 & 기술면접 훈련: 실전 면접 시뮬레이션으로 합격률 상승

-인성·기술 면접 실습

-직무별 예상질문 제공

-피드백 기반 면접 전략 수립

step.05

수료 후 지속관리: 졸업 후에도 이어지는 취업 지원

-수료생 전용 채용정보 채널 운영

-이직 컨설팅 및 고급과정 안내

-채용 기업의 피드백 반영한 취업 매칭