도록

prettier - Code formatterhttps://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode Prettier - Code formatter - Visual Studio MarketplaceExtension for Visual Studio Code - Code formatter using prettiermarketplace.visualstudio.com EsLinthttps://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint ESLint - Visual Studio MarketplaceExtension for Visual Studio Code - In..

초기화1. 플러그인 삭제C:\User\사용자이름\.vscode 폴더 삭제 2. 개인설정 파일 삭제C:\User\사용자이름\AppData\Roaming\Code 폴더 삭제 install plugins : https://reeny404.tistory.com/136 필수 vscode 확장 프로그램 (plugins/extension)prettier - Code formatterhttps://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode Prettier - Code formatter - Visual Studio MarketplaceExtension for Visual Studio Code - Code formatter using pretti..

에러 응답  원인google api console 에서 사용하겠다고 설정한 영역 밖의 API를 호출해서 에러가 난다. 순서대로 설명하자면, 1. calendar API만 사용하겠다고 설정2. access Token 발급3. people API 사용하겠다고 설정4. 발급받았던 token으로 people API 요청5. 403 forbidden (permission denied)즉, 사용 설정 이후에 token을 받야하는데, 반대로 token 발급 후 사용하겠다고 선언 해서 오류가 떴다 해결accessToken을 재발급 받자!→ accessToken 요청 url에 propmt=consent 를 추가하면 권한 요청을 필수로 하게된다.https://accounts.google.com/o/oauth2/v2/aut..

이전 글:  https://reeny404.tistory.com/120  [next/react] google 로그인 구현하기 (2) : 액세스 토큰 받기액세스 토큰을 받기 위해 oauth client id를 이전에 발급받았다. (link) [next/react] google 로그인 구현하기 (1) : oauth client id 발급 받기구글 로그인을 구현하기 위해 설정부터 해보자 1. 사용자 인증 정보reeny404.tistory.com  이전에 액세스 토큰까지 무사히 잘 받아왔다면, 이제 받은 토큰을 이용해서 google 로그인 정보를 가져오자! 로그인 정보?: 내가 개발하는 사이트에 저장할 email이나 nickname 정보를 말한다.구현중인 서비스의 소셜 회원가입/로그인 정책 상 필요한 데이터들 ..

1. 원하는 로티 파일 찾아서 다운받기https://lottiefiles.com/featured-free-animations Featured Free Lottie Animations - Curated Motion DesignsExplore our featured free Lottie animations, handpicked for quality and creativity. Discover free animations to enhance your projects with stunning motion graphics.lottiefiles.com 2. 다운받은 파일을 프로젝트 내의 폴더로 옮기기 3. lottie player 설치npm i react-lottie-player  4. Lottie renderin..

문제- 구성한 endpoint가 잘 동작하는지 테스트해보니 아래처럼 400 오류가 난다. (redirect_uri_mismatch) 해결일단 나는 두가지를 수정 했고, 이후 정상적으로 동작하는 것 확인했다.1. oauth client id 발급 시, redirect uri 구성을 잘못함- 승인된 redirection uri에 액세스 토큰 발급 후, 연결할 내 페이지 정보를 넣어주어야 한다.- 넣은 정보를 endpoint link 구성할 때 redirect_uri 의 value값으로 넣어주어야 한다.2. redirect_uri 의 value 값을 encode 해서 넣어야 함  위처럼 변경하고 나면, Link 형태로 만들어서 클릭해도, 콜백 페이지로 잘 이동한다.  관련 글 : https://reeny404..