yoomambo/Javascript_Basic

Study Vanilla Javascript

Javascript_Basic

Reference

엘리와 함께하는 드림코딩 YouTube 강의를 들으면서 정리한다.

Purpose

Javascript 기초를 공부하면서 적용하는 단계까지!

Rule

1. js file (기본 정리)
   1. 코드를 작성,
   2. 주석으로 설명을 적는다.
2. Markdown File (미비된 부분 정리)
   1. image 가 필요한 설명들은 마크다운으로 추가 설명 후, 사진을 첨부한다.
   2. 내가 몰랐던 부분이나 python과 다른 부분은 따로 정리

Content

1. 자바스크립트 배우기전 꼭 봐야할 영상 | 자바스크립트의 역사와 현재 그리고 미래 (JavaScript, ECMAScript, JQuery, Babel, Node.js)

2. 자바스크립트 2. 콘솔에 출력, script async 와 defer의 차이점 및 앞으로 자바스크립트 공부 방향 (JavaScript ES5+)

3. 자바스크립트 3. 데이터타입, data types, let vs var, hoisting (JavaScript ES5+)

• Chapter 3. 코드

[4. 자바스크립트 4. 코딩의 기본 operator, if, for loop 코드리뷰 팁 (JavaScript ES6)]

5. 자바스크립트 5. Arrow Function은 무엇인가? 함수의 선언과 표현 | 프론트엔드 개발자 입문편(JavaScript ES6)

• Chapter 5. 코드
• Chapter 5. Quiz 코드

6. 자바스크립트 6. 클래스와 오브젝트의 차이점(class vs object), 객체지향 언어 클래스 정리 (JavaScript ES6)

• Chapter 6. 코드

7. 자바스크립트 7. 오브젝트 넌 뭐니? (JavaScript ES6)

• Chapter 7. 코드

8. 자바스크립트 8. 배열 제대로 알고 쓰자. 자바스크립트 배열 개념과 APIs 총정리 (JavaScript ES6 )

• Chapter 8. 코드

9. 자바스크립트 9. 유용한 10가지 배열 함수들. Array APIs 총정리 ( JavaScript ES6)

• Chapter 9. 코드
• Chapter 9. Quiz 코드

10. 자바스크립트 10. JSON 개념 정리 와 활용방법 및 유용한 사이트 공유 JavaScript JSON (JavaScript ES6)

• Chapter 10. 코드

11. 자바스크립트 11. 비동기 처리의 시작 콜백 이해하기, 콜백 지옥 체험 😱 JavaScript Callback (JavaScript ES6)

• Chapter 11. 코드

12. 자바스크립트 12. 프로미스 개념부터 활용까지 JavaScript Promise (JavaScript ES6)

• Chapter 12. promise 코드
• Chapter 12. callback & promise 코드

13. 자바스크립트 13. 비동기의 꽃 JavaScript async 와 await 그리고 유용한 Promise APIs (JavaScript ES6)

• Chapter 13. 코드

14. Etc. 프로그래밍 할 때, 꿀Tip 정리!

Enviroment

• Windows10
• node.js (node-v14.15.0)