🔶 JavaScript

• IntersectionObserver API의 콜백함수로 전달되는 entries 객체의 프로퍼티인 isIntersecting은 무엇이고, 어떻게 사용할 수 있는가?

: isIntersecting은 화면에 타깃으로 설정한 요소가 root 요소와 교차하는지, 교차하지 않는지 그 여부를 불리언 값으로 체크함
: 따라서 처음에 렌더링될 때 화면에 설정한 요소가 이미 보인다면 교차하지 않는 상태라고 판단하여 무한 스크롤이 동작하지 않는 오류 발생

• IntersectionObserver API의 콜백함수로 전달되는 entries 객체의 프로퍼티인 intersectionRatio은 무엇이고, 어떻게 사용할 수 있는가?

: intersectionRatio는 화면에 타깃으로 설정한 요소가 root 요소와 얼마나 교차하는지 그 비율을 0과 1 사이의 수로 반환해 줌
: isIntersecting과 마찬가지로 초기 렌더링 시 화면에 설정한 요소가 이미 보인다면 교차하는 비율의 값이 0이기 때문에 무한 스크롤이 동작하지 않는 오류 발생

• 자바스크립트로 뷰포트의 너비, 높이 값을 어떻게 참조할 수 있는가?

: window.innerWidth, window.innerHeight 프로퍼티에 접근하여 값을 참조할 수 있음

• getter, setter 접근자 프로퍼티를 사용하는 이유는 무엇인가?

: 외부에서 변경하지 않으면서 사전에 정의된 객체의 프로퍼티를 바탕으로 객체 내부에서 값을 참조 및 변경하기 위해 사용
: 메서드를 호출하지 않고 프로퍼티처럼 사용하기 위해 사용