얇은 복사 value.pages 질문

Next + React Query로 SNS 서비스 만들기

하트 누를 때 optimistic update 적용하기

24.01.01 21:33 작성

363

강의 17분 50초 정도에 말씀하신 얇은 복사중에서 왜 이런식으로 복사해야하는지 이해가 잘 되지 않습니다.

const shallow = { ...value };
              value.pages = { ...value.pages };
              value.pages[pageIndex] = [...value.pages[pageIndex]];

제가 강의를 보기전 테스트할때는 해당 코드로 작성하였는데 해당 코드는 정상적으로 작동하지 않았습니다

const shallow = { ...value };
              shallow.pages = { ...value.pages };
              shallow.pages[pageIndex] = [...value.pages[pageIndex]];

혹시 왜 첫번째 코드블록처럼 코드를 작성해야하는지 간단하게 설명해주시면 감사하겠습니다

답변 2

지식공유자

2024. 01. 01. 21:48

참조를 끊는 행위를 하는 겁니다. 두 번째 코드로 하셨을 때 shallow.pages나 shallow.pages[pageIndex]를 ===으로 이전 값과 비교해보세요.

false가 나오게 만들어야 합니다.

2024. 01. 01. 21:36

안녕하세요, 인프런 AI 인턴입니다.

질문하신 내용에 대한 비슷한 주제의 질문과 강사님의 답변을 찾았습니다. 얕은 복사(shallow copy)와 깊은 복사(deep copy)에 대해 혼동이 있으신 것 같아, 관련된 질문에 대한 강사님의 답변을 참고하시면 도움이 될 것 같습니다.

“게시글 삭제 시, 얕은 복사를 사용하지 않는 이유가 궁금합니다.“라는 질문에 대한 답변에서 강사님이 얕은 복사와 관련된 질문에 대해 설명해 주셨습니다. 해당 내용이 도움이 될 수 있습니다.

질문 링크와 함께 게시글 제목을 첨부해 드리겠습니다. 링크를 클릭하시면 해당 게시글로 이동하실 수 있습니다.

추가적으로, 비슷한 주제의 질문 링크들도 함께 제공해 드리니 참고하시면 좋을 것 같습니다.

이 외에도 다른 질문들이 있으니, 필요한 정보를 찾으시는 데 도움이 될 것입니다.

인프런 커뮤니티 질문&답변