11주차 질문

• 배열에서 delete 연산자를 사용하면 어떤 문제가 발생하나요? 또한, 이와 관련된 희소 배열의 개념도 함께 설명해주세요.

  • 특정 요소를 완전히 삭제하는 것이 아니라 index내부의 값만 삭제되기에 length가 유지되고 희소배열이 됨, 희소배열이란 배열의 요소가 연속적으로 위치해 있지 않고 비어있는 배열을 뜻함

• Rest 파라미터와 스프레드 문법의 형태는 동일합니다. 두 문법을 어떤 기준으로 구분할 수 있는지 설명해주세요.

  • Rest 파라미터는 함수의 매개변수 위치에서만 사용되고 스프레드 문법은 함수호출, 배열/객체 리터럴 등에서 사용됨

• 배열과 객체의 디스트럭처링 할당은 각각 어떤 기준으로 이루어지는지 설명해주세요.

  • 배열은 인덱스순서 기준으로, 디스트럭처링은 프로퍼티 키를 기준으로 이뤄짐

• 브라우저가 HTML, CSS, 자바스크립트를 받아 화면에 렌더링하기까지의 과정을 설명해주세요.

  • HTML 요청 및 수신 /HTML 파싱 → DOM 생성 /CSS 파싱 → CSSOM 생성 /JavaScript 처리 /Render Tree 생성 (DOM + CSSOM) /Layout (Reflow) /Paint /Composite (합성)

• 배열 메서드에서 원본 배열을 직접 변경하는 메서드와 원본 배열을 변경하지 않고 새로운 배열을 반환하는 메서드가 있다. 각 메서드를 3개씩 설명하시오.

  • 원본배열 변경 (push,pop, splice) 새로운 배열을 반환하는 메서드(map, slice, filter)

• 리플로우와 리페인트의 개념을 설명하고, 두 가지의 차이점을 설명하시오. 또한 리플로우가 발생하는 경우와 리페인트만 발생하는 경우를 설명하시오.

  • 리플로우: DOM 요소의 크기나 위치가 변경되어, 브라우저가 레이아웃(Layout)을 다시 계산하는 과정
  • 리페인트: 레이아웃은 유지한 채, 요소의 시각적 스타일만 다시 그리는 과정
  • 리플로우는 레이아웃에 영향을 주는 변경이 있을 때 발생
  • 리페인트는 레이아웃은 유지되고, 외형만 변경될 때 발생