since 2003

tjoeun unique web design academy

A패키지 - 웹퍼블리셔 취업/이직 준비반

기초(일러스트, 포토샵) 그래픽을 이수하고 웹디자이너로서 에이전시 취업/이직을 위한
종합과정으로 1:1 상담을 통한 수강생의 수준 및 목적에 맞춰 진행 됩니다.

난이도
  • 난이도1
  • 난이도2
  • 난이도3
  • 난이도4
  • 난이도5

과정 요강

교육기간
총3개월 ~ 5개월까지 선택과정
수업구성
주 5회 (월요일~금요일) or 토요일,일요일 (주2회)

훈련 대상

  • 디자인에 관심이 있으며 처음 시작하는 입문자
  • 디자인 학과를 전공하였으나 2D 그래픽 툴 사용에 자신이 없는 졸업생
  • 실무에 맞는 활용 스킬을 습득하여 작업 속도를 올리고 싶으신 분

캠퍼스 전화상담문의

수강료

- Web -

Course

무엇을 상상하든 그이상!
실력향상과 취업의 꿈을 이뤄드립니다

  • 01. 각 분야의 실무경력 10년이상 베테랑 전문가의 강의를 제공합니다.

    더조은아카데미의 모든 교육과정은 각 분야의 실무현장에서 10년 이상 근무한 실력 있는 전문가들을 선발하여
    전임강사로 배치하고 있으며 이를 통해 수강생들에게 실무에 적합한 최고의 교육을 제공하고 있습니다.
    1:1 교육을 통해 학생들의 수준에 맞춘 맞춘 강의를 하고 있으며 강사진에게도 외부 교육을 지원하여
    수시로 변하는 각 분야의 트렌드에 따라 교육의 질을 향상시키기 위해 노력하고 있습니다.
  • 02. 협력업체와의 협의로 구성된 커리큘럼으로 실무에 대비한 수업을 진행합니다.

    더조은아카데미는 각 분야의 협력업체와의 협의를 통해 실제 업무에서 필요한 내용을 바탕으로 커리큘럼을 구성합니다.
    탄탄한 기초 다지기부터 실무에서 필요로하는 업무 내용과 스킬까지!
    수강생들의 취업에 도움이 되도록 실전에 필요한 내용을 바탕으로 집중적인 취업대비 교육을 하고 있습니다.
  • 03. 더조은아카데미의 인적 네트워크와 다양한 취업연계 시스템를 통해 취업의 꿈을 이루세요.

    더조은아카데미에서는 2006년부터 지난 10년이 넘는 기간동안 협력업체와의 인적 네트워크를 구축하여,
    수강생들에게 보다 좋은 취업환경과 다양한 일자리를 제공하기 위해 노력하고 있습니다.
    또한 더조은 취업지원 센터를 운영하여 수강생들의 개인별 이력서 관리 및 모의 면접의 기회를 제공하는 등
    다양한 취업연계 시스템을 통해 수강생들의 취업에 최선을 다하고 있습니다.
  • 04. 수강생들의 프로젝트 발표회를 통해 실력 향상을 도모합니다.

    팀 프로젝트 작업을 통해 협업에 대해 경험하고 배우며 작업한 프로젝트를 실무자들 앞에서 발표합니다.
    기업과의 채용 연계를 위한 발표회로, 각 분야의 실무자들이 직접 발표회에 참석하여
    수강생들의 발표를 듣고 즉석에서 채용을 하기도 합니다.
    프로젝트 발표회를 통해 수강생들에게 새로운 경험 및 실력 향상과 함께 직접적인 취업 통로를 제공하고 있습니다.
  • 05.실무자들의 세미나 특강을 통해 수강생들에게 다양한 정보를 제공합니다.

    실무자들을 초빙한 다양한 세미나와 특강을 운영하여 수강생들에게 필요한 정보를 제공합니다.
    수강생들에게 막연하기만한 취업 준비와 실무작업에 대한 궁금증을 해결하고,
    취업과 꿈, 미래에 대한 계획을 세울 수 있도록 도움을 드리고 있습니다.
THEJOEUN WEB PORTFOLIO
메디안웹사이트리뉴얼 뿌리웹사이트제작 아모레퍼시픽웹사이트리뉴얼
~2016 Tjoeun 수강생 취업현황 바로가기

