4달 과정 3달 과정 2달 과정 1달 과정
이런분들이 들어야합니다!
  • 처음 코드를 접해보시는분
  • 기초부터 꼼꼼하게 진행하고싶으신분
  • 웹퍼블리셔에 도전하고자 하시는분

모든 수업 영상은 녹화되어 제공됩니다.

미팅
대면 및 원격 미팅진행

미팅을 통해 학생의 현 상황과 최적의 컬리큘럼을 제시 및 협의하고 어떻게 수업이 진행될지와 타임 협의를 진행합니다.

1주차
탄탄한 시멘틱 마크업-1

기초부터 라고 생각했다면 큰 착각 첫주부터 빡셉니다!

  • float, flex, grid 를 사용한 영역구성을 진행합니다.
  • 모든 프로젝트의 기본은 탄탄한 레이아웃입니다!
  • (타임아웃 과제!)
2주차
탄탄한 시멘틱 마크업-2

의미있는 시멘틱 마크업은 홈페이지를 구성하는 가장 중요한 뼈대입니다

  • float, flex, grid 를 사용한 영역구성을 진행합니다.
  • 모든 프로젝트의 기본은 탄탄한 레이아웃입니다!
  • (타임아웃 과제!)
3주차 교육과정 포트폴리오
우리은행 클론 코딩-1

우리은행 클론 코딩으로 실무소스의 사용법과 다양한 기법을배우게됩니다.

  • 기존 퍼블리싱된 소스를 개선
  • IR/IS/blind 등 실무에서 사용되는 필수기법
4주차 교육과정 포트폴리오
우리은행 클론 코딩-2

우리은행 클론 코딩으로 실무소스의 사용법과 다양한 기법을배우게됩니다.

  • 기존 퍼블리싱된 소스를 개선
  • IR/IS/blind 등 실무에서 사용되는 필수기법
5주차
시안 코딩-1

수치도출 방법을 배워 실제 실무에서 사용된 시안을 받아 퍼블리싱을 해봅니다!(미리 겪는 실무라고 보시면됩니다 )

  • 제플린 사용법
  • 피그마 사용법
  • psd 사용법
  • xd 사용법
6주차
시안 코딩-2

수치도출 방법을 배워 실제 실무에서 사용된 시안을 받아 퍼블리싱을 해봅니다!(미리 겪는 실무라고 보시면됩니다 )

  • 제플린 사용법
  • 피그마 사용법
  • psd 사용법
  • xd 사용법
7주차
스크립트-1

신입이 알아야할 필수 스크립트 구현방식 및 실무소스의 이해 및 활용

  • 바닐라 자바스크립트,ES6
  • 제이쿼리
8주차
스크립트-2

신입이 알아야할 필수 스크립트 구현방식 및 실무소스의 이해 및 활용

  • 바닐라 자바스크립트,ES6
  • 제이쿼리
9주차 교육과정 포트폴리오
서울시청 사이트 Perfect 클론코딩

관공서 프로젝트 진행 접근성 마크업과 접근성스크립트의 중요성

  • 스크린리더기의 이해
  • 접근성 스크립트 구현
10주차 교육과정 포트폴리오
ANDAR Perfect 클론코딩

적응형 모바일 클론 코딩

  • 적응형 모바일코딩의 특수성
  • 컴포넌트를 활용한 효율적인 css(scss)작성
11주차 교육과정 포트폴리오
배달의민족 Perfect 클론코딩

반응형 클론 코딩

  • css 미디어 쿼리
  • scss 미디어 쿼리
12주차
개인 포트폴리오-1

인터렉티브한 적응형 pc 포트폴리오 사이트를 제작

(디자인컨셉, 기획은 같이할수있습니다! 퍼블리셔는 디자이너가 아니기때문에 디자인에 너무신경안쓰셔도 됩니다.)
13주차
개인 포트폴리오-2

비동기 통신 및 api활용 포트폴리오 사이트를 제작해봅니다

(디자인컨셉, 기획은 같이할수있습니다! 퍼블리셔는 디자이너가 아니기때문에 디자인에 너무신경안쓰셔도 됩니다.)
14주차
개인(팀) 포트폴리오-3

인터렉티브 반응형 포트폴리오 사이트를 제작해봅니다
형상관리(git)를 통해 협업을 진행합니다.

(디자인컨셉, 기획은 같이할수있습니다! 퍼블리셔는 디자이너가 아니기때문에 디자인에 너무신경안쓰셔도 됩니다.)
15주차
개인(팀) 포트폴리오-4

인터렉티브 반응형 포트폴리오 사이트를 제작해봅니다
형상관리(git)를 통해 협업을 진행합니다.

