supabase.db, storage, auth 등을 한번에 해결할 수 있어서나같이 게으른 미룬이들에겐 혁명과도 같은 디비임. 또한 공식문서나 관련 블로그들도 정리가 세련되게 잘 되어있음. 어떤 블로그를 참고하여client랑 api(server) 완벽하게 짰는데 계속 에러가 나는 거임.. {"message":"Sign Up failed","error":"Database error saving new user"} 3일 밤낮을 gpt, 구글링을 하며 방법을 찾았지만 결국 해결하지 못함.'뭐가 잘못되었는지 모름'개발자로서 제일 빡치는 순간임. 내 행동들을 복기해보니 문득 sql editor에서 나온 에러 메시지가 뇌리를 스침. "ERROR: 42723: function "handle_new_user" alre..

이제 막 navbar 만들려고 하는데 에러가 하나 발생했다."In HTML, v> cannot be a child of .This will cause a hydration error."  태그는 문서의 최상위 요소로 와 만 포함할 수 있다.는 태그 안에서만 쓸 수 있는데 의 직접적인 자식이 되면 이런 오류가 난다고 한다.  layout.tsx를 보니 Navbar가 body 바깥에 있다는 걸 확인할 수 있었다.줄 한 칸차이로 이런 오류가 발생하기도 하니 주의하도록 하자.

next 프로젝트를 만들면서 emotion을 사용해보기로 했다.css-in-js가 가능하고 styled-component 형식으로 css 짤 수 있다는 것이 장점이다.특히 토스에서 emotion을 사용한다고 하기에 나도 당장 써보기로 했다. 그런데... 뭔가 이상하다6시간째 에러만 해결하고 있다.next 13 부터는 app router 방식이 사용되는데아직 emotion의 app router 방식에 대한 SSR 지원이 제한되어 있기 때문에client 컴포넌트로 밖에 사용하지 못하는 것 같다. (근데 이럼 next 쓸 이유가...) emotion은 css-in-js 라이브러리인데이 동작방식이 SSR 동작 방식과 상충되는 부분이 있기 때문이다. (하이드레이션 이슈) 결론 : tailwind css나 쓰자

emotion 사용하려고 Global.tsx 만들고 layout에 import 함import { GlobalStyle } from '@/styles/Global' 근데 빨간줄 뜨면서 에러뜸Module '"@/styles/Global"' has no exported member 'GlobalStyle'. Did you mean to use 'import GlobalStyle from "@/styles/Global"' instead?ts(2614) 철자를 틀렸나 싶어서 스펠링 틀린그림 찾기 했는데 다른점 안보인다.뭔 말인지 모르겠어서 gpt한테 물어보니 중괄호가 문제라고 한다.  import 할때 중괄호 치고 안치고의 차이 export 에는 default export 와 named export 가 있다.쉽게..

프로젝트 다 만들고 기분좋게 vercel 배포 하려는데갑자기 에러 23개가 파바박 떠버리면서 배포가 안된다는거다. 마음 같아선 유기하고 다른 프로젝트 만들러 가고 싶었지만3개월 간 시간과, 에너지... 그냥 수명을 갈아넣은 프로젝트이기 때문에 절대 포기할 수 없었다. 우선 "Command "npm install" exited with 1" 라는 에러가 떠서 찾아보니까vercel로 강력배포를 하려면 기존 에러나 경고를 모두 해결해야 한다고 한다. "For production Image Optimization with Next.js, the optional 'sharp' package is strongly recommended. Run 'npm i sharp', and Next.js will use it a..