본문 바로가기

교육후 개인공부/TroubleShooting7

[TroubleShooting] NextAuth에서 token과 session 일단 가장 큰 문제점은 JS로 NextAuth를 구현할때는 다른 코드를 따라하기 급급했고,코드의 의미를 파악하지 못한상태에서 그저 진행했던 것 같다.역시 에러를 만나야지 코드를 하나하나 살펴보다가 코드에대해 이해하게 되는것 같다.에러야 고마워 !!! 일단 나는 google을 이용해서 oauth를 구현했고, GoogleProvider({ clientId: process.env.GOOGLE_CLIENT_ID as string, clientSecret: process.env.GOOGLE_CLIENT_SECRET as string, }), NextAuth에서 제공하는 폼만으로도 Oauth구현창에서 내가 만든 아이디로 로그인을 할수있다.뭐 물론 이제 회원가입하는 창도 만들고 해야겠지만..... 2024. 5. 10.
[TroubleShooting] query data를 여러개 가져오는과정중 발생한에러 일단 첫번째 문제는 query를 이용해서 data를 여러개 가져오는 과정중에 발생했다. queries를 이용해서 해결했다.const queries = [ { queryKey: "tvpopular", queryFn: getTvP }, { queryKey: "tvrate", queryFn: getTvT }, ]; const results = useQueries(queries); 이렇게해서 results를 console.log해보니 [{},{}]이렇게 데이터가 담겨있었다. 가장 큰 문제가 발생했다.넷플릭스클론을 하는과정중인데메인화면에 popular, rate 슬라이더를 두줄 만드는데슬라이더를 만드는 과정까지는 무리없었다. 해당작품을 클릭하면 그 작품에 대한 설명이 나오는 오버레이를 구현하는 과정.. 2023. 10. 21.
[TroubleShooting] react query이용중 에러를 만나다. 영화 오픈api를 이용해서 혼자 솔로프로젝트를 하는중 에러를 마주했다. 근데 아직 더 많이 공부가 필요하다고 생각하는 react query부분이였다. const { data, isLoading } = useQuery( ["hometv", "trending"], getHomeTv );react query를 이용해서 home화면에서 쓰이는 tv 프로그램에 대한 정보는 호출해왔다. 이제 movie에 대한 정보를 가져오려고 코드를 적는중 에러를 마주했다.  const { data2, isLoading2 } = useQuery( ["homemovie", "trending"], getHomeMovies );이렇게 적어도 data2부분을 읽을수없다고 했다. 근데 생각해보니 저기의 data부분.. 2023. 9. 15.