2022년 신규 컨텐츠 업데이트 안내
  • IT 프로그래밍학부

프로그래밍

[HD]블록체인 기술을 활용한 에듀테크 서비스 입문

쉽게 배우는 C 알고리즘 입문

쉽게 배우는 Java 알고리즘 입문

[HD]쉽게 배우는 Python 알고리즘 입문

[HD]Machine Learning (머신러닝) 원리 및 이론 배우기

예제로 공부하는 Java (자바) 100 문제풀이 Part.1(변수, 연산자, 조건/반복문)

예제로 공부하는 Java (자바) 100 문제풀이 Part.2(배열과 함수)

예제로 공부하는 Java (자바) 100 문제풀이 Part.3(OOP)

예제로 공부하는 Java (자바) 100 문제풀이 Part.4(알고리즘, 컬렉션, 패키지)

Node.js 제대로 배우기

MySQL 기초에서 실무까지 완전정복 하기(기초)

MySQL 기초에서 실무까지 완전정복 하기(중급)

MySQL 기초에서 실무까지 완전정복 하기(고급)

쉽게 배우는 C# 알고리즘 프로그래밍

Java Spring Boot (스프링부트) 프레임워크(기초)

Java Spring Boot (스프링부트) 프레임워크(활용)

Cloud(클라우드) 인프라 관리 및 실무(도커, MSA, AWS)

Python(파이썬) 기초부터 실무까지 제대로 배우기 1

Python(파이썬) 기초부터 실무까지 제대로 배우기 2

Python(파이썬) 기초부터 실무까지 제대로 배우기 3

Python(파이썬) 기초부터 실무까지 제대로 배우기 4

인공지능(AI)-Machine Learning(머신러닝) 데이터전처리

실전 OS이론 및 Unix, Linux(유닉스, 리눅스)

OPEN API(공공 데이터)제대로 배우기

프론트엔드 개발자를 위한 실전 활용 예제

Python(파이썬) 데이터 분석 제대로 배우기 (공공데이터 활용)

MongoDB (몽고디비)로 배우는 NoSQL

계좌번호

과정소개

본 과정은 자바스크립트 프로그래밍 언어를 최신의 ES6 문법과 함께 학습하도록 기획된 과정입니다. 
이제 더 이상 자바스크립트 따로 ES6 따로 각각 공부할 필요없이 본 강좌를 통해서 최신의 ES6 문법과 자바스크립트 프로그래밍 언어를 같이 공부해나갈 수 있습니다.

학습목표

자바스크립트 프로그래밍 언어와 최신의 ES6 문법들을 함께 배울 수 있다.

교육대상

1. 자바스크립트 언어를 학습하고자 하는 분
2. 자바스크립트의 ES6 문법을 학습하고자 하는 분

커리큘럼

