Object의 길이를 알고싶다면?
• '.length'는 배열에 쓸 수 있다. object에서는 undefined로 나온다..Object.keys를 사용하면, key의 배열이 나온다. 그럼 다시 length method를 쓸수있다!
• Object.keys: 객체의 property(or key) 이름만 묶어서 배열로 반환한다
• Object.values: 객체의 값(value)만 묶어서 배열로 반환한다.
화살표 함수의 this
• 함수 내부에서 this의 값은 함수를 호출한 방법에 의해 좌우된다.
• 화살표 함수에는 binding이 필요없다.
깊은복사(deep copy) VS 얕은복사(shallow copy)
• 얕은복사: 기존의 원본객체의 주소값만 가져와 복사하는 것
ex) slice, Object.assign
• 깊은복사: 주소값이 아닌 원본 객체와의 참조가 완전히 끊어진 새로운 객체를 생성해 원본 객체의 키 값을 복사하여 고유값을 가지는 것
element.classList
• classList사용은 공백으로 구분된 문자열인 element.className을 통해 엘리먼트의 클래스 목록에 접근하는 방식을 대체하는 간편한 방법이다.
• classList뒤에 다양한 메서드를 사용하여 변형할 수 있다.
ex) .add, .remove 등등
reset CSS
• 여러가지 브라우저를 사용하는데 브라우저마다 semantic tag에 대한 기본값들이 다르다. 그래서 그 차이를 없애주기 위해 reset을 해주어야한다. 하지만, 항상 이 기능이 좋은 것만은 아니다. 예를들어 프로젝트를 할때 다른 사람들의 css파일이 다 섞일때이다.
객체에 있는 데이터를 모두 지우면?
• 객체를 출력하면 undefined라고 나온다! 신기방기
repeat() method
• 문자열을 주어진 횟수만큼 반복해 붙여 새로운 문자열을 반환한다.
구조분해할당
• 배열이나 객체의 속성을 해체하여 그 값을 개별변수에 담을 수 있게 하는 표현식이다.