(디자인컨셉, 기획은 같이할수있습니다! 퍼블리셔는 디자이너가 아니기때문에 디자인에 너무신경안쓰셔도 됩니다.)
16주차
개인(랜딩) 포트폴리오 - 5

12주간 만든 모든포폴을 소개하는 프로젝트를 진행합니다

(디자인컨셉, 기획은 같이할수있습니다! 퍼블리셔는 디자이너가 아니기때문에 디자인에 너무신경안쓰셔도 됩니다.)
  • 모든 프로젝트 피드백 및 노션정리
  • 이력서 수정 및 피드백
  • 면접준비 및 모의면접
이런분들이 들어야합니다!
  • 국비수업 수료후 기초가 잡히지 않은느낌
  • 상위권 에이전시에 도전하고자 하시는분
  • 기초코딩 테스트에서 떨어지신분들(미팅시 진행)

모든 수업 영상은 녹화되어 제공됩니다.

미팅
대면 및 원격 미팅진행

미팅을 통해 학생의 현 상황과 최적의 컬리큘럼을 제시 및 협의하고 어떻게 수업이 진행될지와 타임 협의를 진행합니다.

1주차
탄탄한 시멘틱 마크업-1

기초부터 라고 생각했다면 큰 착각 첫주부터 빡셉니다!

  • float, flex, grid 를 사용한 영역구성을 진행합니다.
  • 모든 프로젝트의 기본은 탄탄한 레이아웃입니다!
  • (타임아웃 과제!)
2주차
탄탄한 시멘틱 마크업-2

의미있는 시멘틱 마크업은 홈페이지를 구성하는 가장 중요한 뼈대입니다

  • float, flex, grid 를 사용한 영역구성을 진행합니다.
  • 모든 프로젝트의 기본은 탄탄한 레이아웃입니다!
  • (타임아웃 과제!)
3주차 교육과정 포트폴리오
우리은행 클론 코딩

우리은행 클론 코딩으로 실무소스의 사용법과 다양한 기법을배우게됩니다.

  • 기존 퍼블리싱된 소스를 개선
  • IR/IS/blind 등 실무에서 사용되는 필수기법
4주차
시안 코딩

수치도출 방법을 배워 실제 실무에서 사용된 시안을 받아 퍼블리싱을 해봅니다!(미리 겪는 실무라고 보시면됩니다 )

  • 제플린 사용법
  • 피그마 사용법
  • psd 사용법
  • xd 사용법
5주차
스크립트

신입이 알아야할 필수 스크립트 구현방식 및 실무소스의 이해 및 활용

  • 바닐라 자바스크립트,ES6
  • 제이쿼리
6주차 교육과정 포트폴리오
서울시청 사이트 Perfect 클론코딩

관공서 프로젝트 진행 접근성 마크업과 접근성스크립트의 중요성

  • 스크린리더기의 이해
  • 접근성 스크립트 구현
7주차 교육과정 포트폴리오
ANDAR Perfect 클론코딩

적응형 모바일 클론 코딩

  • 적응형 모바일코딩의 특수성
  • 컴포넌트를 활용한 효율적인 css(scss)작성
8주차 교육과정 포트폴리오
배달의민족 Perfect 클론코딩

반응형 클론 코딩

  • css 미디어 쿼리
  • scss 미디어 쿼리
9주차
개인 포트폴리오-1

인터렉티브한 적응형 pc 포트폴리오 사이트를 제작

(디자인컨셉, 기획은 같이할수있습니다! 퍼블리셔는 디자이너가 아니기때문에 디자인에 너무신경안쓰셔도 됩니다.)
10주차
개인 포트폴리오-2

비동기 통신 및 api활용 포트폴리오 사이트를 제작해봅니다

(디자인컨셉, 기획은 같이할수있습니다! 퍼블리셔는 디자이너가 아니기때문에 디자인에 너무신경안쓰셔도 됩니다.)
11주차
개인(팀) 포트폴리오-3

인터렉티브 반응형 포트폴리오 사이트를 제작해봅니다
형상관리(git)를 통해 협업을 진행합니다.

(디자인컨셉, 기획은 같이할수있습니다! 퍼블리셔는 디자이너가 아니기때문에 디자인에 너무신경안쓰셔도 됩니다.)
12주차
개인 포트폴리오 - 4

12주간 만든 모든포폴을 소개하는 프로젝트를 진행합니다

(디자인컨셉, 기획은 같이할수있습니다! 퍼블리셔는 디자이너가 아니기때문에 디자인에 너무신경안쓰셔도 됩니다.)
  • 모든 프로젝트 피드백 및 노션정리
  • 이력서 수정 및 피드백
  • 면접준비 및 모의면접
