All Posts

All Posts

  • 발행일

    [원티드]리액트 오픈소스 펼쳐보기

    리액트의 성능 최적화는 개발자에게 중요한 관심사 중 하나입니다. 특히, 복잡한 UI가 빈번하게 렌더링될 때 성능 문제는 더욱 두드러집니다. 이러한 문제를 해결하기 위해 리액트 팀은 Fiber라는 새로운 아키텍처를 도입했습니다. 이번 글에서는 리액트에서 Fiber가 무엇인지, 그리고 F…

  • 발행일

    axios를 걷어냈다가 이틀 만에 되돌렸다가 다시 걷어냈다 — 문제는 라이브러리가 아니라 프록시였다

    사이드 프로젝트에서 axios를 fetch로 바꿨다가 28시간 뒤 되돌리고, 30분 뒤 다시 fetch로 갔습니다. 그 사이 커밋 메시지는 "프록시 시도 중", "프록시 실험 일단 종료", "credentials 처리 방법 실험 시도"였어요. 되돌아보니 HTTP 클라이언트를 바꾼 게 아니라 Netlify 리다이렉트와 Next 리라이트 사이를 헤맨 이틀이었습니다. 왜 흔들렸는지를 커밋 순서대로 적습니다.

  • 발행일

    Next.js 안에 react-router-dom이 두 달 있었다 — 한 번도 마운트되지 않은 훅

    App Router로 만든 프로젝트의 package.json에 react-router-dom이 두 달 동안 들어 있었습니다. 401을 받으면 useNavigate로 로그인 화면에 보내는 인터셉터 훅을 짰는데, 그 훅을 부르는 컴포넌트는 어디에도 마운트돼 있지 않았어요. 왜 넣었는지는 커밋에 남아 있지 않고, 지운 날의 커밋 제목은 라이트하우스였습니다.

  • 발행일

    검색은 GET, 목록은 POST — 하루에 세 번 바꾼 메서드

    여행지 목록과 검색 API의 메서드를 하루에 세 번 바꿨습니다. 오후 6시에 둘 다 GET, 7시에 page를 쿼리로, 8시 반에 목록만 POST, 밤 11시 반에 검색은 GET으로 확정. 그런데 POST로 바꾸면서 좌표를 params라는 키로 한 번 감싸서 보냈고, 그걸 다음 날 점심에야 풀었어요. 엿새 뒤 검색도 POST가 됐습니다.