[10/27/2022] Today, I Learned

유영준·2022년 10월 27일
post-thumbnail

자바스크립트의 기본 개념동작 원리를 정확히 이해하는 것이 중요!


개인적인 공부를 하면서 중요한 내용을 정리한 형식이기 때문에 오류가 있을 수 있습니다.
피드백 주시면 정말 감사하겠습니다.


오늘 배운 내용

  • 7번째 데이터 타입 Symbol
  • 이터러블
  • 스프레드 문법
  • 디스트럭처링 할당
  • Set과 Map
  • 브라우저의 렌더링 과정

알고 있던 내용

  • 스프레드 문법은 여러 개의 값이 하나로 뭉쳐 있는 배열과 같은 이터러블을 펼쳐서 개별적인 값들의 목록을 만드는 것이다
  • Set 객체는 중복되지 않는 유일한 값들의 집합이다
  • Set 객체에 특정 요소가 존재하는지 확인하려면 Set.prototype.has 매서드를 사용한다
  • Map 객체는 키와 값의 쌍으로 이루어진 컬렉션이다
  • Map 객체에 요소를 추가할 때는 Map.prototype.set 메서드를 사용한다

몰랐던 내용

  • 심벌 값은 다른 값과 절대 중복되지 않는 유일무이한 값이다
  • Symbol.for 메서드는 인수로 전달받은 문자열을 키로 사용하여 키와 심벌 값의 쌍둘이 저장되어 있는 전역 심벌 레지스트리에서 해당 키와 일치하는 심벌 값을 검색한다
  • 이터레이션 프로토콜은 순회 가능한데이터 컬렉션(자료구조)을 만들기 위해 ECMAScript 사양에 정의하여 미리 약속한 규칙이다
  • 유사 배열 객체는 이터러블이 아니기 때문에 for...of 문으로 순회할 수 없다
  • 배열 디스트럭처링 할당의 대상은 이터러블이어야 하며, 할당 기준은 배열의 인덱스다
  • 렌더 트리는 렌더링을 위한 트리 구조의 자료구조다
profile
프론트엔드 개발자 준비 중

0개의 댓글