모던 자바스크립트(javascript) 개발을 위한 ES6 강좌

모던 자바스크립트(javascript) 개발을 위한 ES6 강좌

(49개의 수강평)

3840명의 수강생
무료
지식공유자 · 윤지수
44회 수업 · 총 5시간 7분 수업
평생 무제한 시청
수료증 발급 강좌
수강 난이도 '중급'

1. 모던 자바스크립트 개발을 위한 ES6 강좌 소개

javascript 표준을 정의하는 ECMAScript 중 최근 가장 중요한 변화를 겪었던 ECMAScript 2015(이하 ES6) 를 학습해볼 수 있는 강좌입니다. ES6 에서 새롭게 추가된 syntax 와 기능들을 코드를 통해서 짚어보고 사용해 보면서 javascript 의 이런저런 특징들을 알 수 있게 됩니다. 또한 학습 중간 중간 '배열만들기' 와  '로또번호만들기' 등의 간단한 실습 예제들을 만들어, 생각해보면서 자기의 것으로 만들 수 있도록 도와주는 실습형 강좌입니다.

왜 ES6 를 배워야 하죠?

  • 모던 자바스크립트 개발을 위해
  • 다른 사람의 코드를 읽고 사용하기 위해
  • 현재 많이 사용되는 javascript 라이브러리와 프레임워크(react, angular,vue 등등..) 는 대부분 ES6 를 기반으로 둠
  • 새로운 syntax로 보다 효율적으로 개발
  • 새로운 기능의 사용으로 라이브러리에서 벗어날 수 있음

2. 도움되는 분들

  • 자바스크립트를 다루는 개발자
  • 많이 쓰이고 있는 라이브러리, 프레임워크를 이해하고 싶은 분
  • ES6 의 새로운 부분을 알고 싶은 분
  • javascript 에 대한 이해도가 있는 분

3. 강좌 특징

  • 예제 코드를 통한 실습 중심의 강좌 (자바스크립트 기본을 학습하고 싶은 분께는 맞지 않습니다.)
  • 난이도 : 초급~중급 (입문용 아니에요.)
  • jsBin 을 통해 학습을 진행합니다. (http://jsbin.com)

4. 강사소개

윤지수
네이버에서 Core UI 개발과 개발팀장을 했습니다. NEXT에서 웹 UI 전임교수를 하며 인재양성을 하기도 했으며, SK Planet 에서 기술분야의 유일한 Master레벨로 근무했습니다. 삼성전자, 씨티은행, 삼성생명, NAVER Technology service, 위메프등 국내 여러회사에서 웹프론트엔드 강의 경력이 있으며, 2014년에 NAVER 신입사원교육, 2015년 SK Planet 신입사원 교육을 설계하고 멘토로 참여했습니다. Deview 2016에서 웹프론트엔드 강의를 하기도 했습니다. UX를 고려한 웹 프론트엔드 개발방법과 Clean한 웹프론트엔드 개발방법에 관심이 많습니다. 개발관련 유용한 강의자료를 40편 정도 slideshare를 통해서 많은 개발자들에게 공유하고 있습니다.
코드스쿼드 코드스쿼드 개발자 출신의 교육 전문가들이 만든 최고품질의 소프트웨어 교육기관 http://codesquad.kr

교육과정

모두 펼치기 44 강의 5시간 7분
섹션 0. 오리엔테이션
1 강의 05 : 00
섹션 1. scope
4 강의 18 : 00
let
03 : 00
let 과 closure
05 : 00
const - 선언된 변수 지키기
04 : 00
const 특성과 immutable array
06 : 00
섹션 3. Array
4 강의 18 : 00
for of - 순회하기
05 : 00
spread operator - 배열의 복사
03 : 00
spread operator - 몇가지 활용
05 : 00
from 메서드로 진짜 배열 만들기
05 : 00
섹션 4. 실습 1 - 특정 문자열이 포함된 배열 만들어 반환하기
2 강의 08 : 00
실습 예제 1
02 : 00
실습 예제 1 풀어보기
06 : 00
섹션 5. Object
1 강의 05 : 00
간단히 객체생성하기
05 : 00
섹션 6. Destructuring
4 강의 14 : 00
섹션 7. Set & WeakSet
2 강의 10 : 00
Set 으로 유니크한 배열만들기
05 : 00
WeakSet 으로 효과적으로 객체타입저장하기
05 : 00
섹션 8. Map & WeakMap
2 강의 14 : 00
Map & WeakMap 추가정보를 담은 객체저장하기
06 : 00
WeakMap 클래스 인스턴스 변수 보호하기
08 : 00
섹션 9. 실습예제 2 - Destructuring 과 Set 을 활용한 로또 번호 생성기
1 강의 02 : 00
로또 번호 생성기
02 : 00
섹션 10. Template
2 강의 11 : 00
Template처리
03 : 00
Tagged Template literals
08 : 00
섹션 11. function
4 강의 22 : 00
Arrow function 활용
05 : 00
Arrow function 의 this context
08 : 00
function default paramaters
03 : 00
rest paramaters
06 : 00
섹션 12. 객체
5 강의 35 : 00
class 를 통한 객체생성
08 : 00
Object assign으로 JS객체만들기
08 : 00
Object assign으로 Immutable 객체만들기
06 : 00
Object setPrototypeOf로 객체만들기
07 : 00
Object setPrototypeOf 로 객체간 prototype chain생성하기
06 : 00
섹션 13. module
2 강의 17 : 00
module(export & import)의 이해
07 : 00
module(export & import)기반 서비스코드 구현방법
10 : 00
섹션 14. Proxy
1 강의 17 : 00
Proxy로 interception기능구현
17 : 00
섹션 15. 미니 프로젝트
8 강의 107 : 00
step0. 미니 프로젝트 소개
04 : 00
step1. nodeJS 기반 환경구성과 webpack
18 : 00
step2. babel preset 설정
14 : 00
step3. webpack-dev-server와 html 구성
12 : 00
step4-1. XHR통신
10 : 00
step4-2. bloglist 추가
08 : 00
step5. Set자료에 데이터 추가(찜하기기능)
21 : 00
step6. 찜목록뷰 업데이트
20 : 00

공개 일자

2017년 6월 25일 (마지막 업데이트 일자 : 2018년 4월 19일)

수강 후기

4.5
49개의 수강평
진인사 7달 전
es6 를 기초를 잡는데 도움이 되었습니다. 기초개념부터 활용까지 집어주셔서 정말 도움이 되었네요. 특히 마지막에 webpack 기반에 활용까지 넣어 주셔서 좋았구요. 무료강좌인데도.. 감사합니다. 디버깅/강의중 오류수정 등은 개발에 과정으로 생각해서 저는 오히려 좋았습니다. 강의를 토대로 앞으로 더욱 공부해야 겠습니다. ^--^
윤지수 프로필

윤지수 7달 전
응답 감사합니다. 디버깅 오류과정을 오히려 이해해주셔서 감사합니다. ^^ 즐 코딩 하세요!

Jaewoo Jung 3달 전
아직 수강중이지만 첨 시작하는 javascript 공부인데 알아듣기 편하네요~
윤지수 프로필

윤지수 3달 전
네 ES6이전 문법도 공부같이 해보시면 좋아요.

지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강좌들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스