[TIL] 2022-04-01

오늘의 TIL

1. 객체와 배열이 복사가 이상해.. >> Shallow-Copy / Deep-Copy

• 깊은 복사와 얕은 복사의 차이
• 스프레드 연산자
• JSON.stringify() / JSON.parse()
• lodash 라이브러리

  객체와 배열은 값을 주소에 저장시키기 때문에 복사를 하려면 새로운 저장 공간을 만들어서 새로 값을 넣어주어야 한다.
  값을 한번에 넣을 때 스프레드 연산자를 사용할 수 있는데, 스프레드 연산자를 사용해서 복사하는 것은 얕은 복사이다.
  깊은 복사를 하려면 JSON.stringify로 문자열로 바꾸고 다시 JSON.parse로 객체 형태로 바꿔줄 수 있다. (--> 이렇게 하면 처리 과정에서 시간이 많이 걸린다.)
  효율적인 여러 기능들을 모아놓은 라이브러리인 lodash를 이용하면 깊은 복사가 가능하다.

2. 스크롤 형태의 페이지네이션을 만들자! >> Infinite-Scroll

• 무한 스크롤 구현
• react-infinite-scroller 활용

  페이지네이션이든 무한스크롤이든 구현할 때 Query문의 input값으로 page를 추가하는 것을 까먹지 말자,,,,^^

self-study

• 무한 스크롤 적용
• 댓글 수정 보완