도록

에러메세지./src/hooks/useAllLIkes.ts There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. Use equal casing. Compare these module identifiers: 언젠가부터 빌드를 하면, 위와 같은 경고 메세지가 떴다.dev를 올리고 build error가 나지 않아서 일단 무시했는데, vercel을 이용해 배포하니 아래와 같이 Failed to compile 에러가 나더라. 처음에는 누군가가 next App router를 사용하면 c..

워낙에 쓰기 간편하게!에 중점을 뒀던건지, 역시 커스텀하려고 하니 직접 짜는 쿼리만큼의 자유도는 없다. table join 필수 조건: 조인하려는 테이블 간에 FK가 걸려있을 것 Query (in Next/React/ts)구문const { data } = await supabase    .from("테이블이름")    .select("컬럼명나열 or 와일드카드, 조인하려는테이블명(조인테이블의컬럼))  사용 예시const { data } = await supabase    .from("posts")    .select(`*, comments (content)`)const { data } = await supabase    .from("posts")    .select("*, users: author_id(..

문제 상황 캡쳐   해결useRouter는 next/router가 아닌 next/navigation모듈을 사용해야한다. 문제 해결 전"use client";import { useRouter } from "next/router"; 문제 해결 후"use client";import { useRouter } from "next/navigation";

서론next든, vite든 뭐든 쓰다보면 로컬 개발환경에서는 localhost:port 로 주소를 고정시킨 채 개발하게 된다.일단 동작하는 것 보고 수정해야지~ 하고 까먹고 있다가 배포하게 되면, 어머나 세상에 production에서 localhost 를 찾는 괴상한 현상을 보게된다. 아 나는 둘다 쓰고 싶은데 도메인 인식 어떻게 하지? 원하는 것은 이거!1. npm run dev로 로컬을 띄우고 기존 url(http://localhost:port) 그대로 사용하고 싶어요2. vercel 배포했는데, vercel domain 인식하게 할 수 있는 방법은 없나요?   해결책환경변수로(.env 파일을 이용해) domain을 각기 설정하자. 1. vercel에 환경변수 추가하기: vercel의 프로젝트 셋팅 ..

서론vercel 배포했더니 왜 vercel domain 3개 중에 2개가 cors가 날까요?왜??? 자기끼리 CORS가 나는 건 무슨? (사실 자기들끼리라는 말은 잘못되었다 엄연히 다른 URL인걸?) 해결책모두에게 문을 열어주자!  case 1. Next.js 사용하는 경우, 설정 파일(next.config.js)에 아래 내용을 추가한다. const nextConfig = {  headers: () => {    return [      {        source: "/api/:path*",        headers: [          { key: "Access-Control-Allow-Credentials", value: "true" },          { key: "Access-Control-..

문제 상황아래처럼 supabase의 url과 api key를 복사해서 넣었는데, 위처럼 invalid API key 오류가 떴다.  해결