불변성 객체를 수정하는 함수는 호출됐을 때 객체에 아무 변화가 없어도 카피온라이트를 해야하나요?

Question

함수형프로그래밍을 배우고 적용해보는 중 궁금한점이 생겼습니다.불변성 객체를 수정하는 함수는 호출됐을 때 객체에 아무 변화가 없어도 카피온라이트를 해야하나요?function setName(person: Person, name: string): Person { return { ...person, name, }; } ;위 코드는 사람의 이름을 설정하는 함수입니다. 만약 설정하고자 하는 이름과 이전 이름이 같다면(name &#61;&#61;&#61; person.name)어떻게 되어야 하나요? 위 코드는 이름의 변화가 없어도 인수로 받은 person과 다른 객체를 반환하잖아요? 아무 변화가 없어도 카피온라이트를 해야하는지 궁급합니다. 아래코드처럼 되어야 하는게 아닌가 생각이 들어요.function setName(person: Person, name: string): Person { if(name &#61;&#61;&#61; person.name) return person return { ...person, name, }; } ; 제가 고민하는 이유는 다음과 같아요.변화가 없어도 카피온라이트를 해서 다른 객체를 반환ChatGpt는 카피온라이트하는걸 추천함js의 Array.map, filter 등은 변화가 없어도 새로운 객체를 반환 변화가 없으면 카피온라이트를 하지말고 같은 객체를 반환React에서 참조값이 다른 객체를 반환하면 리렌더링 되기 때문에 이를 방지하기 위해react를 사용중이기 때문에 카피온라이트를 하지 말까 생각중입니다. 하지만 아직 함수형프로그래밍에 대해 잘 몰라서 섣불리 선택하지 못하고 있습니다. 도와주시면 감사하겠습니다.

Constant · Answer

아 좋은 질문이신데, 일반적으로는 그냥 덮어씌웁니다.말씀하신대로 같은 조건에서는 return하는 것도 합리적인데, 굳이 그런걸 넣을 이유가 없다는 것 입니다.왜냐면 굳이 set 기능에 유효성 검증 로직이 있을 이유가 없기 때문이죠.좀 더 메소드 측면에서 생각했을 때 set은 그냥 set입니다.그리고 함수형 프로그래밍 측면에서 set은 말씀하신대로 불변성이 깨지는 느낌이 있기 때문에 set대신에 with를 쓰는 경향도 있으니 그런 형태의 메소드 작성도 고려해보시기 바랍니다.

하얀뼈 · Answer

카피온라이트는 제가 알기로는 수정이 일어날때만 깊은 복사를 수행해서 새 객체를 할당하는것으로 알고있는데,개념에 맞게 프로그래밍 하자면 일일이 모든 요소에 if문을 추가해야하지만 훨씬 복잡해지고 직관적이지 않게 될거라 생각합니다. (올려주신 예시야 뭐 name 하나 뿐이니까 간단하지만..)성능최적화 관점에서야 후자가 맞지만, 대부분의 어플리케이션에서는 그런거 신경안쓰고 함수 간단하게 적는거랑 성능차이가 그렇게 크지는 않을 것 같네요. 성능은 몰라도 일관성 하나는 지킬 수 있으니..

월급은나의빛 · Answer

setName() 이라는 함수명이 이상하게 느껴지네요. set으로 시작하는 함수는 useState()로 만들어지는 변수쌍 [x, setX]에서 나오는 것이라서 헷갈릴 것 같습니다. updateName() 이 적당할 것 같습니다.다음과 같이 말입니다.const [user, setUser] &#61; useState({ id: 0, name: &#34;unknown&#34;, point: 0 })const updateName &#61; name &#61;> setUser({ ...user, name })

킁킁탐정 · Answer

immer라는 것을 사용하세요. JS Proxy를 이용해서 불변성에 대응하며 언급하신 문제를 자연스럽게 해결합니다. 주간 다운로드가 10,000,000이나 되는 매우 인기 있는 유명한 라이브러입니다. 다음의 사이트에서 확인 할 수 있습니다.https://immerjs.github.io/immer/내부 구현 방식이 궁금하다면 제작자가 직접 작성한 블로그를 살펴보세요.https://medium.com/hackernoon/introducing-immer-immutability-the-easy-way-9d73d8f71cb3JS Proxy는 다음의 사이트를 참고하세요.https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy근본적으로 react는 memoization을 기본 최적화 테크닉으로 사용합니다. 이 마져도 react compiler로 어느정도 해소될 예정이기 때문에 실질적으로 학습 목적외에 최적화에 과하게 투자하지 않기를 권해드립니다. 실제 개발에서는 요구사항이 자주 변동되는것을 고려하면 최적화 하기가 매우 어렵기 때문에 컴포넌트 작성/작업 패턴을 학습하시는게 더 효율적입니다.

불변성 객체를 수정하는 함수는 호출됐을 때 객체에 아무 변화가 없어도 카피온라이트를 해야하나요?

4개의 답변

기술 목록