• 로그인
  • 장바구니에 상품이 없습니다.

신청하기
  • 120,000 56,000
  • 365 Days

 

JavaScript ES6 신문법과 객체지향 문법들을 배울 수 있는 자바스크립트 심화과정입니다.

여러분이 어려워하던 this, class, prototype, 객체지향 개념과 더불어 spread, arrow, async, Promise, import 등 ES6 문법까지 완벽하게 익혀 코드를 약간 더 간지나게 만들어봅시다. 

이제 문법책 안뒤져도 될 듯

 

대충 문법만 쭉 나열하면서 진행하는 무책임한 강의가 아니며

실제 상황에서의 연습문제를 통해 문법을 사용하는 방법을 많이 익히실 수 있습니다.

연습문제 이런것도 코딩테스트난이도는 아니고 여러분 자신감좀 가지게하려고 어려운 편은 아닙니다. 

 

 

 

[매우 자주묻는 질문]

Q. 리액트 듣기 전에 꼭 이거 먼저 들어야하나요?

A. 그건 자바스크립트 기초만 알면 됩니다.

 

 

 

[추천 대상]

- 기본 문법은 아는데 자바스크립트의 동작 원리와 심화 개념을 배우고 싶다

- 리액트, Vue, Angular 라이브러리를 배우기 전 문법 개념을 강화하고 싶다

- 객체지향, class, prototype 문법이 도저히 이해가 안간다

- 누가 ES6 문법 깔끔하게 싹 정리해줬으면 좋겠다

- 면접볼 때 자바스크립트 깊은 지식 물어볼까봐 무섭다

 

 

[커리큘럼]

- this 키워드 
- Arrow function
- var let const 변수와 전역객체 window
- Destructuring으로 변수만들기
- Template literals로 글자다루기
- Object 1. Reference data type 이해하기
- Object 2. Method 만들기
- Object 3. 객체를 위한 constructor와 ES6 class
- Object 4. 상속을 위한 prototype과 extends
- Spread & Rest 연산자 사용법 정리
- apply, call, super 함수로 재활용하기
- getter, setter로 데이터관리하기
- import/export로 모듈화해서 개발하기
- 동기/비동기처리
- 브라우저 동작원리
- Promise, async, await으로 순서대로 코드 실행시키기
- Enumerable / iterable 속성들
- JS문법 연습문제들

 

 

 

[필요한 사전지식]

- HTML/CSS 기초

- JavaScript 기초 (var, function, if, for 반복문, Array와 Object)

 

 

 

[업데이트]

- 객체지향, optional chaining, 게임만들기 강의 추가

 

 

 

 

커리큘럼

Part 1
강의 OT 무료 00:02:00
강의 듣기 전 자바스크립트 기본 문법 총정리 무료 00:11:00
this 키워드를 알아보자 1. 함수와 Object에서 사용하면? 무료 00:12:00
this 키워드를 알아보자 2. event listener와 constructor 무료 00:15:00
Arrow function과 그냥 function은 다름 무료 00:09:00
this & arrow function 연습문제 3개 무료 00:00:00
this & arrow function 연습문제 해설 00:11:00
변수 총정리 1. var let const와 선언,할당,범위 무료 00:13:00
변수 총정리 2. Hoisting, 전역변수, 참조 00:11:00
변수 연습문제 6개 00:00:00
변수 연습문제 해설 00:16:00
문자 다루는 신기한 방법 (Template literals) 00:12:00
Template / tagged literals 연습문제 2개와 풀이 00:07:00
모든 괄호를 없애주는 Spread Operator 활용방법 1 00:14:00
Spread Operator 활용방법 2 & apply, call 함수 00:11:00
Part 2
함수 업그레이드하기 (default parameter, arguments) 무료 00:10:00
함수에서 쓰는 점3개 Rest 파라미터를 알아봅시다 무료 00:08:00
Spread, rest 파라미터 연습문제 8개 00:05:00
Spread, rest 파라미터 연습문제 답안 00:17:00
이상한 reference data type 00:18:00
객체지향1. Object 생성기 constructor 00:15:00
객체지향2. 이거 보고 prototype 이해 못하면 강의 접음 00:10:00
객체지향3. 실은 유전자 조작도 가능 00:10:00
constructor, prototype 연습문제 4개 00:00:00
객체지향4. class 00:08:00
객체지향5. class를 복사하는 extends / super 00:10:00
객체지향 장단점과 composition 00:13:00
getter, setter 대체 왜 쓰는지 알아보기 00:16:00
class, extends, getter, setter 연습문제 5개 00:00:00
class, extends, getter, setter 연습문제 답안 00:00:00
Part 3
틀린그림 찾기능력이 향상되는 Destructuring 문법 00:15:00
import / export 를 이용한 모듈식 개발 00:15:00
Stack, Queue를 이용한 브라우저 동작원리 00:10:00
동기/비동기처리와 콜백함수라는 용어 깔끔하게 정리 00:16:00
쉽게 설명하는 Promise 00:15:00
Promise 간단 연습문제 & 해설 00:10:00
Promise 어려워서 싫으면 async/await을사용합시다 00:16:00
for in / for of 반복문과 enumerable, iterable 속성 00:14:00
Symbol 자료형은 쓸모없어보이는데 왜 있지 00:12:00
매우 짧게 알아보는 Map, Set 자료형 00:12:00
Web Components : 커스텀 HTML 태그 만들기 00:11:00
shadow DOM과 template으로 HTML 모듈화하기 00:12:00
class로 만들어보는 간단한 2D 게임 1 00:18:00
class로 만들어보는 간단한 2D 게임 2 (collision detection) 00:22:00
?. / ?? 연산자 (optional chaining) 00:07:00

