🙏 Reference

• jbee.io - 스크롤 이벤트 최적화
• zerocho 블로그 - 쓰로틀링과 디바운싱
• ImD/Dev-Docs - 쓰로틀링과 디바운싱

🙏 Reference

• SeonHyungJo - Javascript-Book
• Im-D/Dev-Docs -Javascript의 this
• Zerocho - 자바스크립트의 this는 무엇인가

🙏 Reference

• 인사이드 자바스크립트 (송형주, 고형준)
• 자바스크립트 객체지향 프로그래밍
• [JavaScript] 8-3. 객체지향 프로그래밍(캡슐화)

🙏 Reference

• ImD/Dev-Docs - javascript Function
• DEVLOG - [ES6]1. let과 const

• MDN Docs - Promise
• Captain Pangyo - 자바스크립트 Promise 쉽게 이해하기
• bono's blog - [javascript] async, await를 사용하여 비동기 javascript를 동기식으로 만들자
• MDN Docs - async function
• Im-D/Dev-Docs - Promise1
• Im-D/Dev-Docs - Promise2
• Im-D/Dev-Docs - Promise Pattern

🙏 Reference

• ImD/Dev-Docs - javascript Type

🙏 Reference

• MDN Docs - Document​Fragment
• DocumentFragment를 이용한 JavaScript 성능 최적화

🙏 Reference

• ImD/Dev-Docs - javascript Type

🙏 Reference

• 모듈
• import(MDN web docs)
• export(MDN web docs)

🙏 Reference

• 화살표 함수
• 화살표 함수(MDN web docs)

🙏 Reference

• ImD/Dev-Docs - javascript Event Delegation
• 이벤트 버블링, 이벤트 캡처 그리고 이벤트 위임까지
• Event delegation(이벤트 위임)

🙏 Reference

• [인사이드 자바스크립트 (송형주, 고형준)]
• Poiemaweb - Closure

🙏 Reference

• Poiemaweb-Generator와 async/await
• ES6의 제너레이터를 사용한 비동기 프로그래밍
• MDN Docs-Genenrator

🙏 Reference

• [JS] 쓰로틀링(Throttling)과 디바운싱(Debouncing)
• zerocho blog - 쓰로틀링과 디바운싱
• CSS-Tricks 의 Throttling 과 Debouncing => 예시가 구현되어 있음

🙏 Reference

• react-router-dom
• value-equal

🙏 Reference

• MDN Docs - Array.some()
• MDN Docs - Array.every()
• DUDMY HOME - 자바스크립트 정렬 함수, sort()
• 비비로그 - 자바스크립트의 유용한 배열 메소드 사용하기... map(), filter(), find(), reduce()
• Im-D/Dev-Docs - Reduce
• How to create nested child objects in Javascript from array?

🙏 Reference

• 인사이드 자바스크립트 (송형주, 고형준)
• Poiemaweb - 실행 컨텍스트와 자바스크립트의 동작 원리

🙏 Reference

• MDN Web Docs - 구조 분해 할당
• [ES6] 5. Destructuring and Default Parameter
• Destructuring 디스트럭처링
• ImD/Dev-Docs - Destructuring_Assignment

🙏 Reference

• 템플릿 리터럴
• Template literals

Object.keys(), Object.values(), Object.entries() 그리고 for...in

Object.keys(), Object.values(), Object.entries()

const developer = {
  name : 'BKJang',
  age : 26,
  lang: 'Korean'
}

console.log(Object.keys(developer)); // ["name", "age", "lang"]
console.log(Object.values(developer)); // ["BKJang", 26, "Korean"]
console.log(Object.entries(developer)); 
/**
0: ["name", "BKJang"]
1: ["age", 26]
2: ["lang", "Korean"]
*/

for...in

const developer = {
  name : 'BKJang',
  age : 26,
  lang: 'Korean'
}

for(let key in developer) {
  console.log(`${key} : ${developer[key]}`);
}
/**
name : BKJang
age : 26
lang: 'Korean'
*/

🙏 Reference

• MDN Web Docs - Classes
• [ES6] 6. Class sugar syntax
• Class 클래스

🙏 Reference

• Im-D/Dev-Docs - Refaint와 Reflow
• Reflow or Repaint(or ReDraw)과정 설명 및 최적화 방법
• DOM의 문제점과 Virtual DOM

🙏 Reference

• MDN Web Docs - Spread 문법
• [ES6] 4. Spread, Rest parameter
  
• 파라미터 기본값, Rest 파라미터, Spread 연산자

🙏 Reference

• JavaScript: 네임스페이스 패턴(Namespace Pattern) 바로 알기

🙏 Reference

• Im-D/Dev-Docs
• JavaScript Event Loop Explained
• What is the Event Loop in Javascript
• Understanding JS: The Event Loop
• Event loop in javascript
• The JavaScript Event Loop
• Tasks, microtasks, queues and schedules
• Poiemaweb - 자바스크립트/이벤트

🙏 Reference

• ImD/Dev-Docs - javascript Type

🙏 Reference

• Im-D/Dev-Docs - Refaint와 Reflow
• Reflow or Repaint(or ReDraw)과정 설명 및 최적화 방법
• DOM의 문제점과 Virtual DOM

🙏 Reference

• 인사이드 자바스크립트 (송형주, 고형준)
• Poiemaweb - Prototype

🙏 Reference

• Im-D/Dev-Docs - 렉시컬 속이기(eval)

🙏 Reference

• Poiemaweb - 이터레이션과 for...of 문
• wonism.github.io - JavaScript iterables와 iterator 이해하기
• MDN Docs - Iteration protocols