web design & publisher

과정로드맵

ROAD MAP

  • 스킬로드맵
  • 기본능력별직업군
수강목적에 따른 step 비전공자에게 탄탄한 기초를, 전공자에게 새로운 이직의 꿈을!
  • case1
  • case2
본 과정은 비전공자(입문자)부터 전공자 혹은 웹디자이너가 전문 웹퍼블리셔가 되기 위한 과정으로 마련 되었습니다.

비전공자(입문자)에게는 생소하지만 가장 기초인 일러스트/포토샵을 익히는것부터 시작하여
홈페이지 설계를 위한 html5, css3.0에 대한 기본 개념과 코딩 방법과 웹표준 기술을 습득하고
살아 숨쉬는 홈페이지를 만들기 위한 javascript, jQuery 기초 문법과 직접 움직이는 반응형 포트폴리오까지 제작하는것을 목표로 한 과정을,

전공자 혹은 웹디자인 실무자에게는 웹퍼블리셔에게 가장 기본이 되는 html5, css3.0부터 시작하여
홈페이지를 움직일 수 있는 javascript, jQuery의 기초부터 고급 문법을 익히고,
상위 웹퍼블리셔가 되기 위해 필요한 Angular.js 와 Node.js까지의 문법을 습득함으로써 퀄리티 높은 반응형 포트폴리오 제작으로
인정받는 프론트엔드 개발자가 되기 위한 과정을 구성 하였습니다.

위 과정에 대한 문의사항은 1:1상담을 통해 자세히 설명 받으실 수 있으며,
자신에게 맞는 꼭 맞는 커리큘럼 과정을 통해 원하는 취업의 문을 열고 실무적으로 인정받는 전문가가 되세요.

더조은 커리큘럼의 차별화 웹디자이너, 퍼블리셔에게 포트폴리오란 곧 자신을 대변하는 것과 같습니다.
더조은에서는 보여주기식이 아닌 온전한 수강생 디자인으로 고퀄리티의 포트폴리오 제작을 도와드립니다.

  • 01. 기본에 충실한UX DESIGN

    웹 디자인은 기본기가 중요합니다. 보기에 예쁜 디자인도 중요하지만,
    그게 다가 아니죠. 더조은은 웹 디자인의 가장 기본인 레이아웃에 충실한 UX Design을 기초 이론으로 가르치고 있습니다.
    UX의 기획은 디자인 전체를 좌우할만큼 굉장히 중요한 파트입니다.

    UI/UX설계디자인 과정안내 온라인문의
  • UX DESIGN
  • 02. 기초 그래픽 과정 포토샵 / 일러스트GRAPHIC TOOL

    디자인을 표현하는데 있어서, 툴에 대한 제한이 없어야 더 창의적인 디자인이 잘 나오기 마련이죠. 2D 그래픽 프로그램인 포토샵과 일러스트에 대한 기초 명령어 교육부터 심화 과정까지 준비되어 있습니다. 포토샵과 일러스트를 능수능란하게 다룰 수 있도록 실무에 나가서도 잘 사용할 수 있도록 가르칩니다.

    일러스트,포토샵 입문 과정안내 일러스트,포토샵 활용 과정안내 온라인문의
  • GRAPHIC TOOL
  • 03. 디자인과 코딩을 함께하는 수업DESIGN + CODING

    더조은아카데미 웹 디자인 수업의 가장 큰 강점은 디자인과 코딩을 모두 배운다는 것입니다. 실무에서는 웹 디자이너와 웹 퍼블리셔 / 개발자 간의 소통이 필수적으로 이루어지기 때문에 웹 디자이너가 커뮤니케이션에 보다 능할 수 있도록 실무를 대비한 수업이라고 할 수 있습니다

    초급) HTML5,CSS3.0 과정안내 중급) 제이쿼리,자바스크립트 과정안내 온라인문의
  • designcoding
  • 04. 시대의 흐름을 따라가는FRONT-END

    웹의 마지막 관문! 바로 프론트엔드 개발자 과정으로 자바스크립트를 더욱 심도있게 배웁니다. 코딩시 페이지의 사용성과 눈에 보이는 디자인을 고려해야 하며 백엔드 개발자와의 원활한 소통도 요구되지요. 최근 프론트엔드 개발자의 수요가 늘어나는 추세이며, 이러한 시대흐름에 맞게 더조은에서 강좌를 운영하고 있습니다.

    프론트엔드 개발 과정안내 온라인문의
  • front-end
  • 05. 다양한 멀티디바이스와의 호환RESPONSIVE

    UX/UI를 고려하면서 앱&모바일, 태블릿, PC등 다양한 디바이스에서 호환을 가능하게 하는 하드코딩 퍼블리싱(웹표준, HTML5, jQuery 등)으로 최신 트렌드에 적합화된 최적화된 사이트와 반응형 웹 사이트까지 제작할 수 있도록 포트폴리오 과정까지 알차게 구성한 수업입니다.

    반응형포트폴리오 과정안내 온라인문의
  • responsiveweb

