도록

액세스 토큰을 받기 위해 oauth client id를 이전에 발급받았다. (link) [next/react] google 로그인 구현하기 (1) : oauth client id 발급 받기구글 로그인을 구현하기 위해 설정부터 해보자 1. 사용자 인증 정보, oauth client id를 발급받자아 동의 화면이 없어서 oauth client id 발급이 어렵다고 한다...0. 동의화면 구성하기 1. 다시 처음에 시reeny404.tistory.com  액세스 토큰 발급받기 하단의 endpoint와 매개변수를 조합하여, 본인의 link를 만들자 - 보기 좋게 줄바꿈 넣어두었지만, 실제 쓸 때는 공백없이 한줄로 link 연결시키면 됨- redirect_uri, client_id 의 value 수정 필수- re..

구글 로그인을 구현하기 위해 설정부터 해보자 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. 셋팅 끝! 요청 날려보면 제대로 나온다.