클래스 소개
#JS #JAVASCRIPT #자바스크립트 #웹개발 #퍼블리싱 #고급 #스킬업 #컴플리트 #마스터
교육 대상
알려 드립니다!
본 과정은 자바 스크립트 고급 과정을 다루는 클래스 입니다.
원하는 난이도에 입문하시는 분들은 제공해드리는 과정을 우선 수강하신 후, 본 과정을 시작 해 주시면 감사하겠습니다.
JAVA SCRIPT 강의 -초급 CLASS- (바로가기)
JAVA SCRIPT 강의 -중급 CLASS- (바로가기)
원하는 난이도에 입문하시는 분들은 제공해드리는 과정을 우선 수강하신 후, 본 과정을 시작 해 주시면 감사하겠습니다.
JAVA SCRIPT 강의 -초급 CLASS- (바로가기)
JAVA SCRIPT 강의 -중급 CLASS- (바로가기)
뼈대를 세우고, 조각을 마쳤다면, 이제 움직일차례!
지금 여러분은 세기에 남을 조각가로써의 새로운 작품을 만들 초입에 들어섰습니다.
어떠한 작품을 만들지 치열한 기획을 마치고, 이제 작업에 들어갑니다. 셀 수 없을 만큼의 흔적을 통해 어렵사리 뼈대를 세우고, 본격적인 형태가 들어 나게 되는 조각까지 마쳤습니다.
여기서 한 발자국 더 들어가 당신의 조각에 마디마디를 자유로이 움직이게 하는 것이 가능할까 요? 가능합니다. 바로 JS : 자바스크립트가 있기 때문이죠~
자바스크립트는 웹을 제작 구성하는 요소의 마스터 피스 입니다.
앞서 말한 뼈대를 세우는 역할 은 HTML로 작업하고, 조각 과정은 CSS를 통해 다지게 되죠. 그리고 이를 움직이게 하는 것이 바 로 자바 스크립트의 몫입니다. 정적으로 보여주는 비주얼을 동적으로 변모 시켜주는 마법 같은 도구이기도 하죠. 웹 개발 구조에서 애니메이션이 적용된 결과물을 보고자 한다면, 자바 스크립트 언어는 필수이자 핵심이라는 것이 그 위치를 명확하게 해주는 지표로 보여줍니다. 단지 몇 줄의 코드를 통해 ‘이게 이렇게 변한다고?’ 싶을 정도의 결과물을 기대하실 수 있어요!~
어떠한 작품을 만들지 치열한 기획을 마치고, 이제 작업에 들어갑니다. 셀 수 없을 만큼의 흔적을 통해 어렵사리 뼈대를 세우고, 본격적인 형태가 들어 나게 되는 조각까지 마쳤습니다.
여기서 한 발자국 더 들어가 당신의 조각에 마디마디를 자유로이 움직이게 하는 것이 가능할까 요? 가능합니다. 바로 JS : 자바스크립트가 있기 때문이죠~
자바스크립트는 웹을 제작 구성하는 요소의 마스터 피스 입니다.
앞서 말한 뼈대를 세우는 역할 은 HTML로 작업하고, 조각 과정은 CSS를 통해 다지게 되죠. 그리고 이를 움직이게 하는 것이 바 로 자바 스크립트의 몫입니다. 정적으로 보여주는 비주얼을 동적으로 변모 시켜주는 마법 같은 도구이기도 하죠. 웹 개발 구조에서 애니메이션이 적용된 결과물을 보고자 한다면, 자바 스크립트 언어는 필수이자 핵심이라는 것이 그 위치를 명확하게 해주는 지표로 보여줍니다. 단지 몇 줄의 코드를 통해 ‘이게 이렇게 변한다고?’ 싶을 정도의 결과물을 기대하실 수 있어요!~
최신의 ES6문법을 통해 1석2조로 얻는 자바강의
웹 퍼블리싱 과정에 매혹적인 마법을 부여해줄 수 있는 자바 스크립트에 입문부터 실용적인 사용 에 이르는 과정을 구축하는 것이 본 클래스의 목표입니다. 어려워 하실 필요는 전혀 없어요~
모든 과정의 기준은 섬세하고 꼼꼼하게 준비되어 있거든요! 이를 통해 여러분들이 얻고자 하는 자바스크립트라는 언어를 공략하는데 있어 최고의 무기가 되어줄 테니까요!!
최신 ES6문법과 모던 자바스크립트를 동시에 학습하면서 전체적인 윤곽의 이해와 기본 방향 뿐만 아니라 세부적인 활용에 이르기까지, 1석 2조를 얻을 수 있는 방향으로 구성된 자바 스크립트 강 의! 관심은 있었지만 어떻게 시작해야 되나 막연히 고민하시던 분들이나 필요성은 공감하지만 해 보려고 해도 복잡할 것이다 출발 전부터 겁을 잔뜩 얻으신 분들은 그저 몸만 따라오시면 됩니다.
꾸준히 공부하면 충분히 이해할 수 있도록 튜터님이 세밀하게 설명 드리며, 여기에 더해 자바 스 크립트를 공부하면서 숙지해야 하는 부분을 놓치지 않고 전달 해 주십니다.
이제 자바스크립트의 정복이 코 앞으로 다가왔습니다. 우리는 이번 고급 과정을 통해 실제로 활 용 해 볼 수 있는 다양한 스킬을 연마하게 됨과 동시에, 자바스크립트라는 언어를 무한한 가치를 담은 도구로써 활용 하시게 될 것입니다. 꿈꿔왔던 웹의 구현과 액션, 활용 등의 다양한 모습을 수료함으로써 적극적으로 사용해볼 수 있고 생동감을 부여해줄 수 있습니다. 나만의 매력적인 마 법이자 만들어가는 웹에 고혹적인 주문 한 스푼 담을 준비 되셨나요? 그렇다면 고급 과정을 통해 바로 마스터하시고 알찬 마법을 원하는 만큼 써 보시기 바래요~!
웹 퍼블리싱 과정의 강력한 부스터를 달아주는 가장 확실한 비법!
자바스크립트 과정을 통해 여러분이 만들고자 하는 웹에 특급비법을 첨부해보세요~!
세기의 명작을 마무리하는 마스터 피스를 획득하실 수 있으니까요!!
모든 과정의 기준은 섬세하고 꼼꼼하게 준비되어 있거든요! 이를 통해 여러분들이 얻고자 하는 자바스크립트라는 언어를 공략하는데 있어 최고의 무기가 되어줄 테니까요!!
최신 ES6문법과 모던 자바스크립트를 동시에 학습하면서 전체적인 윤곽의 이해와 기본 방향 뿐만 아니라 세부적인 활용에 이르기까지, 1석 2조를 얻을 수 있는 방향으로 구성된 자바 스크립트 강 의! 관심은 있었지만 어떻게 시작해야 되나 막연히 고민하시던 분들이나 필요성은 공감하지만 해 보려고 해도 복잡할 것이다 출발 전부터 겁을 잔뜩 얻으신 분들은 그저 몸만 따라오시면 됩니다.
꾸준히 공부하면 충분히 이해할 수 있도록 튜터님이 세밀하게 설명 드리며, 여기에 더해 자바 스 크립트를 공부하면서 숙지해야 하는 부분을 놓치지 않고 전달 해 주십니다.
이제 자바스크립트의 정복이 코 앞으로 다가왔습니다. 우리는 이번 고급 과정을 통해 실제로 활 용 해 볼 수 있는 다양한 스킬을 연마하게 됨과 동시에, 자바스크립트라는 언어를 무한한 가치를 담은 도구로써 활용 하시게 될 것입니다. 꿈꿔왔던 웹의 구현과 액션, 활용 등의 다양한 모습을 수료함으로써 적극적으로 사용해볼 수 있고 생동감을 부여해줄 수 있습니다. 나만의 매력적인 마 법이자 만들어가는 웹에 고혹적인 주문 한 스푼 담을 준비 되셨나요? 그렇다면 고급 과정을 통해 바로 마스터하시고 알찬 마법을 원하는 만큼 써 보시기 바래요~!
웹 퍼블리싱 과정의 강력한 부스터를 달아주는 가장 확실한 비법!
자바스크립트 과정을 통해 여러분이 만들고자 하는 웹에 특급비법을 첨부해보세요~!
세기의 명작을 마무리하는 마스터 피스를 획득하실 수 있으니까요!!
수강기간 / 환불정책 안내
학습 규정 안내
- 본 클래스는 총 96강, 35시간 18분 분량으로 구성되어 있습니다.
- 해당 클래스는 사전 공지 없이 가격, 할인 정책 등이 변동 될 수 있습니다.
(1) 학습 기간
- 수강 가능 기간은 1년(365일)이며 해당 기간 동안 자유롭게 학습 하실 수 있습니다.
유료수강기간(환불산정기간)은 최초 1개월 (30일)입니다. - 유/무료 수강기간 모두 동일한 환경으로 학습이 가능합니다.
- 수강 시작일(유료 수강기간)은 결제일로부터 기간이 산정 되며, 결제를 완료하시면 ‘내 강의실’을 통해 확인 가능합니다.
- 이지업클래스의 사정으로 인해 수강 시작이 늦어진 경우에는 해당 일정 만큼의 수강 기간이 연장됩니다.
(2) 환불 규정
- 이지업클래스의 환불규정은 아래와 같습니다.
* 전액환불- 수강 시작 후 14일 이내, 5차시 & 5%(시간) 미만 수강 시
- 수강 시작 후 14일 이내, 10차시 & 10% 미만 시간 수강시: 실 결제금액의 2/3을 환불
- 수강 시작 후 14일 이내, 15차시 & 15% 미만 수강시: 실 결제금액의 1/3을 환불
- 요청일 기준 수강 시작 후 15일 초과 또는 15차시 또는 15% 이상 수강시 : 환불금액 없음
(3) 주의 사항
- 본 강의는 상황에 따라 사전 공지나 안내 없이 할인이 조기 마감 또는 연장 될 수 있습니다.
- 천재지변, 폐업 등 서비스 중단이 불가피한 상황에는 사전 안내 없이 종료될 수 있습니다.
- 무제한 강의의 경우, 내 강의실 수강기간 연장 신청을 통해 무제한으로 연장 가능합니다.
- 구매한 무제한 강의의 연장 진행을 하지 않아 종료될 경우 복구되지 않습니다.
- 강의 컨텐츠는 향후 이지업클래스의 사정에 따라 추가 또는 업데이트 될 수 있습니다
이 강의를 담당하시는 강사님을 소개합니다
김동준
- 자바스크립트의 기초적인 부분부터 다양한 활용에 관해 정리한 내용입니다.
- 웹 개발 또는 퍼블리싱에 관심이 있거나, 적극 활용해보고 싶은 분들께 알찬 구성입니다.
- 누구라도 매혹적인 자바스크립트 언어의 사용 방향을 안내해 드립니다.
‘안녕하세요. 김동준 강사 입니다.’
자바 스크립트 강좌 시리즈를 담당하고 계신 김동준 강사님은 전문 분야 출신의 이론과 현장 경 험을 바탕으로 다양한 업계에서 많은 인재들을 지도해주고 계십니다.
- 웹 개발 또는 퍼블리싱에 관심이 있거나, 적극 활용해보고 싶은 분들께 알찬 구성입니다.
- 누구라도 매혹적인 자바스크립트 언어의 사용 방향을 안내해 드립니다.
‘안녕하세요. 김동준 강사 입니다.’
자바 스크립트 강좌 시리즈를 담당하고 계신 김동준 강사님은 전문 분야 출신의 이론과 현장 경 험을 바탕으로 다양한 업계에서 많은 인재들을 지도해주고 계십니다.
주요 이력
- 제이에스미디어 웹에이전시 팀장- 인터넷교육방송 팀장
- 한훈직업전문학교 온라인 팀장
- 다수의 직업훈련학교 등 강의
커리큘럼
맛보기 영상 | |
자바스크립트강의 -고급 실무활용 CLASS- | |
01강 자바스크립트 고급편 강의개요 | |
02강 ES6 set() 자료구조 | |
03강 ES6 set() 자료구조 - 생성시 추가와 Spread(펼침) 연산자 출력 | |
04강 ES6 set() 자료구조 - 반복 | |
05강 ES6 심볼(Symbol) 타입 | |
06강 ES6 심볼(Symbol) 사용법 | |
07강 자바스크립트 객체 이야기2 - 프로토타입(Prototype) | |
08강 자바스크립트 함수의 내부와 객체간의 관계(1) | |
09강 자바스크립트 함수의 내부와 객체간의 관계(2) | |
10강 자바스크립트 함수의 내부와 객체간의 관계(3) | |
11강 객체 생성시 생성자 안에서 메서드를 정의하면 안되는 이유 | |
12강 자바스크립트 프로토타입 상속(1) | |
13강 자바스크립트 프로토타입 상속(2) | |
14강 객체의 프로토타입 출력 | |
15강 new 연산자의 내부 동작 | |
16강 생성자 함수와 내부에서 처리되는 동작들 | |
17강 프로토타입 객체의 속성(1) | |
18강 프로토타입 객체의 속성(2) | |
19강 프로토타입 체인과 상속 구현 - 연습문제(1) | |
20강 프로토타입 체인과 상속 구현 - 연습문제(2) - for..in | |
21강 프로토타입 체인과 상속 구현 - 연습문제(3) - 생성자 함수와 new | |
22강 프로토타입 체인과 상속 구현 - 연습문제(4) - 값 수정 금지 | |
23강 제너레이터(Generator) - 개념학습 | |
24강 제너레이터(Generator) - iterator 객체와 next() 메서드 | |
25강 제너레이터(Generator) - 외부 데이터 전달 | |
26강 setTimeout vs setInterval - 두번째 이야기(1) | |
27강 setTimeout vs setInterval - 두번째 이야기(2) | |
28강 setTimeout vs setInterval - 두번째 이야기(3) | |
29강 Promise와 Generator 함수를 이용한 비동기 처리(1) | |
30강 Promise와 Generator 함수를 이용한 비동기 처리(2) - Promise로 변환 | |
31강 Promise와 Generator 함수를 이용한 비동기 처리(3) - Generator로 변환1 | |
32강 Promise와 Generator 함수를 이용한 비동기 처리(4) - Generator로 변환2 | |
33강 자바스크립트 클래스 | |
34강 자바스크립트 클래스 - 클래스와 프로토타입 | |
35강 자바스크립트 클래스(Class) - 호이스팅(Hoisting) | |
36강 자바스크립트 클래스(Class) - 클래스 호이스팅(Hoisting) | |
37강 자바스크립트 클래스 - 표현식 정의 | |
38강 자바스크립트 클래스 - 2가지 방식 | |
39강 자바스크립트 클래스 - getOwnPropertyNames() | |
40강 자바스크립트 클래스 - 체크문제 | |
41강 자바스크립트 클래스 - 생성자 메서드 | |
42강 자바스크립트 클래스 - 상속 | |
43강 자바스크립트 클래스 - 상속과 super(1) | |
44강 자바스크립트 클래스 - 상속과 super(2) | |
45강 자바스크립트 클래스 - 정적 메서드 | |
46강 자바스크립트 클래스 - 상속 관계에서의 정적 메서드 | |
47강 자바스크립트 클래스 - Object.create 상속(1) | |
48강 자바스크립트 클래스 - Object.create 상속(2) | |
49강 자바스크립트 클래스 - Object.create 상속(3) 코드 실습 | |
50강 자바스크립트 클래스 - 접근 제한자 | |
51강 자바스크립트 클래스 - getter, setter | |
52강 자바스크립트 클래스 - 다형성(1) | |
53강 자바스크립트 클래스 - 다형성(2) for of | |
54강 자바스크립트 클래스 - 다형성(3) toString | |
55강 자바스크립트 클래스 - 다형성(4) 이터러블 객체와 이터레이터 객체(1) | |
56강 자바스크립트 클래스 - 다형성(4) 이터러블 객체와 이터레이터 객체(2) | |
57강 자바스크립트 클래스 - 다형성(4) 이터레이터 객체 직접 구현하기 | |
58강 자바스크립트 클래스 - 다형성(5) | |
59강 자바스크립트 클래스 - 다형성(6) | |
60강 클로저(1) | |
61강 클로저(2) | |
62강 클로저(3) | |
63강 클로저(4) | |
64강 클로저(Closure) - 1초 단위로 1씩 증가하는 클로저 카운터를 구현하시오 | |
65강 클로저(Closure) - 버튼 클릭시 클로저 카운팅 | |
66강 li 리스트 태그에서의 클로저와 let | |
67강 li 리스트 태그에서의 클로저와 let - 리스트 함수로 만들어 자동화하기 | |
68강 커링(Currying) | |
69강 커링(Currying) - ES6 Arrow Function | |
70강 커링(Currying) - 문자열 | |
71강 커링(Currying) - 파라미터 순서 바꾸기(1) | |
72강 커링(Currying) - 파라미터 순서 바꾸기(2) | |
73강 개요와 노드 트리 | |
74강 텍스트 노드 | |
75강 이미지 노드 | |
76강 innerHTML vs innerText | |
77강 사용자 입력 폼과 노드 추가(1) | |
78강 사용자 입력 폼과 노드 추가(2) | |
79강 노드 삭제 | |
80강 li 엘리먼트의 특정 문자열로 li 요소 삭제하기 | |
81강 NodeList 객체와 Array 객체의 차이점 | |
82강 실전예제 - 작은 이미지 클릭시 큰 이미지로 변경하기(1) | |
83강 실전예제 - 작은 이미지 클릭시 큰 이미지로 변경하기(2) | |
84강 실전예제 - 작은 이미지 클릭시 큰 이미지로 변경하기(3) | |
85강 실전예제 - 작은 이미지 클릭시 큰 이미지로 변경하기(4) | |
86강 onclick vs addEventListener 두 메서드의 차이점 | |
87강 stopPropagation 메서드 사용법 | |
88강 CSS 이미지 확대 및 에니메이션 추가하기(1) | |
89강 CSS 이미지 확대 및 에니메이션 추가하기(2) - CSS Animation | |
90강 CSS 이미지 확대 및 에니메이션 추가하기(3) - Vendor prefix 또는 Browser prefix | |
91강 자바스크립트의 이벤트 동작 방식과 이벤트 대상 얻기(1) | |
92강 자바스크립트의 이벤트 동작 방식과 이벤트 대상 얻기(2) | |
93강 이벤트 위임과 활용(1) | |
94강 이벤트 위임과 활용(2) - event.target vs event.currentTarget | |
95강 이벤트 위임과 활용(3) - 동적 메뉴 추가시 이벤트 핸들러 등록1 | |
96강 이벤트 위임과 활용(3) - 동적 메뉴 추가시 이벤트 핸들러 등록2 |