JavaScript Foundation Lecture With Dream Coding By Ellie
Learning javascript foundation and note javascript of theory & feeling!
Motivation
ShigatsuTube Clone을 진행하면서 자바스크립트에 대한 기초가 많이 부족하다고 생각했다.
누군가에게 질문을 하는데 콜백함수가 무엇인지 알지 못해 질문을 해도 말짱 도루묵이 되는 순간을 많이 경험했기 때문이다.
때문에 엘리 선생님의 강의를 들으며 기초적인 부분을 채우고 더 나은 자바스크립트 개발자가 되기 위함을 목표로 이 Repository를 개설했다.
Term
공부 중에서 이론 강의를 따분하게 듣는 것은 내가 가장 취약한 부분이다
따라서 대충대충 듣거나 넘겨짚을 확률이 크기 때문에 기한을 두려한다.
1주일 안에 승부를 보겠다.
| Chapter | Title | Date |
|---|---|---|
| 01 | 자바스크립트 배우기 전 꼭 배워야 할 영상 & 자바스크립트 역사와 현재 그리고 미래 | 20.10.30 |
| 02 | 콘솔에 출력, script async와 defer의 차이점 및 앞으로 자바스크립트 공부 방향 & 프론트엔드 개발자 입문편 | 20.10.30 |
| 03 | 자바스크립트 3. 데이터타입, data types, let vs var, hoisting & 프론트엔드 개발자 입문편 (JavaScript ES5+) | 20.10.30 |
| 04 | 자바스크립트 4. 코딩의 기본 operator, if, for loop 코드리뷰 팁 & 프론트엔드 개발자 입문편 (JavaScript ES6) | 20.10.30 |
| 05 | 자바스크립트 5. Arrow Function은 무엇인가? 함수의 선언과 표현 & 프론트엔드 개발자 입문편(JavaScript ES6) | 20.10.30 |
| 06 | 자바스크립트 6. 클래스와 오브젝트의 차이점(class vs object), 객체지향 언어 클래스 정리 & 프론트엔드 개발자 입문편 (JavaScript ES6) | 20.10.31 |
| 07 | 자바스크립트 7. 오브젝트 넌 뭐니? & 프론트엔드 개발자 입문편 (JavaScript ES6) | 20.10.31 |
| 08 | 자바스크립트 8. 배열 제대로 알고 쓰자. 자바스크립트 배열 개념과 APIs 총정리 & 프론트엔드 개발자 입문편 (JavaScript ES6) | 20.10.31 |
| 09 | 자바스크립트 9. 유용한 10가지 배열 함수들. Array APIs 총정리 & 프론트엔드 개발자 입문편 ( JavaScript ES6) | 20.10.31 |
| 10 | 자바스크립트 10. JSON 개념 정리 와 활용방법 및 유용한 사이트 공유 JavaScript JSON & 프론트엔드 개발자 입문편 (JavaScript ES6) | 20.11.01 |
| 11 | 자바스크립트 11. 비동기 처리의 시작 콜백 이해하기, 콜백 지옥 체험 😱 JavaScript Callback & 프론트엔드 개발자 입문편 (JavaScript ES6) | 20.11.01 |
| 12 | 자바스크립트 12. 프로미스 개념부터 활용까지 JavaScript Promise & 프론트엔드 개발자 입문편 (JavaScript ES6) | 20.11.01 |
| 13 | 자바스크립트 13. 비동기의 꽃 JavaScript async 와 await 그리고 유용한 Promise APIs & 프론트엔드 개발자 입문편 (JavaScript ES6) | 20.11.01 |
Finally
불과 며칠 전 ShigatsuTube를 만들면서 잘 모르고 사용한 API들이 많았었다.
이 강의를 들으면서 내가 그 때 사용했던 API들이 사실은 이렇게 사용되었다는 것을 보고서 아주 많은 공부가 되었다고 생각합니다.
만약 JS에 대해 아무것도 모르던 한달 전에 이 강의를 들었다면 나는 아마도 강의의 절반도 이해하지 못했을 거라 생각이 든다.
직접 바닐라JS로 부딪혀서 만들어봤기 때문에 그 때 뭣모르고 사용한 fetch, async await… 등이 지금에서야 가슴에 와닿을 정도로 이해가 간다.
또한 이 강의에서 내가 아직 사용해보지 않은 최신 자바스크립트와 객체지향에 대해서도 다루기 때문에 몰랐던 부분들도 채워지는 느낌을 받았다.
이 레포지토리를 작성하는데 3일이란 기간이 걸렸지만 얻어가는게 너무 많아서 시간이 아깝진 안았다는 생각이 든다.
한달 전, 자바스크립트의 기초가 아예 없는 시절에 모던자바스크립트 사이트에서 참고를 한 적이 있었는데 그 때 차라리 이 강의를 보는 게 훨씬 나았겠다라는 지금에서야 듭니다.
이 강의를 통해서 느낀 점은 내가 아직 문서를 잘 활용하지 못한다는 것과
자바스크립트로 더 많은 것을 만들어봐야겠다는 생각을 했다.
왜냐하면 지금까지 엘리 선생님께서 정말 많은 것들을 알려주셨지만 이 기억들은 머지않아 금방 사라질 기억들이기 때문이다.
그래서 강의를 들으면서 역시 실전으로 사용해보는 것 밖에 답이 없겠다라는 생각이 계속 들었던 것 같다.
중요한 것은 강의를 통해 내가 이제 왜 써야하는지 이유를 알고 있고 저번처럼 잘 모르면서 사용할 빈도는 줄어들 것이라는 것이다.
문서를 잘 찾을 수 있다면 말이다ㅋ.ㅋ
이 글은 유튜브 드림코딩 by 엘리 채널을 통해 리뷰를 작성한 것이며 어떠한 상업적 목적으로도 사용되지 않았습니다. 추후 문제가 되는 점을 발견하시면 댓글을 통해 남겨주시는대로 수정하겠습니다 :)