도록

0. vscode extension에서 prettier, eslint 설치 1. 기본 포맷터를 prettier로 설정 2. fomat on save : 체크하기  3. tsx 파일 Single Quote 설정3-1. eslint 설정 3-2. .prettierrc 설정 4. 완성! 이제 저장하면 tsx 파일의 quote 들 모두 자동으로 single quote으로 fomatting 된다

메세지warning: in the working copy of 'app/globals.css', LF will be replaced by CRLF the next time Git touches it → OS 마다 줄바꿈 문자가 다른데, 뭐 쓸꺼니? Windows, DOS 명령어git config --global core.autocrlf true Linux, MAC 명령어git config --global core.autocrlf input  출처) https://dabo-dev.tistory.com/13

1. [DEPRECATED] Default export is deprecated. Instead use `import { create } from 'zustand'`변경 전변경 후import create from "zustand"; import { create } from "zustand";  2. Image with src has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: "auto"' or 'height: "auto"' to maintain the aspect ratio.변경 전변경 후      Image  ..

1. vscode PostMan 추가 2. new Request 추가3. cookies 클릭  4. 테스트하려는 도메인 입력 5. supabase auth에 필요한 쿠키값 알아내기 테스트하려는 서버에서 로그인한 뒤,개발자 도구 > 애플리케이션 > 쿠키 > 테스트 서버 주소 클릭하면 저장된 항목들이 보임sb-블라블라-token.0 / sb-블라블라-token.1 두개의 값 모두 PostMan에 넣어줘야함 6. add cookie 클릭밑줄 그은 cookie4=value부분을 5번에서 알아낸 값으로 교체한다.    7. 셋팅 끝! 요청 날려보면 제대로 나온다.

1. supabase 설치npm i supabase@">=1.8.1" --save-dev  2. supabase 셋팅하기npx supabase loginnpx supabase init  3. supabase DB기준으로 타입 파일 생성하기npx supabase gen types --lang=typescript --project-id "프로젝트 아이디" --schema public > database.types.ts아이디 넣어서 실행하면 root 폴더 위치에 database.type.ts 파일을 생성한다.나는 next 에서 사용할거라 src/database.type.ts 로 바꿔서 사용한다.   4. 어떻게 쓰는가?import { Database, Tables, Enums } from "./database..

에러메세지./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..