섹션3 Shadcn/ui 생성 시

안녕하세요 ggomsso 님 이정환입니다!아이고 제보 정말 감사드립니다. 동일한 문제를 겪으실 수강생 분들을 위해 아래와 같이 자동 메세지로 추가해 두었습니다. 향후 영상 업데이트도 진행하도록 하겠습니다 🙇‍♂(사진)

6.8 zustand 세션 질문입니다.

안녕하세요 kin412님 이정환입니다.강의 소스코드로 확인해본 결과 다음과 같이 setSession 이후의 변경된 State가 잘 출력되어야 하는데, Redux Devtools의 버그로 보입니다 ... 🥲버그의 원인과 해결책을 정확히 알기 어렵기에 이처럼 확인이 잘 안되시는 경우 console.log를 이용하시는 편이 좋을 것 같습니다.(토큰 노출의 위험이 있어 누추하게 가린 점 죄송합니다)(사진)

섹션2 tailwindcss 퀴즈에 대해서

안녕하세요 ggomsso님 이정환입니다.우선 제보 감사합니다. 그러나 이 퀴즈의 경우 제가 생성하는게 아닌 인프런 AI가 자동으로 생성하는 기능으로 제가 제거하거나 수정할수가 없습니다 🥲 인프런측에 문의 남겨보도록 하겠습니다.

데이터 로딩중 화면만 계속 나와요!!

안녕하세요 정우경님 이정환입니다.코드상 그리 특별한 부분은 보이지 않는데, 아마 로컬스토리지 내 데이터가 잘못된 양식으로 저장되어 있을 수 있으니 체크해보시면 좋을 것 같습니다. diary 이름으로 저장해둔 데이터를 아예 제거하신다음 새로고침하시면 문제 없이 작동할 것으로 예상됩니다.추가로 이런 부분까지 방지하고 싶으시다면 App 컴포넌트의 useEffect내에 try-catch 문을 배치하여 데이터 로딩 과정에서 오류가 발생해도 setIsLoading(false)가 무조건 실행되도록 처리해 주시면 좋습니다!

next.js 강의에서도 리액트 라이브러리들을 다뤄주시나요?

안녕하세요 jungo님 이정환입니다.결론부터 말씀드리면 Next.js 강의에서는 Zustand나 Tanstack Query에 대해 다루지 않습니다.대신 Next.js에서 제공하는 핵심 기능(데이터캐시, 풀 라우트 캐시, 리퀘스트 메모이제이션, 서버 컴포넌트 등)들을 다루는데에 더 집중하고 있습니다.

퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요

안녕하세요 ukekeke님 이정환입니다.우선 저는 프론트엔드 개발자로 퍼블리셔의 생태에 대해서는 잘 모릅니다 ㅠㅠ 따라서 회사에서 퍼블리셔분들께 정확히 어느 정도의 수준을 요구하는지 잘 모르겠습니다.다만 추천드리고 싶은 부분은 최근 많은 퍼블리셔 분들께서 경쟁력 강화를 위해 프론트엔드 개발도 함께 병행하시는 경우가 있다고 들었습니다. 이에 강의를 수강하고 계신김에 전체를 다 학습해보시는 건 어떨까 제안드립니다!

shadcn에서 radix ui와 base ui 차이는 뭔가요?

안녕하세요 jungo님 이정환입니다.Base UI는 Radix UI 보다 더 작은 수준의 컴포넌트들을 제공합니다. 따라서 커스터마이징을 더 자유롭게 하시길 원한다면 Base UI를 더 많이 선택하시곤 합니다. 그러나 기본적으로 제공되는 기능이 Radix UI에 비해서는 부족하기에 저는 가급적 Radix UI를 추천드리고 있습니다 😃

updateTodo 함수 생성시 화살표 함수 사용 안하는 이유

안녕하세요 이민진님 이정환입니다.네 단순한 스타일 차이일 뿐 큰 의미는 없습니다 😀

4.11 바로 투두 삭제가 안됨 질문

안녕하세요 보내주신 코드 잘 확인해봤습니다.확인해보니 json-server의 버전이 과거의 버전으로 설치되어 있더군요 npm uninstall json-server로 제거하신 다음, npm i json-server로 최신 버전을 설치해 다시 사용해주시면 정상적으로 작동하게 될 겁니다 😀

4.11 바로 투두 삭제가 안됨 질문

안녕하세요 으악님 이정환입니다.혹시 deleteTodo 함수의 반환값이 다음과 같이 잘 설정이 되어 있는 상황일까요?import { API_URL } from "@/lib/constants"; import type { Todo } from "@/types"; export async function deleteTodo(id: string) { const response = await fetch(`${API_URL}/todos/${id}`, { method: "DELETE", }); if (!response.ok) throw new Error("Delete Todo Failed"); const data: Todo = await response.json(); return data; }강의에서 안내드린 것 처럼 deleteTodo 함수가 삭제된 아이템을 반환하지 않을 경우 onSuccess 함수에 매개변수로 삭제된 아이템이 제공되지 않을 수 있습니다. 이 부분을 확인해보셔야 할 듯 싶습니다.