커리큘럼 개요

CURRICULUM SUMMARY

1주차 / 1week 포토샵 기초 step1
포토샵기초툴습득 기본설명
포토샵기초툴습득 선택툴
Color 기초 Color
Color 기초 Gradient
리터칭 step1 포토샵을 활용한 기초 리터칭 기술 습득
리터칭 step2 포토샵을 활용한 응용 리터치 기술 습득
2주차 / 2week 포토샵 기초 step2
기초 응용기술 path
기초 응용기술 shape
기초 응용기술 type
레이어 스타일 layer style
mask 툴 습득 mask 활용법
adjustment adjustment의 이해
3주차 / 3week 포토샵 기초 step3
다양한 효과주기 Filter 사용법 이해
Channels Channels을 활용한 작업법 습득
4주차 / 4week 일러스트 기초 step1
일러스트 기본 툴 이해1 기본설명
일러스트 기본 툴 이해1 펜툴의 자유로운 활용
일러스트 기본 툴 이해1 개체를 복사하는 방법
일러스트 기본 툴 이해1 Transfrom의 이해
일러스트 기본 툴 이해2 선택툴과 직접 선택툴
일러스트 기본 툴 이해2 도형툴
일러스트 기본 툴 이해2 정렬
일러스트 기본 툴 이해3 회전
일러스트 기본 툴 이해3 확대축소
일러스트 기본 툴 이해3 기울기
일러스트 기본 툴 이해3 반사
일러스트 기본 툴 이해3 패스파인더
일러스트 기본 툴 이해4 stroke
일러스트 기본 툴 이해4 pattern
일러스트 기본 툴 이해4 bursh tool
일러스트 기본 툴 이해5 live Paint
일러스트 기본 툴 이해5 Type Tool
5주차 / 5week 일러스트 기초 step2
일러스트 기본 툴 이해6 gradient
일러스트 기본 툴 이해6 mesh tool
일러스트 기본 툴 이해7 변형툴
일러스트 기본 툴 이해7 blend Tool
일러스트 기본 툴 이해8 Symbol
일러스트 기본 툴 이해8 Graph Tool
일러스트 기본 툴 이해9 Effect 효과
일러스트 기본 툴 이해9 Appearance
일러스트 기본 툴 이해10 3D 효과주기
6주차 / 6week 웹디자인의 구조와 환경 이해
웹 디자인 구조와 아이덴티티 웹 아이덴티티의 이해
웹 디자인 구조와 아이덴티티 웹사이트 구조 파악하기
UI 디자인 환경 이해 UI디자인에 대한 이해
UI 디자인 환경 이해 실무 제작 과정 프로세스 소개
프로젝트 브랜드 설정 브랜드 분석 후 컨셉도출
프로젝트 브랜드 설정 이미지 맵을 활용한 브랜드와 이미지 맵연계
7주차 / 7week 와이어프레임 설계와 웹 그리드 시스템 이해
와이어프레임 설정 및 설계1 와이어 프레임 스케치
와이어프레임 설정 및 설계1 PC와이어프레임과 모바일와이어
와이어프레임 설정 및 설계1 프레임비교분석
와이어프레임 설정 및 설계2 와이프레임 구조분석
와이어프레임 설정 및 설계2 와이어프레임 심화
와이어프레임 설정 및 설계2 과제진행
웹 그리드 시스템의 이해1 PC,모바일,반응형 레이아웃의 이해
웹 그리드 시스템의 이해2 그리드 시스템을 적용한 레이아웃 연습
8주차 / 8week 웹 타이포그래피와 여백 & 황금비율
웹 타이포그래피1 웹 타이포그래피의 종류
웹 타이포그래피1 폰트크기와 단위개념
웹 타이포그래피2 안티알리아싱의 이해
웹 타이포그래피2 자간,행간
웹 타이포그래피2 가독성
여백시스템1 컨텐츠의 주제와 부주제 설정
여백시스템1 여백시스템 이해와 응용
여백시스템2 여백가이드 잡기
여백시스템2 여백시스템의 적용
여백시스템2 컨텐츠 리뉴얼
황금비율 시스템 적용1 황금비율 시스템 이해
황금비율 시스템 적용1 현업에서 사용되는 황금비율 사례
황금비율 시스템 적용2 UI황금비율 시스템 적용
황금비율 시스템 적용2 황금 비율법칙에 의한 이미지 레이아웃적용
9주차 / 9week 웹 레이아웃 적용 및 이미지 리터칭 스킬업
아이트레킹과 웹 레이아웃 아이트래킹이란?
아이트레킹과 웹 레이아웃 아이트래킹에 의한 웹 레이아웃
아이트레킹과 웹 레이아웃 아이트래킹 연습
레이아웃적용 및 콘텐츠재배열 이미지 레리아웃 및 컨텐츠 재배열연습
이미지 리터칭 스킬업 이미지 보정의 원리와 이펙트 종류
10주차 / 10week UI/UX를 적용한 WEB&MOBILE 시안 제작
WEB메인 시안제작 PC버전의 메인시안제작해보기
모바일 메인 시안제작 모바일 버전의 메인시안제작해보기
11주차 / 11week HTML,CSS의 이해
웹 개발개론 웹 개발에 대한 이해
웹 개발개론 HTML,CSS,Javascript 체험
HTML,CSS 개요 HTML개요
HTML,CSS 개요 CSS개요
HTML,CSS 개요 Javascript 개요
태그 및 CSS 본문 작성에 사용되는 태그와 CSS
태그 및 CSS 박스 처리에 사용되는 태그와 CSS
12주차 / 12week HTML,CSS의 습득
TABLE TABLE 관련된 태그 및 CSS
LIST LIST 관련된 태그 및 CSS
LIST 아이콘 스프라이트 처리 기법
FROM FROM 태그의 이해와 CSS
13주차 / 13week HTML,CSS의 심화
LAYOUT처리 CSS Level2 layout 처리1
LAYOUT처리 CSS Level2 layout 처리2
LAYOUT처리 CSS Level3 layout 처리
다양한 CSS 변환/효과/애니메이션 CSS
14주차 / 14week UI 구현
UI 체크리스트 웹 사이트 개발을 위한 시스템 설계 및 작업 준비
UI 체크리스트 디자인 설계전 체크리스트 검토
UI 체크리스트 스토리보드 작업
UI 페이지 제작 반응형 처리 설계
UI 페이지 제작 반응형 및 웹폰트 적용 작업
15주차 / 15week UI 실제 페이지 구현
UI 페이지 제작 UI 구현 작업
UI 페이지 제작 결과물 포트폴리오 제작
16주차 / 16week Javascript 기본개념 및 학습
Javascript 이해와 문법1 코드 작성 규칙
Javascript 이해와 문법2 변수
Javascript 이해와 문법2 함수
Javascript 이해와 문법2 이벤트
Javascript 이해와 문법3 연산자,조건문,반복문,분기문 학습
Javascript 이해와 문법3 배열 객체 개념, JSON 학습
17주차 / 17week Javascript를 활용한 jQuery 구현 step1
jQuery 선택자 및 메소드 BOM(Web Brower Objects Model)개요
jQuery 선택자 및 메소드 jQuery의 특징과 사용 준비, 장점 체험
jQuery 선택자 및 메소드 선택자 및 기본 메소드1
jQuery 선택자 및 메소드 선택자 및 기본 메소드2
jQuery 선택자 및 메소드 이벤트, 효과 메소드1
18주차 / 18week Javascript를 활용한 jQuery 구현 step2
jQuery 구현 이벤트, 효과 메소드 2
jQuery 구현 그 밖의 주요 메소드
jQuery 구현 통신 메소드 및 회원가입, 로그인, 로그아웃 처리 실습
요소 수정 보완 프로토타입 웹프로젝트 설치
요소 수정 보완 개별 프로젝트 점검 작업
19주차 / 19week 심미적 디자인 요소 수정 보완하기
다양한 심미적 요소 구현 2단계 네비게이션 구현
다양한 심미적 요소 구현 이미지 슬라이더 구현
콘텐츠 사용성 수정 보완 팝업창 시스템 구현
콘텐츠 사용성 수정 보완 일반 다이얼로그 구현
20주차 / 20week 매체 기능적 요소 수정 보완하기
UI 구현 탭 UI 구현
기능적 요소 적용 화면 스크롤링과 관련된 UI 적용
기능적 요소 적용 온라인 문의 폼 실제 처리 작용
프로젝트 프로젝트 평가
21주차 / 21week 프론트엔드개발 기초 입문
javascript&jQuery 기초1 변수
javascript&jQuery 기초1 연산자
javascript&jQuery 기초1 제어문
javascript&jQuery 기초2 반복문
javascript&jQuery 기초2 함수
javascript&jQuery 기초2 배열
javascript&jQuery 요소 조작 DOM 요소의 생성, 삽입, 삭제
javascript&jQuery 요소 조작 DOM 요소의 속성 추가 및 삭제
javascript&jQuery 요소 조작 DOM 요소의 Style 추가 및 삭제
javascript&jQuery 요소 조작 DOM 요소를 이용하여 갤러리 리스트 추가 삭제하기
banner 제작 banner 제작하기
banner 제작 setTimeout과 setInterval
banner 제작 jQuery 배너제작
22주차 / 22week JSON & Ajax 활용과 모바일
JSON 실습 웹에서 RSS 피드의 XML데이터 찾기
JSON 실습 RSS 피드의 XML분석
JSON 실습 XML데이터를 파싱하여 이미지 리스트 만들기
JSON 실습 RSS 피드의 XML 데이터를 이용한 움직이는 이미지 갤러리 완성
javascript 비동기 및 Ajax 자바스크립트 비동기 방식기술
javascript 비동기 및 Ajax Ajax 구조의 이해
javascript 비동기 및 Ajax Ajax 학습을 위한 서버환경 구축
javascript 비동기 및 Ajax XML Http Request 객체
javascript 비동기 및 Ajax Get 방식의 데이터 요청
javascript 비동기 및 Ajax 크로스브라우저
javascript 비동기 및 Ajax post 방식의 데이터요청
javascript 비동기 및 Ajax XML 데이터처리
javascript 비동기 및 Ajax JSON데이터처리
javascript 비동기 및 Ajax Ajax활용예제
모바일 원리와 활용 반응형원리
모바일 원리와 활용 모바일 페이지 제작하기
모바일 미니프로젝트 Ajax와JSON 을 응용한 페이지 제작하기
23주차 / 23week Angular1,2와 TypeScript
Angular1,2의 비교 Angular 1과 Angular2의 특징
Angular1,2의 비교 Angular 2 생태계와 관련 라이브러리
TypeScript의 문법과 구조 TypeScript의 소개와 특징
TypeScript의 문법과 구조 TypeScript변수선언 및 배열형 선언 및 매개변수
TypeScript의 문법과 구조 객체지향프로그래밍(클래스 선언과 사용,클래스 상속,인터페이스,추상클래스)
Angular2 구조와 디자인패턴 컴포넌트 소개 ,구조
Angular2 구조와 디자인패턴 컴포넌트 기초실습
Angular2 구조와 디자인패턴 컴포넌트간 상호작용
Angular2 구조와 디자인패턴 자식 엘리먼트의 호출과 탐색
Angular2 구조와 디자인패턴 컴포넌트 스타일
Angular2 구조와 디자인패턴 모듈 소개
Angular2 구조와 디자인패턴 애플리케이션 루트 모듈
Angular2 구조와 디자인패턴 특징 모듈
Angular2 구조와 디자인패턴 라우터 소개/특징 모듈 라우터
Angular2 구조와 디자인패턴 가드소개 및 서비스기반 로그인 처리
Angular2 구조와 디자인패턴 의존성 주입 (개요,제공자,객체 주입 방법)
Angular2 구조와 디자인패턴 Template (소개,데이터 표시,명령식,삽입식,바인딩)
Angular2 구조와 디자인패턴 지시자 (선언형 프로그래밍과 지시자, 커스텀지시자,실습)
Angular2 구조와 디자인패턴 파이프 ( AngularJS 필터와 Angular 2 파이프 비교,내장파이프,커스텀파이프)
Angular2 구조와 디자인패턴 폼 (폼 소개와 Angular의 폼 검증 방식, 템플릿 주도 검증, 모델 주도 검증 )
Angular2 구조와 디자인패턴 애니메이션 소개/기초활용
24주차 / 24week HTTP의 이해
HTTP 소개 및 요청 프로미스 소개
HTTP 소개 및 요청 RxJS 소개
HTTP 소개 및 요청 Jsonp 요청을 프로미스로 처리
HTTP 소개 및 요청 Jsonp 요청을 RxJS로 처리
HTTP 소개 및 요청 HTTP 요청과 응답 처리
HTTP 소개 및 요청 HTTP 모듈
HTTP 소개 및 요청 메모리 DB 준비
HTTP 소개 및 요청 프로미스 기반 인물관리
HTTP 소개 및 요청 RxJS 기반 인물관리
25주차 / 25week MVC패턴을 적용한 프로젝트 실습
프로젝트 기획 주제선정, 벤치마킹, 스토리보드
프로젝트 기획 요구사항 분석
프로젝트 기획 시스템 분석 및 설계
프로젝트 기획 DB모델링
프로젝트 설계 개발환경 설정
프로젝트 설계 프로젝트 개발
프로젝트 설계 테스트 및 디버깅 작업
구현 및 발표 프로젝트 발표 및 평가

