라우트 세그먼트 옵션 강좌 노트에 사소한 제보 남깁니다.

안녕하세요 murphy님 이정환입니다아이고..! 링크가 잘 못 걸려있었네요 수정했습니다 제보 감사합니다 😀

리액트 쿼리 질문입니다

안녕하세요 이진섭님 이정환입니다.isLoading은 데이터가 없는 경우 + 데이터가 페칭이 진행중인 경우에 true가 됩니다.isPending은 데이터 페칭이 진행중인 경우에만 true가 됩니다.따라서 데이터 페칭이 아직 시작되기 전에도 isPending은 true가 되지만 isLoading은 false입니다.활용 예시는 아래 AI 인턴의 답변이 완벽하네요!isLoading: 초기 데이터 요청 시. 사용자가 페이지를 처음 방문했을 때 데이터를 불러오는 경우.isPending: 데이터 업데이트 작업 시. 예를 들어 사용자가 “제출” 버튼을 눌러 서버에 데이터를 전송하는 동안 상태 표시를 하는 경우.

개발자도구에서 components 가 안보입니다.

안녕하세요 뚝딱박님 이정환입니다.설치 과정이 잘 진행되었다면, 보통은 브라우저를 완전히 종료했다가 재 시작하면 문제가 해결됩니다. 브라우저 종료 이후에 다시 실행해서 확인해보시고 그래도 안되시면 바로 답글 부탁드립니다 😀

최적화 관련 질문있습니다 (useMemo 등)

안녕하세요 이정환입니다.개인적으로는 우선 강의에서 안내드리는 모든 최적화 방식을 습득하신 이후에 React Compiler를 체험해 보시는걸 권장드립니다. React Compiler를 사용하는 환경에서도 useMemo나 useCallback을사용해 최적화를 진행할 수도 있고, 무엇보다 React Compiler가 자동으로 최적화해주는 범위와 한계를 이해하려면 결국 수동 최적화의 원리를 먼저 알고 계셔야 합니다. 이미 useMemo, useCallback, React.memo에 대한 학습이 완료되셨다면! 바로 사용해보셔도 좋을 것 같습니다. 개인적인 체험 경험으로는 아주 만족스럽고 좋았습니다 😀만약 React compiler가 정식으로 채택되면 강의도 리뉴얼 될 예정입니다!

SSR시 context에 params말고 query를 사용하면 안되나요?

안녕하세요 이정환입니다.말씀하신대로 Next.js는 내부적으로 query와 param을 합쳐서 제공합니다.그러나 ~/book/[id] 처럼 URL Parameter를 사용하는 페이지에서는 [id] 값을 불러올 때에 query보다는 param으로 접근하시는게 좋습니다. 그 이유는 아래와 같이 해당 경로에 쿼리스트링이 추가되었을 때 param과 query의 구분이 어려워지기 때문입니다. ~/book/abc?q=123 // - param : {id : "abc"} // - query : {q : 123}

state 관리에 대한 정리

안녕하세요 kaeuhy님 이정환입니다.전반적으로는 맞습니다. 다만 Zustand를 도입하시게 되면 Context API는 보통 잘 사용하지 않게 됩니다. Zustand가 Context API의 기능을 이미 다 제공해 주거든요!

[(2.4) Shadcn/ui를 소개합니다] 강의 Shadcn 세팅 관련 질문 있습니다.

안녕하세요 코린이님 이정환입니다.확인해보니 몇일 전 shadcn/ui 설치 방법이 업데이트 되었네요그런데 업데이트대로 실행해 본 결과, 아직 제대로 업데이트가 이루어지지 않은 것 같습니다 ... 🥲(사진)현재 저뿐만 아니라 다른 분들도 문제를 겪고 계신 것 같습니다.https://github.com/shadcn-ui/ui/issues/9928 이에 지금 당장은 깔끔하게 설치를 안내해 드릴 방법이 없어 아래와 같이 자동메세지를 통해 설치가 완료된 프로젝트 코드를 제공해드리고 있습니다.(사진) 문제가 해결되는대로 강의 수정하도록 하겠습니다제보 감사합니다!

프로바이더 컴포넌트의 위치는 어떤 기준인가요?

안녕하세요 서회정님 이정환입니다.둘의 위치는 바뀌어도 무관합니다. 실제로 바꿔보시면 동일하게 동작함을 확인하실 수 있습니다!순서가 중요해지는 경우는 한 Provider의 value가 다른 Context의 값에 의존할 때뿐인데, 여기서는 data와 { onCreate, onUpdate, onDelete }가 서로 독립적으로 생성되므로 상관없습니다.

npx prisma db push 시 에러가 뜹니다.

해결되었군요! 다행입니다 😀

vercel 배포를 실패하였습니다.

안녕하세요 gogo님 이정환입니다.본 강의에서는 Vercel Auth와 관련된 기능을 사용하지 않아 해당 설정의 유무와 관계없이 빌드가 잘 이루어져야 하는데 혹시 추가하신 기능이 있으실까요?!