트러블 슈팅

문제 상황Next.js typescript 프로젝트 세팅중react query의 <QueryClientProvider/>를 별도의 Providers 라는 component로 분리하고 <Providers/>를 layout.tsx에 를 넣었더니 에러가 발생해결

next.js에서 supabase 설정 중.supabaseUrl이랑 supabaseAnonKey는 환경변수로 관리하려고 시도중이었음.자꾸 사진처럼 세 번 실행되는데, 값이 서버사이드에서는 잘 들어오는데 클라이언트사이드에서는 안들어옴.근데 "use client"문제 아님

next.js에서 제공하는 <Image/>를 삽입하던 중에 에러가 발생.챌린지반에서도 한 번 언급해주신 내용인데, hostname을 등록하지 않아서 발생하는 문제.next.config.mjs 파일에 hostname을 등록해주면 된다.

nodemailer lib로 이메일로 회원가입 이메일 인증 코드를 전송하는 기능을 구현하던 도중에 이런 에러를 만났다. nodemailer를 사용할 때 대부분 google의 gmail을 활용할텐데, gamil의 경우에는 auth부분에서 pass 부분, 즉 비밀번호

R3F에서 애니메이션을 적용하기 위해 @react-spring/three를 활용했다.position이나 rotation의 값을 useSpring 내에 to라는 객체의 속성으로 넘겨주면 애니메이션을 자동으로 적용해준다.다만, useSpring()을 사용할 때 rotati