Day 15)1. 객체와 배열이 복사가 이상해.. => Shallow-Copy 2. 스크롤 형태의 페이지네이션 만들자! => Infinite-Scroll

songinho96·2022년 5월 27일
0

dailyStudy

목록 보기
11/35

오늘 목표

다음 페이지 클릭했을 때

2교시 댓글 수정

클릭한 번호가 2번이면 2번에서만 수정 내용이 입력되도록 하면된다.
조건문 사용

삼항 연산자 이용

&& 연산자 이용

클릭한 부분 모두 수정하기

배열을 만들어 준다.
나머지 것들은 false로 주고 클릭 한 것만 true로 준다.

aaa 에다 값을 변경을 했지만, 원본을 변경한거랑 같은 것으로 판단한다.
그래서 리렌더링이 안된다.

배열 보다는 컴포넌트를 분리해주는것이 좋다.

댓글 수정하기 실습

원하는 것은 하나의 배열에 모두 나오게 끔 하는 것이다.

스프레드 연산자를 이용한다.

무한스크롤 예시

refetch 다시 패치하기
fetchMore 지난번에 패치한 걸 추가로 더 패치하기

기존 123 페이지 추가로 4페이지를 더 받아온다.
이전댓글들에 30개 의 댓글이 있고 4페이지의 10개 댓글 계속 페이지 넘겨질 때 마다 무한 반복해준다.

50개 가 들어가있으면 10으로 나눈 5페이지까지 현재 보고 있다
스크롤을 내렸을 때 + 1 하여 6페이지를 보여줘야 한다.

profile
프론트엔드 개발자가 되고싶습니다!!

0개의 댓글