커밋 제목이 "useCallback 최적화"인데 diff를 보면 useCallback을 추가한 줄은 0, 지운 줄은 17이었습니다. 의존성 배열에 zustand 세터를 넣고 있었고, 변수에 담지도 않은 useCallback 호출도 하나 있었어요. 지운 판단 자체는 지금도 맞다고 보는데, 같은 커밋에서 메모이제이션을 벗긴 함수를 useEffect 의존성에 넣어 매 렌더마다 인증 검사를 돌게 만들었습니다. 측정은 없었습니다.
코딩테스트 백트레킹
코딩테스트 정렬
디자인 시안이 1920px 기준이라 화면 폭을 max-width 1920px로 잡아 두고 있었습니다. 8월에 "1980 결정 전"이라는 제목으로 온보딩 이미지를 1980px 고정으로 바꿨는데, 1980은 1920의 오타였어요. 두 달 뒤 해상도 이슈로 전부 100vw로 바꿨고, 그게 다음 문제의 시작이었습니다.
무한 스크롤을 붙인 화면마다 이슈가 났는데, 돌아보니 라이브러리 문제가 아니라 전부 "누적된 목록의 주인이 누구인가"가 흐릿해서 생긴 문제였습니다. react-query 캐시와 zustand 스토어가 같은 목록을 두고 싸우다 한쪽을 걷어낸 이야기, 페이지 번호를 컴포넌트가 들고 있다가 캐시에 넘긴 이야기를 정리했습니다.