기술 경험

React Following Follower Modal창 동기화하기

블로그 이전하였습니다. React Following Follower Modal창 동기화 react-query의 queryClient를 이용해서 팔로우 팔로워 모달창을 동기화 시켜보자 yoon-hae-min.github.io 기존 글 진행 동기 Breaking프로젝트를 진행하면서 프로필 팔로잉 팔로워 모달창에서 유저를 팔로잉 할시에 반대편 모달창에 그 값이 적용되지 않았고 이를 해결하기 위해서 Profile Modal에 state로 만들어 두 개의 Modal을 묶어서 처리했는데 이보다 좋은 방법이 없을까 고민하던 중 optimistic update를 배우면서 이와 비슷하게 직접 queryCache에 접근해서 해결해 보자고 생각하였다. 리펙토링 시리즈 인피니티 스크롤에서 데이터가 많아지면 프레임이 떨어짐 마..

React 인피니티 스크롤 최적화 해보기

블로그 이전하였습니다. React 인피니티 스크롤 최적화 해보기 yoon-hae-min.github.io 기존 글 진행 동기 Breaking프로젝트를 진행하면서 인피니티 스크롤 부분이 한계점이 있어서 이를 해결해 보고자 최적화 프로젝트를 진행하였다 첫 리펙토링은 인피니티 스크롤 관련 부분을 리펙토링 하는 것이었다. 리펙토링 시리즈 인피니티 스크롤에서 데이터가 많아지면 프레임이 떨어짐 (현재 글) 마이페이지 팔로우 팔로워 modal창에서 데이터 동기화 방법수정 필요 관련 PR 인피니티 스크롤 최적화하기 by Yoon-Hae-Min · Pull Request #1 · Yoon-Hae-Min/breaking-frontend 📝 관련 블로그 포스트 https://throwfe.tistory.com/17 📌 추가..

React query를 사용하면 전역 상태가 필요없다?

블로그 이전하였습니다. React Query를 사용하면 전역 상태가 필요없다? React Query를 사용하면서 생긴 오해와 진실 yoon-hae-min.github.io 기존 글 처음 React query를 사용하면서 잘못된 개념을 하나 가지고 갔었다. React-query를 사용하면 전역 상태가 필요 없다는 것이었다. 애초에 개념이 다른 말인데 왜 이렇게 생각했는지에 대해서 풀어보고자 한다. 프론트엔드 개발에서 꼭 필수적인 것이 state 즉 상태이다. 상태를 주관적으로 정의를 내려본다면 사용자와 상호작용하기 위해 동적으로 변하는 데이터를 말할 수 있다. 이 상태에 따라 UI를 적절하게 보여주도록 설정하는 것이 상태 관리인 것이다. 하지만 상태가 복잡해지고 다양화 됨에 따라 하나의 상태가 영향을 미치..