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

신청하기
  • 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

    타강의 대비 자세하고 친절하게 때로는 센스있게 강의하시는게 여타 다른 강의에 비해 귀에 잘들어옵니다. 강추합니다

  2. 이런강의가 진정한 명강의가 아닌가 생각합니다.

    5

    블로그, 유튜브, 구글링 엄청해서 이해하려했던...그래도 아직 이해가 안가던 이론들이, 단 5분~10분 설명듣고 깔끔하게 이해가 되는건 정말 놀랍고 경이로울 정도였습니다. 표현을 좀 과하게 한건가 하는 것처럼 들릴 수도 있겠지만, 저에게는 정말 그랬어요. 감사합니다.

  3. 수료증발급

    5

    수료증 발급은 어떻게 받나요??

  4. 나도 이제 곧 JS 전문가

    5

    JavaScript 이론이 실무와 나란히 2top 일 정도로 중요한것 같아요. 원리설명과 실생활 관련 연습문제들이 초보자에게 너무 좋아요.
    4/27 오늘 ES6 완강했습니다.
    그 전에 여기서 JS_UI/nodeJS/ReactJS 만들기부터 하면서, 코드의 용도를 경험하고 들으니 더 효율적이었습니다.
    ES6 수업 중 객체지향/ sync&async/ arrow Fn 수업이 제일 인상깊었어요.
    도데체 그 쉬운 붕어빵 틀로 무엇을? 왜? 찍어낸다는 거야/ 동기 비동기 단어만 들어도 공포...인 상태에서 여기서 편하게 이해할 수 있었으니까요.
    코딩애플 만나서 진짜 다행이에요.

  5. 수강증 발급 어떻게 받나요??

    5

    수강증 발급 알고싶어요

  6. 모든 면에서 최상급 강의입니다.

    5

    코딩애플님의 강의를 신청하게 된 계기는, 유튜브를 보고 재밌게 가르치는 강사님이라는 생각에 신청하게 되었습니다.

    이해하기 쉽고, 재밌게 가르치는 것을 코딩애플님의 최대장점으로 삼는 것 같아서, 신청했는데,
    단순히 쉽고, 재밌게 가르쳐주시는 것 뿐 아니라
    강의의 내용 역시 매우 방대하고, 깊습니다.

    예전 jquery 로는 풀드래그 & 드롭방식으로, 홈페이지 빌더로 블록 쌓듯이, 사용자들이 몇번만 클릭하면 홈페이지가 만들어지는 싸이트를 구축했고,
    최근에는 리액트, mongodb, nextjs 로 서비스를 만들고 (여러 react 라이브러리 포함), vercel 로 배포해서 실 서비스를 운영중에 있기때문에,

    무언가를 제작하는 것은 크게 어려운 면은 없고, 이런 온라인 강좌가 인기를 끌기전에,
    자바스크립트책들을 5권이상 읽고 나름 이해를 했었으나, 그럼에도,
    제작보다는, 자바스크립트 문법적인 면에서 스스로의 부족함을 느꼈습니다.

    그래서 자바스크립트에 대한 깊이 있는 이해가 필요하다고 생각이 들어, 한번 큰 정리를 해야겠다고 생각해서,
    자바스크립트 딥다이브책을 정리해보려던 중,
    코딩애플님의 강의를 사전에 학습하고 들어가기 위해, 강의를 들었습니다.

    약 3일정도에 걸쳐 완강했는데, 매우 쉽게 중급 및 es6 내용을 알려주십니다.

    특히, 예전에는 이런방식으로 제작했으나, 이걸 더 편리하게 하기 위해 이런 문법이 나왔으며 라고 설명해주시는 데
    그러다보니, 빠르게 이해할 수 있게 됐고,
    prototype 역시 유전자를 빗대어 설명해주시는데
    듣고 나서 잊어버리지 않는 비유법과 설명으로 진행되다보니,
    강의를 듣고 나서 많은게 남는 강의인듯 합니다.

    자바스크립트에 대한 매우 깊이있는 이해를 하고 있는 사람만이 전달할 수 있는 강의라고 생각되며,
    타 강사분들이 같은 주제로 같은 설명을 하는 것들도 봤지만, (예를 들어 apply, call)
    강의를 위해 서칭을 해서 준비를 해서 가르치는 느낌을 받았다면,
    코딩애플님은 자바스크립트를 수없이 사용해본 마스터로써, 부사수에게 쉽게 쉽게 설명해주는 사수 같은 느낌을 받습니다.

    이 차이는, 강의의 질 전체를 좌우하는 느낌이며, 매우 깊은 인상을 받았습니다.

    문법강의는 사실 매우 지루할 수 있습니다. 수강생이 집중력을 잃기도 좋습니다.
    클론코딩을 비롯해서 무언가를 제작해보는 강의는 재밌습니다.
    여기까지 만들고 싶다. 이 기능도 넣고 싶다.
    오늘은 여기까지는 무조건 만들어봐야지 하며 충분한 목표의식을 갖고
    따라가기 쉽지만,

    문법정리는
    '아.. 이미 충분히 돌아가는 싸이트를 만들 수 있는데. 이걸 도대체 왜 더 알아야해?'
    라거나
    '어렴풋하게 이해는 하지만 말로는 떠들 수가 없네' 하는 상태가 되는 것 같습니다.

    하지만, '말로 명쾌하게 설명할 수 없는 것은 안다고 할 수 없는 것이며, 고오오급 개발자가 되려면
    동작원리의 이해가 완벽하게 된 상태에서 누구한테든 설명을 할 수 있어야 겠죠.

    프론트개발자는 사실상 '자바스크립트 마스터' 라고 할 수 있기때문에,
    예전 이 직무가 확고하기 전처럼, 그저 어느정도 할 줄 아는 정도로는 안되고,
    전문가이기때문에 완벽한 숙지를 해야하는 것은 당연한 의무라고 할 수 있겠습니다.
    (사소한 질문에도 투머치토킹이 가능할정도 ㅋㅋ)

    자바스크립트를 완벽하게 마스터하는 데 있어서 많은 도움이 되는 강의이며,
    이런 지루한 과정을 전혀 지루하지 않고 재밌게 끝까지 잘 따라가며 100% 끝까지 모두 다 이해하게끔 가르쳐주십니다.
    (자기가 잘하는 것과 수강생을 잘하게 하는 것은 또 다른 영역인데, 코딩애플님은 수강생까지도 잘하게 만드는 최고의 Teacher 입니다.)
    물론 어떤 책도, 어떤 강의도 하나만으로 100%를 다 얻었다 할 수는 없을 것입니다.

    이 강의를 완벽하게 숙지한 이후, 그 어떤 질문에도 깊은 대답을 할 수 있을 정도의
    깊이 있는 학습을 추가적으로 좀 더 한다면,
    자바스크립트에 대한 매우 깊은 이해를 하는 개발자가 될 수 있을 거라 생각합니다.

    이 강의는 최소 25만원 이상의 강의이며,
    F** 강의로 비추어본다면 가치는 60만원 이상의 강의라 생각합니다.

    보통, 아.. 정말 잘하는 사수가, 좀 쉽게 쉽게 바로 바로 사용할 수 있게 좀 알려줬으면 좋겠네..
    라는 생각을 할때가 있을텐데, 코딩애플님 강의가 딱 그렇게 옆에서 과외해주며 재밌게 가르쳐주는 강의이며,
    그 강의가 이런 가격이라는 것은 정말 엄청나게 헐값에 가까운 강의라 생각합니다.

    추가적으로 바라는 것이 있다면, 현재 리액트 강의 기준이 입문자수준인데, 중급이상의 강의 개설과
    nodejs 도 초급수준인데, mongodb 등에 대한 중급강의
    즉 심화버젼이 나온다면, 나오자마자 신청하려고 합니다.

  7. 그냥 결제 해 !!!!!!!!!!!!!!!!!!!

    5

    리뷰읽는 님들 ㅎㅇ~
    본인소개 대림코딩, 노박사코더에 대략 40정도지른 흑우임(보는사람중에도 나같은 흑우 있을거임ㅇㅇ)

    대림코딩, 노박사코더식 강의 -> 일단 따라 쳐. 모르는거 있어? 그럼 MDN 찾아보자. 음~ Parameter가 어쩌고저쩌고 이 Class는 Constructor가 어쩌고 Instance는 어쩌고 ~ await은 ~~~ async는 어쩌고~ Object oriented로 코딩을 하려면 어쩌고~~ . . .

    모국어가 영어이다 + 나는 프로그래밍언어 원서를 머가리에 때려넣을 수 있는 브레인이 있다.
    위 경우라면 들어도 댐 ㅇㅇ. 근데 아니라면?
    계속 듣다보면 의미없이 따라치기만 하는 자신을 볼 수 있을것임 (ㅇㅈ?)
    이게 참으로 안타까운건데, 위의 강사들도 나름대로 '쉽게' 설명 하려고 노력한 결과라는거임...
    아무튼, 위와 같은 강의만 계속해서 들었다는 가정하에, 몇가지 응용할 수는 있음
    HTML CSS같은거? 그냥 배운거 + 이것저것 만져보면서 만들 수 있음
    JS? 그냥 구글링 하면서 MDN도 가봤다가 다른 개발자 블로그도 가봤다가 하면서 만들 수 있음
    근데 원리, 개념 이런거 이해 못함 ㅋㅋ 절대 못함
    블로그든 MDN이든 설명자체가 굉장히 불친절하기 때문에 그 내용을 읽었을 때 기능의 본질을 제대로 이해 할 수 있는 뉴비개발자는 없음.
    위 과정을 계속 반복하다가 어느순간 현자타임에 빠짐ㅇㅇ

    반면 코딩애플에서는?
    머가리에 때려박히는 ㅈㄴ 적절한 비유 + 예제를 직접 풀어보면서 기능을 익힘 + 어떤 기능을 만들 때 사용하면 좋을까? 스스로 생각하게 해줌 + 전문적인 개발용어
    위 순서대로 알려줌.
    진짜 타 강의에 돈 쳐발라도 Class나 prototype 객체지향 문법들 절대 이해 못할것같다 라고 생각했었는데,
    코딩애플 객체지향문법듣고 신세계를 경험함
    강의 듣자마자 바로 Constructor 문법으로 회원가입 기능도 만들 수 있겠네? 생각들어서
    회원가입기능 뚝딱 만듬
    상품목록 오브젝트도 그냥 Class 문법으로 만들 수 있겠네? 바로 컷.
    이건 직접 this.??? 만들기 애매한데 prototype 이용해서 부모한테 넣어놓으면 되겠네? 바로 컷.
    이런 식임 ㅇㅇ
    똑같은 시간 투자했을 때 응용력의 레벨이 달라짐
    Array, Object도 100% 제대로 활용할 수 있게 설명해줌.

    너무 빠는글만 써서 리뷰알바라고 생각할 수 있겠지만 3대를 걸고 아님
    위 내용 거짓일 시 대머리아저씨가 와서 내 뇌 리셋하고 도망감.

    프론트엔드 개발자 되고싶은 입문자라면 10000% 추천함
    그냥 무지성 결제 해도 후회 안 함

    아 근데 이 아저씨 내 포폴 코칭 해줄때까지 바빠지면 안대는데...

  8. 리액트도 할꺼야 딱대~~~~~~~~~~

    5

    가즈아~~~~~~~~~~~~~~~~~

  9. 진짜 나만 알고싶은 수업이다

    5

    인생 강의임. 유튜브에서 어떻게 알게 됐는데, 어쩌어찌 하다보니 여기로 홀리듯이 들어 옴.
    그리고 뷰, 노드, TS 강의도 들어볼 겸 프리패스 바로 끊었는데, 이런 프리패스가 이 가격이 정말 실화인지 (좋은 쪽으로요)
    아조씨 후속 강의도 만들어주세요, 심화 단계용으로 프리패스(?) 같은 거 따로 출시해주면, 바로 구매하겠습니다!

  10. 너무 좋은 강좌입니다

    5

    다른곳에서는 이해 안 되던 개념들이 여기서는 이해가 너무 잘됩니닷!!

  11. 추천!

    5

    공부하다가 몇번을 웃었는지 몰라요. 재미있어서 머리에 쏙쏙 박힙니당!

  12. 85% 수강중 입니다

    5

    제가 프로 인강러 로서 드림코딩htmlcss, JS, Node), 노마드코더(JS, React), 인프런(제로초) 등등의 강의를 들어왔습니다.
    위의 모든 강의를 들어오면서 코딩애플쌤 ES6 강의를 바이블로 기준삼아 학습하고있습니다.
    간결하고 명확하게 설명해주시는게 이해가 잘되고 마음에 들어요.
    저는 식탁에 앉아 있고 코딩애플쌤이 주걱을 가져와서 개념을 입에 퍼담아 주십니다.
    그리고 가장 좋은건 텍스트로 복습이 가능한거에요. 거의 잠자는데 옆에서 자장가 들려주는 수준으로 학습이 편안합니다

    강의 중에 머리가 한대 맞았던 느낌을 받은 부분이 'Stack, Queue를 이용한 웹브라우저 동작원리'를 들으면서 였어요
    아직 초보자라 동작원리를 모른채로 주먹구구식으로 코드를 짜왔었는데
    동작원리를 그림으로 쉽게 설명해주셔서 이해를 3초만에 하게됬습니다. 과장빼고 5초만에 이해되었어요 ㄳ..

    완강하고 저는 리액트로 넘어가겠습니다~ 강의 2번 추천드립니다

  13. ㅈㄴ 어려운 문법 쉽게 알려줌

    5

    심화 학습은 알아서 하면 됨

  14. 좋습니다.

    5

    이해하기 쉽게 진행해서 듣기 좋습니다.

  15. 티칭실력을 계급으로 놓고보면..그마딜러 같은 느낌..

    5

    긴가민가 헷갈렸던 개념들 전부 헤드샷 맞고 다 이해함.
    빨리 다음 레벨 강의도 해주세요. 프리패스 아껴듣고 있을게요.

  16. 코딩애플 선생님의 말투에 스며드는 중

    5

    this, ... , shadowDOM+WebComponent 만들기, Map, Set.. 많은 걸 배웠습니다. 혼자 공부하려면 어디부터 어디까지 배워야 하는 지, 너무 막막했던 ES6 였는데, 선생님 강의 덕에 개념들을 하나 하나 차분히 배울 수 있었습니다. 이후 공부(복습과 응용)는 다 저의 몫이죠 ㅎㅎ async await 참 많이 보이고, 대충 알고 있던 부분인데 강의 내용에 있어서 너무 반가웠습니다. 사실 강의는 1년 전에 결제해뒀는데, 코시국 육아+아들 수술이 겹쳐서 몇 개월 동안 코딩에서 손 놨다가 다시 돌아왔습니다. 유튜브 구독해둬서 영상 올라오는 거 근근이 보다 보니까 또 해보고 싶어졌어요.(물론 이제 한 달 밖에 남지 않은 수강 기간도 큰 이유입니다 ㅋㅋ) 마지막 두 강의 듣고 너무 재밌었어서 혼자 JS로 게임 만들어보려 합니다. 다 만들고.. 보여드릴 수 있으면 좋겠네요. 부끄러워서 만들기만 하고 썩힐 가능성이 크지만 한 번 도전해 보겠습니다. 좋은 강의 감사합니다!

  17. 여러가지 강의 들어봤지만 정말 알기쉽게 제일 잘 가르쳐주십니다.

    5

    항상 이해하기 어려웠던 개념들을 잘 설명해주셔서 현직으로 일하고 있지만 많은 도움이 되고 될것 같습니다. 남은 강의도 열심히 듣겠습니다 정말 감사드립니다.

  18. 정말 귀에속속박힙니다

    5

    지루하지않고잘들었습니다 리액트하기전에 es6문법기초를배우고싶었는데 충분히도움이된거같습니다.

  19. 정말 쉽게 설명해주십니다.

    5

    부트캠프 수료 후에도 부족함을 느껴 추가 공부중인데, 학원에서 들어도 이해가 안됐던 개념들을 정말 이해하기 쉽게 설명해주십니다 !

  20. 4개 강의 째 완강

    5

    Html, Javascript 기초, 리액트,
    Javascript 심화까지 들었는데 그냥 최고입니다 !!
    이제 애플쌤이랑 결혼하는 방법도 강의 찍어주세요

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

선생님

9588명의 수강생

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