리펙토링

🎀 합성 컴포넌트란?

이번 중급 프로젝트때 꽤 많은 팀에서 React Query를 채택했더라. 😲 그래서 그런가 플젝 진행 중에도 자꾸만 이놈이 눈에 아른거렸다... 또, 멘토님이 티어 1로 줘도 될 만큼 아주 중요하다고 말씀해 주셨던게 생각나버렸다. 그래서 프로젝트가 끝난 지금 R

댓글 무한 스크롤을 구현하였는데, 위 이미지에서 보이는 것 처럼10개의 댓글이 추가적으로 불러와져야 하는 상황에 깜빡임 현상을 발견하게 되었다.gif 우측 console을 자세히 보면댓글 불러올 때 마다 pending 상태가 true -> false로 반복되고 있다.새

textarea에 값을 입력할 때 useState로 저장하여 value로 넘겨주고 있다.이때 리렌더링이 얼마나 자주 일어나는지 체크해보기 위해서 react dev tool로 확인해 보았다.위 gif에서 확인되는 것 처럼textarea에 글을 입력할 때 마다 렌더링이 되

🎀 picture 와 source 태그 이미지 최적화를 이야기하기 위해서는 picture와 source태그 이야기가 빠질 수 없다. 퍼블리셔로 일할 때 자주 사용했었던 태그들이다. 반응형에 따라 이미지를 변화시키기에 유리하고, 최적화를 통한 성능 개선에도 도움을