하루 기록

액세스 토큰을 받기 위해 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

prettier 설정   eslint 설정1. setting.json 파일 열기 (setting에 eslint 항목이 없다면 extendsion에서 eslint 설치해야 함)2. setting.json 아래 항목들 수정   https://velog.io/@xmun74/Next.js-TS%EC%97%90%EC%84%9C-ESLint-Prettier-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0

1. https://cactus.tistory.com/306 에서 폰트 다운로드2. 가변 프리텐다드 woff2 를 소스코드 root 폴더 안에 위치3. root layout 의 폰트 변경이상하게 매번 localFont를 못 찾아서 복붙해서 넣어준다. import type { Metadata } from "next";import localFont from "next/font/local";import "./globals.css";const pretendard = localFont({  src: "./fonts/PretendardVariable.woff2",});export const metadata: Metadata = {  title: "Create Next App",  description: "Gener..