도록

구글 로그인을 구현하기 위해 설정부터 해보자 1. 사용자 인증 정보, oauth client id를 발급받자https://console.cloud.google.com/apis/credentials아 동의 화면이 없어서 oauth client id 발급이 어렵다고 한다...0. 동의화면 구성하기 1. 다시 처음에 시도했던 oauth client id 발급 받자    참고 문서 : https://developers.google.com/identity/protocols/oauth2/javascript-implicit-flow?hl=ko

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..