Thumbnail
개발 · 프로그래밍 프로그래밍 언어

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

(4.7)
216개의 수강평 ∙  9,007명의 수강생
공개되지 않은 강의로
수강이 제한됩니다.
지식공유자: 윤지수
총 44개 수업 (5시간 14분)
수강기한: 
무제한
수료증: 미발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변: 미제공

초급자를 위해 준비한
[프로그래밍 언어] 강의입니다.

자바스크립트 표준 ECMAScript! 큰 변화가 있었고, 모던 자바스크립트의 축이 되는 ES2015 (ES6) 를 학습하는 강좌 입니다. 이 강좌는 전체내용을 교과서적으로 자세히 설명하는 방식이 아닌, 각 feature별 짧은 실습코드를 통해서 실제로 어떻게 구현하고 활용하는지를 배울 수 있습니다. 코드스쿼드의 윤지수 Front-End 마스터가 각 기능을 예제코드를 통해 이해하는 실습형 강좌입니다.

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한 웹프론트엔드 개발방법에 관심이 많으며, 부스트코스 웹풀스택 교육 설계/강의자 입니다.
<개인 유튜브 채널 링크>

코드스쿼드  개발자 출신의 교육 전문가들이 만든 최고품질의 소프트웨어 교육기관 http://codesquad.kr

안녕하세요
윤지수 입니다.
윤지수의 썸네일
공동 지식공유자: yoda의 썸네일
커리큘럼 총 44 개 ˙ 5시간 14분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 오리엔테이션
섹션 1. scope
let 미리보기 03:00
let 과 closure 05:00
const - 선언된 변수 지키기 04:00
const 특성과 immutable array 06:00
섹션 3. Array
for of - 순회하기 05:00
spread operator - 배열의 복사 미리보기 03:00
spread operator - 몇가지 활용 05:00
from 메서드로 진짜 배열 만들기 05:02
섹션 4. 실습 1 - 특정 문자열이 포함된 배열 만들어 반환하기
실습 예제 1 02:00
실습 예제 1 풀어보기 06:00
섹션 5. Object
간단히 객체생성하기 05:00
섹션 6. Destructuring
섹션 7. Set & WeakSet
Set 으로 유니크한 배열만들기 05:09
WeakSet 으로 효과적으로 객체타입저장하기 05:44
섹션 8. Map & WeakMap
Map & WeakMap 추가정보를 담은 객체저장하기 06:00
WeakMap 클래스 인스턴스 변수 보호하기 08:00
섹션 9. 실습예제 2 - Destructuring 과 Set 을 활용한 로또 번호 생성기
로또 번호 생성기 02:00
섹션 10. Template
Template처리 03:00
Tagged Template literals 08:00
섹션 11. function
Arrow function 활용 미리보기 05:00
Arrow function 의 this context 08:00
function default paramaters 03:00
rest paramaters 06:00
섹션 12. 객체
class 를 통한 객체생성 08:00
Object assign으로 JS객체만들기 08:07
Object assign으로 Immutable 객체만들기 06:00
Object setPrototypeOf로 객체만들기 07:00
Object setPrototypeOf 로 객체간 prototype chain생성하기 06:00
섹션 13. module
module(export & import)의 이해 07:00
module(export & import)기반 서비스코드 구현방법 16:38
섹션 14. Proxy
Proxy로 interception기능구현 17:00
섹션 15. 미니 프로젝트
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년 06월 26일 (마지막 업데이트일 : 2018년 04월 19일)
수강평 총 216개
수강생분들이 직접 작성하신 수강평입니다.
4.7
216개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
helito thumbnail
5
중요한 핵심위주의 ES6를 듣게되서 좋았습니다.
2023-04-06
yeegok3 thumbnail
5
감사합니다.
2023-06-13
Jaewoo Jung thumbnail
5
아직 수강중이지만 첨 시작하는 javascript 공부인데 알아듣기 편하네요~
2019-07-25
지식공유자 윤지수
네 ES6이전 문법도 공부같이 해보시면 좋아요.
2019-07-31
Hyun-Jin Jeong thumbnail
5
프론트엔드를 리액트로만 코딩하다가 바닐라js 개념을 잡고 싶어서 보는데 정말 필요한 핵심만 강의해주시는 것 같습니다! 근데 후반부 강의는 어느 정도 기본 개념이 있어야 잘 따라갈 수 있을 것 같아요.
2020-04-10
진인사 thumbnail
5
es6 를 기초를 잡는데 도움이 되었습니다. 기초개념부터 활용까지 집어주셔서 정말 도움이 되었네요. 특히 마지막에 webpack 기반에 활용까지 넣어 주셔서 좋았구요. 무료강좌인데도.. 감사합니다. 디버깅/강의중 오류수정 등은 개발에 과정으로 생각해서 저는 오히려 좋았습니다. 강의를 토대로 앞으로 더욱 공부해야 겠습니다. ^--^
2019-04-07
지식공유자 윤지수
응답 감사합니다. 디버깅 오류과정을 오히려 이해해주셔서 감사합니다. ^^ 즐 코딩 하세요!
2019-04-11