수강생 리뷰

5

5
34 ratings
  • 5 ★34
  • 4 ★0
  • 3 ★0
  • 2 ★0
  • 1 ★0
  1. 코딩애플을 지금에서야 알게된게 너무 아쉽다.

    5

    국비학원 듣고 별별 인터넷강의 다듣고 돈날리고
    그냥 남는거없이 SI가서 개같이 구르다가 2년차에 깨닫고 퇴사후 프론트 취업하려고 다시 공부하고있는데
    class 설명하는거에 지려서 바로 결제했습니다.
    진짜 50퍼센트 완강했는데 2~3년동안 시간만 오지게 버리고 이제서라도 만회하는 느낌이네요..
    코딩애플을 조금이라도 더 알았다면 좋은회사 진작에 갔을거라 생각함..
    진심으로 유데X나 인프X 등등 1~3만원짜리 강의 10개 들을바에 코딩애플 5만원짜리 하나 듣는게 시간아끼고 돈아끼는길임
    진짜 국민을 위해서라도 코딩애플은 더 홍보해야됨
    왜 이강의를 이제서야 알았을까..

  2. 아무에게 알려주지 않고 나만 독식하고 싶다....

    5

    나만 이 강의 알고 싶다.
    라는 생각이 들 정도로 쉽고 이해를 빠르게 하게 도와주는 강의다.

  3. 노아가 살아 있다면

    5

    이 강의를 방주에 실었을 것이다.

  4. 이해못했던 문법을 이해했습니다!!

    5

    타강의 들으면서 정말 이해도 못했던 constructor와 this를 이제서야!! 정말 이제서야!! 이해했습니다. 이 this가 저 this 이던가??
    왜 이 this가 이 this지?? 라며 자바스크립트 강의를 완강해서 너무 너무 이해가 안되서 쓰질 못했는데 이 강의를 듣고 아하~
    prototype은 도대체 뭔지 getter/setter는 뭔지 promise는 뭔지... 정말 그냥 포기할려고 했는데 애플코딩강의를 듣고
    좀 해볼만하다는 생각이 처음으로 들었습니다.

  5. 강좌 정말 재밌게 봤습니다

    5

    자바스크립트... ES6.. 대체 뭘까..
    매번 공부도 하고 실무에서 접하기도 하지만 항상 뭔가 어려웠는데
    이 강좌를 보고 좀 더 쉽게 이해하게 되었습니다
    어려운 것도 쉽게 쉽게 설명해주시고.. 정말 강좌 내내 재밌게 즐겁게 공부했습니다
    이제 타입스크립트 강좌를 볼 차례인데, 기대가 되네요 🙂

  6. 그저 갓갓

    5

    이론만 공부하며 헤맸던 시간이 너무나 아깝다. 코딩에 없던 흥미도 생기는 강의. 사랑합니다.

  7. 코딩애플

    5

    내 인생을 구하러 온 나의 구원자

  8. 번거로운거 질색해서, 10년동안 공부 안했는데...

    5

    여기에 다 모아주셔서 감사합니다 ㅋㅋㅋ 그것도 강의 퀄리티도 진짜 제대로네요~~
    어디가서 자바스크립트 왠만큼 한다는 사람도 프로토타입 모르는 사람이 90% 이상입니다.
    여기는 제대로 알려주잖아요~~ 그럼 그냥 결제하면 됨~~~

  9. 진정한 천재세요.. 감사합니다

    5

    제가 자바스크립트를 이해하는 날이 오네요 ㅜ
    정말 감사합니다 선생님
    다음 강의 결제하러 갑니다 ..총총

  10. 대애플

    5

    코딩애플, 나의 사랑.
    코딩애플, 나의 빛.
    코딩애플, 나의 어둠.
    코딩애플, 나의 삶.
    코딩애플, 나의 기쁨.
    코딩애플, 나의 슬픔.
    코딩애플 나의 고통.
    코딩애플, 나의 안식.

    코딩애플, 나.

  11. 내 사랑 코딩애플

    5

    축구계에 손흥민이 있다면 코딩계에는 코딩애플이 있다.
    이젠 형이라고 불러야지...

    자바스크립트 초급강좌에서 탈탈 털리고나니 고급 강좌가 너무 쉽고 재밌네요.
    애플형을 알기 전 맨땅에 헤딩하며 배웠던 것들이 퍼즐 조각처럼 맞춰지는 느낌입니다.
    수강생들 기 살려주려고 응용 문제를 쉽게 내셨는데 막히지 않고 술술 풀리니 도파민이 쫙쫙 오릅니다.
    개인적으로 모던 자바스크립트 deep dive도 보고있는데 강의 수강하고 다시보니 책이 제대로 씹히네요. 아주 맛있어요!

  12. 5

    매번 쓰는 코드만 계속해서 사용했는네, 덕분에 JS 를 더 잘 다룰 수 있게 되었습니다. 감사합니다.

  13. 1 2
신청하기
  • 120,000 56,000
  • 365 Days

선생님

9587명의 수강생

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