eKAjl6rQMgXm3zOv9F75hz 8Kkyuk32oKhGYn 4olW9u2fRnfv7LrYr BU64avWJGIlo gIfAHfHUvmpv1S3 o3Omdw epIPaPwYV0lvORiE3cSQyQrYKOZc

state와 상태 불변성에 대한 궁금증에서 시작된 리액트 상태 메모. 지난 글을 쓰다보니, 자연스럽게 이해되는 부분이 있어 먼저 정리하고 넘어간다. 리액트 상태 Statestate는 렌더링 사이에서 값을 저장 (데이터를 보관)setter는 리렌더링을 트리거 함수형 컴포넌트 기준으로 더 이해가 쉽다. 리액트 컴포넌트는 결국 (render()를 반환하는) 함수

리액트 상태와 불변성 당연하게 사용하는 훅이지만 깊게 공부는 안해본 것 같아서 남기는 간단한 메모동일한 제목의 비슷한 내용이 많은 키워드이다. 검색해보면 ‘리액트에서 불변성을 왜 지켜주어야 하는가?’라는 제목의 글이 많은데, 막상 살펴보면 set state 함수의 매개변수로 얕은 복사를 해야한다는 내용이 대부분이다. 실은 state에서 불변성이 어떻게 구현

회사에서 서비스 리뉴얼 이후, 또다시 리뉴얼에 가까운 보수 작업이 있었다. 3가지 이유가 있었다. 1 기획 변경으로 큰 변화가 있었고, 2 심각한 버그가 연이어 터졌으며, 3 코드 컨벤션에 맞지 않거나 비효율적인 로직을 리팩터링 해야했기 때문이다. 22년 4분기에서 23년 1분기는 새 프로젝트를 론칭하느라 정신없었다면, 23년 2분기는 뜯어 고치느라 정신이

회사 프로젝트 개발 중 최적화 이슈가 생겼다. getServerSideProps가 적용된 페이지의 로드가 17s 가량 걸리는 문제였다. 해결하는데 꽉찬 하루가 소요됐는데 (야근 포함 1.5일), 숙지 안하고 넘어가면 상당히 아쉬울 것 같다. 그리고 캐시 설정에 여러가지 시도를 했었는데, 급해서 이것저것 한꺼번에 시도하다보니 어떤 부분 때문에 해결됐는지 정확

프로덕션에서 리액트 쿼리 도입을 앞두고 있고, 개인적으로도 관심이 많아서 정리 해본다. 저에겐 아직 낯설고, 부족한 부분이 많으니 이상한 부분이 있으면 꼭 방명록에라도 지적해주시면 감사하겠습니다.-리액트 쿼리에 관심을 갖게된 계기는 리액트 쿼리 공식문서에 올라온 swr과 비교하는 자료 때문이다.얼핏보면 swr도 캐싱할 수 있고, 겹치는 기능이 많아 유사해보