프론트엔드 클린코드 - 객체 변이(mutation) 지양
새로운 변수를 생성하거나 기존 변수를 재할당하지 않고 JavaScript의 객체 또는 배열을 변경할 때 예상치 못한 mutation(변이) 일어난다. 현재 원본 puppy 객체의 age 속성을 변경하여 객체를 변화 시키고 있다. 이러한 mutation…
새로운 변수를 생성하거나 기존 변수를 재할당하지 않고 JavaScript의 객체 또는 배열을 변경할 때 예상치 못한 mutation(변이) 일어난다. 현재 원본 puppy 객체의 age 속성을 변경하여 객체를 변화 시키고 있다. 이러한 mutation…
어떤 방식으로 상태관리를 사용할 것인가에 대한 고민은 React의 라이브 기간(또는 더 오래전에)과 함께 했으며, 이에 대한 답변은 다양하다.
어느덧 개발을 시작한지 3년이란 시간이 흘렀다. 그 중에 올해는 개발을 시작한 이후 가장 변곡점이 많은 해였기에 2021년 회고를 작성하고자 한다.
리액트 개발자는 메모이제이션과 레퍼런즈 보존을 안정적으로 유지하기 위해, 보통 useMemo를 가장 먼저 떠올린다. 최근에 있었던 실제 예를 하나 들어보고자 한다.
본 글은 props로 얻은 값으로 state를 초기화 하려는 일반적인 상황에 대해 이야기한다. 아마도 많은 개발자들이 비슷하게 코드를 작성 했을 것이다. 코드 자체의 문제는 아니지만 우리는 잠재적인 문제 몇 가지를 인지해야한다.