- 발행일
[원티드]리액트 오픈소스 펼쳐보기
리액트의 성능 최적화는 개발자에게 중요한 관심사 중 하나입니다. 특히, 복잡한 UI가 빈번하게 렌더링될 때 성능 문제는 더욱 두드러집니다. 이러한 문제를 해결하기 위해 리액트 팀은 Fiber라는 새로운 아키텍처를 도입했습니다. 이번 글에서는 리액트에서 Fiber가 무엇인지, 그리고 F…
리액트의 성능 최적화는 개발자에게 중요한 관심사 중 하나입니다. 특히, 복잡한 UI가 빈번하게 렌더링될 때 성능 문제는 더욱 두드러집니다. 이러한 문제를 해결하기 위해 리액트 팀은 Fiber라는 새로운 아키텍처를 도입했습니다. 이번 글에서는 리액트에서 Fiber가 무엇인지, 그리고 F…
사이드 프로젝트에서 axios를 fetch로 바꿨다가 28시간 뒤 되돌리고, 30분 뒤 다시 fetch로 갔습니다. 그 사이 커밋 메시지는 "프록시 시도 중", "프록시 실험 일단 종료", "credentials 처리 방법 실험 시도"였어요. 되돌아보니 HTTP 클라이언트를 바꾼 게 아니라 Netlify 리다이렉트와 Next 리라이트 사이를 헤맨 이틀이었습니다. 왜 흔들렸는지를 커밋 순서대로 적습니다.
App Router로 만든 프로젝트의 package.json에 react-router-dom이 두 달 동안 들어 있었습니다. 401을 받으면 useNavigate로 로그인 화면에 보내는 인터셉터 훅을 짰는데, 그 훅을 부르는 컴포넌트는 어디에도 마운트돼 있지 않았어요. 왜 넣었는지는 커밋에 남아 있지 않고, 지운 날의 커밋 제목은 라이트하우스였습니다.
여행지 목록과 검색 API의 메서드를 하루에 세 번 바꿨습니다. 오후 6시에 둘 다 GET, 7시에 page를 쿼리로, 8시 반에 목록만 POST, 밤 11시 반에 검색은 GET으로 확정. 그런데 POST로 바꾸면서 좌표를 params라는 키로 한 번 감싸서 보냈고, 그걸 다음 날 점심에야 풀었어요. 엿새 뒤 검색도 POST가 됐습니다.
React의 핵심 개념을 배우고 JSX를 통해 실제로 코드를 작성합니다.