이런분들이 들어야합니다!
  • 국비과정 수료후 취업이 되지않으시는분
  • 포트폴리오가 2%부족함을 느끼시는분
  • 기초는 탄탄하다고 생각하시는 분들
  • 기초코딩 테스트에서 붙으신분들(미팅시 진행)

모든 수업 영상은 녹화되어 제공됩니다.

미팅
대면 및 원격 미팅진행

미팅을 통해 학생의 현 상황과 최적의 컬리큘럼을 제시 및 협의하고 어떻게 수업이 진행될지와 타임 협의를 진행합니다.

1주차
탄탄한 시멘틱 마크업-1

기초부터 라고 생각했다면 큰 착각 첫주부터 빡셉니다!

  • float, flex, grid 를 사용한 영역구성을 진행합니다.
  • 모든 프로젝트의 기본은 탄탄한 레이아웃입니다!
  • (타임아웃 과제!)
2주차 교육과정 포트폴리오
우리은행 클론 코딩

우리은행 클론 코딩으로 실무소스의 사용법과 다양한 기법을배우게됩니다.

  • 기존 퍼블리싱된 소스를 개선
  • IR/IS/blind 등 실무에서 사용되는 필수기법
3주차
시안 코딩

수치도출 방법을 배워 실제 실무에서 사용된 시안을 받아 퍼블리싱을 해봅니다!(미리 겪는 실무라고 보시면됩니다 )

  • 제플린 사용법
  • 피그마 사용법
  • psd 사용법
  • xd 사용법
4주차
스크립트

신입이 알아야할 필수 스크립트 구현방식 및 실무소스의 이해 및 활용

  • 바닐라 자바스크립트,ES6
  • 제이쿼리
5주차
개인 포트폴리오-1

인터렉티브한 적응형 pc 포트폴리오 사이트를 제작

(디자인컨셉, 기획은 같이할수있습니다! 퍼블리셔는 디자이너가 아니기때문에 디자인에 너무신경안쓰셔도 됩니다.)
6주차
개인 포트폴리오-2

비동기 통신 및 api활용 포트폴리오 사이트를 제작해봅니다

(디자인컨셉, 기획은 같이할수있습니다! 퍼블리셔는 디자이너가 아니기때문에 디자인에 너무신경안쓰셔도 됩니다.)
7주차
개인 포트폴리오-3

인터렉티브 반응형 포트폴리오 사이트를 제작해봅니다

(디자인컨셉, 기획은 같이할수있습니다! 퍼블리셔는 디자이너가 아니기때문에 디자인에 너무신경안쓰셔도 됩니다.)
8주차
개인 포트폴리오 - 4

12주간 만든 모든포폴을 소개하는 프로젝트를 진행합니다

(디자인컨셉, 기획은 같이할수있습니다! 퍼블리셔는 디자이너가 아니기때문에 디자인에 너무신경안쓰셔도 됩니다.)
  • 모든 프로젝트 피드백 및 노션정리
  • 이력서 수정 및 피드백
  • 면접준비 및 모의면접
이런분들이 들어야합니다!
  • 모든게 완벽한데 취업이 되지않는 분
  • 포폴만 수정하면 취업잘될것같은 분
  • 물경력 퍼블리셔
  • 코드에 자신있으신 분

모든 수업 영상은 녹화되어 제공됩니다.

미팅
대면 및 원격 미팅진행

미팅을 통해 1주차부터 만들 포폴에 대한 기획과 시안을 조율합니다.

1주차
개인 포트폴리오-1

인터렉티브한 적응형 pc 포트폴리오 사이트를 제작

(디자인컨셉, 기획은 같이할수있습니다! 퍼블리셔는 디자이너가 아니기때문에 디자인에 너무신경안쓰셔도 됩니다.)
2주차
개인 포트폴리오-2

비동기 통신 및 api활용 포트폴리오 사이트를 제작해봅니다

(디자인컨셉, 기획은 같이할수있습니다! 퍼블리셔는 디자이너가 아니기때문에 디자인에 너무신경안쓰셔도 됩니다.)
3주차
개인 포트폴리오-3

인터렉티브 반응형 포트폴리오 사이트를 제작해봅니다

(디자인컨셉, 기획은 같이할수있습니다! 퍼블리셔는 디자이너가 아니기때문에 디자인에 너무신경안쓰셔도 됩니다.)
4주차
개인 포트폴리오 - 4

12주간 만든 모든포폴을 소개하는 프로젝트를 진행합니다

(디자인컨셉, 기획은 같이할수있습니다! 퍼블리셔는 디자이너가 아니기때문에 디자인에 너무신경안쓰셔도 됩니다.)
  • 모든 프로젝트 피드백 및 노션정리
  • 이력서 수정 및 피드백
  • 면접준비 및 모의면접