210504.md

1. 브라우저 상에서 스크롤이 마지막에 닿았는지 검사하는 방법

document.documentElement.scrollHeight - document.documentElement.scrollTop <= document.documentElement.clientHeight

• document.documentElement.scrollHeight
  문서 전체 높이

• document.documentElement.scrollTop
  스크롤 해서 내려온 높이

• document.documentElement.clientHeight 화면 높이

• document.documentElement.scrollHeight vs document.body.scrollHeight 문서 길이가 길지 않아서 스크롤이 생기지 않을 때 document.documentElement.scrollHeight의 높이는 오히려 브라우저 높이보다 작게 나온다. 이런 경우 document.documentElement.scrollHeight와 document.body.scrollHeight를 비교해서 최대값을 사용해주어야 한다.

  더 자세한 코드는

  let scrollHeight = Math.max(
    document.body.scrollHeight,
    document.documentElement.scrollHeight,
    document.body.offsetHeight,
    document.documentElement.offsetHeight,
    document.body.clientHeight,
    document.documentElement.clientHeight
  );

참고 https://javascript.info/size-and-scroll-window

---

2. document.location.search

---

3. 객체 수정할 때

• spread operator 를 사용한 객체 복사 https://webisfree.com/2020-05-16/react-state%EA%B0%92-%EB%B3%80%EA%B2%BD-%EC%97%85%EB%8D%B0%EC%9D%B4%ED%8A%B8-%EB%B0%A9%EB%B2%95

• concat 함수