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 |
코딩애플을 지금에서야 알게된게 너무 아쉽다.
국비학원 듣고 별별 인터넷강의 다듣고 돈날리고
그냥 남는거없이 SI가서 개같이 구르다가 2년차에 깨닫고 퇴사후 프론트 취업하려고 다시 공부하고있는데
class 설명하는거에 지려서 바로 결제했습니다.
진짜 50퍼센트 완강했는데 2~3년동안 시간만 오지게 버리고 이제서라도 만회하는 느낌이네요..
코딩애플을 조금이라도 더 알았다면 좋은회사 진작에 갔을거라 생각함..
진심으로 유데X나 인프X 등등 1~3만원짜리 강의 10개 들을바에 코딩애플 5만원짜리 하나 듣는게 시간아끼고 돈아끼는길임
진짜 국민을 위해서라도 코딩애플은 더 홍보해야됨
왜 이강의를 이제서야 알았을까..
아무에게 알려주지 않고 나만 독식하고 싶다....
나만 이 강의 알고 싶다.
라는 생각이 들 정도로 쉽고 이해를 빠르게 하게 도와주는 강의다.
노아가 살아 있다면
이 강의를 방주에 실었을 것이다.
이해못했던 문법을 이해했습니다!!
타강의 들으면서 정말 이해도 못했던 constructor와 this를 이제서야!! 정말 이제서야!! 이해했습니다. 이 this가 저 this 이던가??
왜 이 this가 이 this지?? 라며 자바스크립트 강의를 완강해서 너무 너무 이해가 안되서 쓰질 못했는데 이 강의를 듣고 아하~
prototype은 도대체 뭔지 getter/setter는 뭔지 promise는 뭔지... 정말 그냥 포기할려고 했는데 애플코딩강의를 듣고
좀 해볼만하다는 생각이 처음으로 들었습니다.
강좌 정말 재밌게 봤습니다
자바스크립트... ES6.. 대체 뭘까..
매번 공부도 하고 실무에서 접하기도 하지만 항상 뭔가 어려웠는데
이 강좌를 보고 좀 더 쉽게 이해하게 되었습니다
어려운 것도 쉽게 쉽게 설명해주시고.. 정말 강좌 내내 재밌게 즐겁게 공부했습니다
이제 타입스크립트 강좌를 볼 차례인데, 기대가 되네요 🙂
그저 갓갓
이론만 공부하며 헤맸던 시간이 너무나 아깝다. 코딩에 없던 흥미도 생기는 강의. 사랑합니다.
코딩애플
내 인생을 구하러 온 나의 구원자
번거로운거 질색해서, 10년동안 공부 안했는데...
여기에 다 모아주셔서 감사합니다 ㅋㅋㅋ 그것도 강의 퀄리티도 진짜 제대로네요~~
어디가서 자바스크립트 왠만큼 한다는 사람도 프로토타입 모르는 사람이 90% 이상입니다.
여기는 제대로 알려주잖아요~~ 그럼 그냥 결제하면 됨~~~
샘 멋졍
you move me
Love you so much
진정한 천재세요.. 감사합니다
제가 자바스크립트를 이해하는 날이 오네요 ㅜ
정말 감사합니다 선생님
다음 강의 결제하러 갑니다 ..총총
대애플
코딩애플, 나의 사랑.
코딩애플, 나의 빛.
코딩애플, 나의 어둠.
코딩애플, 나의 삶.
코딩애플, 나의 기쁨.
코딩애플, 나의 슬픔.
코딩애플 나의 고통.
코딩애플, 나의 안식.
코딩애플, 나.
내 사랑 코딩애플
축구계에 손흥민이 있다면 코딩계에는 코딩애플이 있다.
이젠 형이라고 불러야지...
자바스크립트 초급강좌에서 탈탈 털리고나니 고급 강좌가 너무 쉽고 재밌네요.
애플형을 알기 전 맨땅에 헤딩하며 배웠던 것들이 퍼즐 조각처럼 맞춰지는 느낌입니다.
수강생들 기 살려주려고 응용 문제를 쉽게 내셨는데 막히지 않고 술술 풀리니 도파민이 쫙쫙 오릅니다.
개인적으로 모던 자바스크립트 deep dive도 보고있는데 강의 수강하고 다시보니 책이 제대로 씹히네요. 아주 맛있어요!
매번 쓰는 코드만 계속해서 사용했는네, 덕분에 JS 를 더 잘 다룰 수 있게 되었습니다. 감사합니다.
따봉
백만개 드립니다