회차 목차 시간
1 실전편 과정개요 및 데모 예제 미리보기 24:49
2 아코디언(accordion) 메뉴 만들기(1) 37:11
3 아코디언(accordion) 메뉴 만들기(2) 29:50
4 아코디언(accordion) 메뉴 만들기(3) - CSS 코드 작업 34:29
5 아코디언(accordion) 메뉴 만들기(4) - JavaScript 코드 작업1 29:10
6 아코디언(accordion) 메뉴 만들기(5) - JavaScript 코드 작업2 20:02
7 아코디언(accordion) 메뉴 만들기(6) - JavaScript 코드 작업3 31:45
8 로컬 데이터 - localStorage에 값 저장 및 가져오기(1) 23:41
9 로컬 데이터 - localStorage에 값 저장 및 가져오기(2) 25:17
10 로컬 데이터 - localStorage에 값 저장 및 가져오기(3) - 스크립트 작성 20:48
11 로컬 데이터 - localStorage에 값 저장 및 가져오기(4) - 삭제하기 08:12
12 로컬 스토리지(Local Storage) 데이터 값들 출력하기(1) 36:21
13 로컬 스토리지(Local Storage) 데이터 값들 출력하기(2) 13:19
14 로컬 스토리지(Local Storage) 데이터 값들 출력하기(3) - 배열을 동적 테이블로 붙이기 23:09
15 로컬 스토리지(Local Storage) 데이터 값들 출력하기(4) - 로컬 데이터를 동적 테이블로 붙이기 29:51
16 로컬 스토리지(Local Storage) 데이터 값들 출력하기(5) - 최종 마무리 19:10
17 테이블의 열과 줄을 동적으로 생성하여 삽입하기(1) 20:07
18 테이블의 열과 줄을 동적으로 생성하여 삽입하기(2) 24:49
19 테이블의 열과 줄을 동적으로 생성하여 삽입하기(3) 28:56
20 테이블의 열과 줄을 동적으로 생성하여 삽입하기(4) 34:24
21 자바스크립트로 쿠키(Cookie) 읽기, 생성하기, 삭제하기(1) 25:23
22 자바스크립트로 쿠키(Cookie) 읽기, 생성하기, 삭제하기(2) 14:09
23 자바스크립트로 쿠키(Cookie) 읽기, 생성하기, 삭제하기(3) 27:45
24 자바스크립트로 쿠키(Cookie) 읽기, 생성하기, 삭제하기(4) 21:56
25 JS 쿠키 사용자 정의 함수 및 전체 삭제 만들기(1) 27:51
26 JS 쿠키 사용자 정의 함수 및 전체 삭제 만들기(2) 27:29
27 JS 쿠키 사용자 정의 함수 및 전체 삭제 만들기(3) 10:05
28 JS 쿠키 사용자 정의 함수 및 전체 삭제 만들기(4) 19:13
29 JS 쿠키 사용자 정의 함수 및 전체 삭제 만들기(5) 30:58
30 JS 쿠키 사용자 정의 함수 및 전체 삭제 만들기(6) - 반복문 역순 09:08
31 라이브러리를 이용한 JS 쿠키 - jQuery Cookie 31:06
32 라이브러리를 이용한 JS 쿠키 - js-cookie(1) 28:51
33 라이브러리를 이용한 JS 쿠키 - js-cookie(2) 14:10
34 라이브러리를 이용한 JS 쿠키 - js-cookie(3) - 전체 삭제 19:20
35 userGetCookie 함수 직접 구현하기(1) 39:16
36 userGetCookie 함수 직접 구현하기(2) 30:18
37 userGetCookie 함수 직접 구현하기(3) - 연습 10:42
38 userGetCookie 함수 직접 구현하기(4) - forEach() 메서드 사용 30:53
39 userGetCookie 함수 직접 구현하기(5) - ES6 버전으로 만들기1 24:14
40 userGetCookie 함수 직접 구현하기(5) - ES6 버전으로 만들기2 31:05
41 startsWith 및 find 함수 사용법 22:06
42 JS-Cookie 라이브러리를 활용한 팝업 창 만들기 및 오늘 하루만 띄우기(1) 29:42
43 JS-Cookie 라이브러리를 활용한 팝업 창 만들기 및 오늘 하루만 띄우기(2) 26:15
44 가상 클래스 vs 가상 요소1 29:28
45 가상 클래스 vs 가상 요소2 24:10
46 가상 클래스 vs 가상 요소3 - 실습 17:32
47 가상 클래스 vs 가상 요소4 - 창 닫기 버튼 실습 32:03
48 가상 요소로 푸터 디자인 만들기(1) 27:53
49 가상 요소로 푸터 디자인 만들기(2) 24:44
50 가상 요소로 푸터 디자인 만들기(3) 22:50
51 가상 요소로 푸터 디자인 만들기(4) 34:22
52 JS-Cookie 라이브러리를 활용한 팝업 창 만들기 및 오늘 하루만 띄우기(3) 22:53
53 JS-Cookie 라이브러리를 활용한 팝업 창 만들기 및 오늘 하루만 띄우기(4) 27:03
54 JS-Cookie 라이브러리를 활용한 팝업 창 만들기 및 오늘 하루만 띄우기(5) 33:54
55 JS-Cookie 라이브러리를 활용한 팝업 창 만들기 및 오늘 하루만 띄우기(6) 21:16
56 JS-Cookie 라이브러리를 활용한 팝업 창 만들기 및 오늘 하루만 띄우기(7) - 스크립트1 29:01
57 JS-Cookie 라이브러리를 활용한 팝업 창 만들기 및 오늘 하루만 띄우기(8) - 스크립트2 27:08
58 JS-Cookie 라이브러리를 활용한 팝업 창 만들기 및 오늘 하루만 띄우기(9) - 팝업창 디자인변경 및 삭제 25:40