도록

로컬 브랜치 첫 push 할 때마다, 아래처럼 귀찮게 하길래 auto remote push 옵션을 찾았다  해결책git config --global --add push.autoSetupRemote true

프로세스가 port 를 차지하고 있어서 생긴 문제로, 프로세스 종료하면 정상화된다. 해결1. 윈도우 작업표시줄에서 cmd 실행 2. 해당 port (내 경우에는 8081)을 잡고 있는 pid (Process Id)를 찾는다netstat -ao | findstr 포트번호 3. 알아낸 pid kill 하기taskkill /f /pid 프로세스아이디  cmd 캡쳐

1. repo 만들기❗본인의 github name으로 변경해서 {userName}.github.io 으로 만들어야 함 2. build deployment 설정하기  3. repo clone 받기 4. blog theme 정하기https://jekyllthemes.io/ Jekyll Themes – a curated directoryFind the best Jekyll themes for your next project – a curated directory of themes, templates and resources for building Jekyll websites.jekyllthemes.io 구글에 검색하면 각종 테마사이트가 많다 골라서 zip 파일로 다운받는다.나는 이 테마를 받아 clone 받은..

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 정보를 말한다.구현중인 서비스의 소셜 회원가입/로그인 정책 상 필요한 데이터들 ..

쓰로틀링(Throttling)과 디바운스(Debouncing)는 자주 발생하는 이벤트를 제어하여 성능을 최적화하는 기법으로, 주로 스크롤, 리사이즈, 텍스트 입력 같은 빈번한 사용자 상호작용에 사용됩니다. 두 기법 모두 불필요한 함수 호출을 줄여 성능 문제를 방지하지만, 그 동작 방식과 적용 상황이 다릅니다.1. 디바운스 (Debouncing)디바운스는 마지막 이벤트가 발생한 후 일정 시간이 지나기 전까지는 함수 호출을 미루는 기법입니다. 사용자가 계속해서 이벤트를 발생시키는 동안 함수 호출은 지연되며, 마지막 이벤트 이후 일정 시간이 지나면 비로소 함수가 실행됩니다.동작 방식이벤트가 발생할 때마다 타이머를 설정합니다.만약 새 이벤트가 이전 타이머가 끝나기 전에 발생하면, 이전 타이머를 취소하고 새로운 ..