중괄호 {...}를 이용해 객체를 선언하는 것을 객체 리터럴(object literal) 이라고 부릅니다. 객체를 선언할 땐 주로 이 방법을 사용합니다.

리터럴과 프로퍼티

중괄호 {...} 안에는 ‘키: 값’ 쌍으로 구성된 프로퍼티가 들어갑니다.

let user = {     // 객체
  name: "John",  // 키: "name",  값: "John"
  age: 30        // 키: "age", 값: 30
};

참고>

https://ko.javascript.info/object#ref-911

String.prototype.startsWith()

const str1 = 'Saturday night plans';

console.log(str1.startsWith('Sat'));
// Expected output: true

console.log(str1.startsWith('Sat', 0));
// Expected output: true

startsWith(searchString) 
startsWith(searchString, position)

MPA와 SPA의 차이를 설명할 수 있다

화면에 나오듯이 객체타입 입니다! 

결론부터 말하면
for...of 는 배열의 반복에서 사용되고,
for...in은 객체의 반복에서 사용됩니다.

for...in 은 객체를 순환할 때 사용됩니다.

객체가 아닌 배열에 사용한다면 

copy yamlvar arr = [1, 2, 3];

for (var item in arr) {
  console.log(item) // 0, 1, 2
}

JavaScript에선 배열도 Object 타입으로 인식하기 때문에 결과가 나오긴 나옵니다.
다만 일치하는 값은 아니고 해당 배열의 index가 출력되는 걸 확인할 수 있습니다.

Storage 타입은 key-value 쌍을 저장하도록 설계되었습니다. Storage 타입은 Object와 같은 추가 메소드를 가지고 있습니다.

• setItem(name, value) - name을 키로 값을 저장합니다.
• removeItem(name) - 이름에 해당하는 key-value 쌍을 제거합니다.
• getItem(name) - 주어진 이름에 대한 값을 가져옵니다.
• key(index) - 주어진 숫자 위치에 있는 값의 이름을 가져옵니다.
• clear() - 모든 값을 제거합니다.

Storage 객체의 key-value 쌍의 갯수를 얻으려면 length 속성을 사용할 수 있으며, Storage 객체에는 문자열만 저장할 수 있는데 문자열이 아닌 데이터를 저장하면 문자열로 자동 변환됩니다.

결국, Storage 객체에서 값을 가져오면 결과는 항상 문자열로 받게 됩니다.

break는 반복문을 종료시킵니다.

continue는 현재 루프를 건너뛰어 다음 루프를 실행시킵니다.

return는 함수를 종료시킵니다.

ex)  return 출력예시

참조카운트가 0인 애들은 가비지 컬렉터가 다 수거해가면서 메모리 공간확보함 

렉시컬, 스코프?

- ctrl +b  = 왼쪽 기능창 켰다 끄는법 (vscode에서)

- 클로저특징 - > 항상 함수의 정의하고 괄호 열고 닫고에 그런 모습들이 많이나옴

 이런 모습들이 나온다 -> 클로저라고 생각하는 습관이 중요 

- 즉시 실행함수 -> (function() { 

}) 이런 부분 

.prettirc 참고 
html parser

시맨틱코드-> 미리 예측가능
코드리뷰 => 하나하나 자세히 ㅂ기x
ctrl 마우스 온쪽-> 코드 따라가게됨 

.then .then -->체이닝 
(promise 문법),
구조분해할당 
-> 미리 구조분해할당 
 콘솔창에 ==$0

asyc-> return값 항상 promise?
form 태그 -> 전체 선택
filter,map => 리턴 항상 배열 
리액트는 내부적으로 addevntlistner처리함 
바닐라 일떄는 addeventlisner가남 onclick= “like()”보다 
snake_case 파이썬 
js는 변수나 함수명 -> camelCase를씀  
-> allMovieList _ 이런거말고 
getElents -<
클래쓰가지는 camel 클래스 ㄴ  movie-list이런식 

! vs html5 vscdoe에서 
<script type='module' 쓰면 지연알아서 해줌?>
자바스크립트 번들러 webpack , parcel?
바닐라 자바스립트는 확장자명까지 다써줘야함 
<script 태그의 defer하면 다끝나고 실행됨>
<script> 태그 여러개  3개 쓰면 오류남 변수여러개랑 똑같
코드보고 예측가능 
join('')-> 으로 string이 됨 
이벤트 위임  <-버블링때문에 가능 ?

안되는것부터 조건문먼저 쓰고 
되는건 마지막에 쓰는게 좋음 
메모리절약 -부모에 쓰는것