PORTFOLIO Thejoeun Academyweb design & publisher

  • VIEW
    NCS 스마트기기 UI/UX디자인(웹&앱디자인)

    허명석 / 웹 포트폴리오

    수료생의 포트폴리오 사이트입니다.
  • VIEW
    (NCS)스마트기기 UI/UX디자인(웹&앱디자인)

    정보람 / 웹 포트폴리오

    수료생의 포트폴리오 사이트입니다.
  • VIEW
    (NCS)스마트기기 UI/UX디자인(웹&앱디자인)

    지희진 / 웹 포트폴리오

    수료생의 포트폴리오 사이트입니다.
  • VIEW
    (NCS)스마트기기 UI/UX디자인(웹&앱디자인)

    양선영 / 웹 포트폴리오

    수료생의 포트폴리오 사이트입니다.
  • VIEW
    (NCS)스마트기기 UI/UX디자인(웹&앱디자인)

    문영진 / 웹 포트폴리오

    수료생의 포트폴리오 사이트입니다.
  • VIEW
    (NCS)모바일UI/UX디자인전문가

    엄한나 / GU 사이트 제작

    브랜드의 문제점과 사용자 분석을 토대로

    UI/UX에 기반한 홈페이지를 제작하였습니다.

* 더조은아카데미의 모든 포트폴리오는 수강생이 100% 제작한 작품입니다 *

Job support process

컴퓨터 디자인 아트 학원의 최강자!!
더조은컴퓨터아트학원의 차별화된 취업지원 프로세스

  • 취업지원
    프로그램소개

    취업지원팀 소개
    취업지원 매니저 소개
    연수생 관리카드 작성
    프로그램 일정안내
    최신 취업동향 공유
  • 이력서 및 자기소개서
    작성법 PT

    샘플 이력서/자소서 소개
    이력서/자소서 작성법
    입사지원 사례분석
  • 1:1 모의면접
    실시

    개별 이력서 수정 및 보완
    희망분야별 개별상담
    진로 및 경력설계
  • 연수생
    평가 매칭

    면접복장
    면접화법 & 면접태도
    면접 질의응답 요령
  • 적정 기업
    매칭

    학과별 강사님과의 논의평가
    적정기업 매칭

since2003 THEJOEUN design academy 더조은 아카데미는 언제나 수강생들의 입장에서 한번 더 생각하고
높은 퀄리티의 강의를 제공하기위해 끊임없이 연구하며 트렌드를 유지하고 있습니다
Thejoeun온라인 수강문의 및 상담접수 바로가기 Thejoeun재직자 수강신청 바로가기