깃허브(Github) PUSH와 Personal Access Token 문제 해결하기

Support for password authentication was removed on August 13, 2021. 에러

깃허브의 정책 변경으로 인해 8월 13일부터는 개인 액세스 토큰을 사용해야 푸시(PUSH)가 가능하도록 변경이 되어

설정하는 방법을 간략하게 알아보겠습니다.


1. 토큰 발급

vscode에서 푸시를 진행하면 8월 13일 이후로는 위와 같은 에러 메시지와 함께 토큰을 사용하라는 에러가 발생합니다.

토큰 발급은 다음 페이지에서 진행합니다.

https://github.com/settings/tokens

접속하여 Generate new token 클릭

위 페이지에서 Note, Expiration, Select scopes 항목을 선택하면 됩니다.

Note는 토큰 설명, Expiration은 만료 기간, Select scopes는 범위를 지정합니다.

기본적인 범위만 지정하고 싶은 경우 Select scopes는 repo만 체크하면 됩니다.

위 세 항목 작성 및 체크 후 Generate token을 클릭합니다.

토큰이 생성되면 위와 같이 확인할 수 있으며, 생성된 토큰은 홈페이지에서 재확인할 수 없으므로 복사해두고 사용하시면 됩니다.


2. 자격 증명 설정하기

발급 받은 토큰을 윈도우의 자격 증명에 설정하면 작업이 완료됩니다.

윈도우에서 자격 증명 관리자를 실행합니다.

Windows 자격 증명을 선택하면 아래와 같이 github 자격 증명을 확인할 수 있습니다.

위와 같은 형식으로 된 부분을 선택하여 편집을 클릭합니다.

위에서 발급 받은 토큰을 복사하여 암호 부분에 붙여넣기 및 저장하면 작업이 완료됩니다.


Useful Shortcut Keys For Visual Studio Code(VS code단축키 모음)

효율적인 작업을 위한 비쥬얼 스튜디오 코드(VS Code) 단축키 모음

Sometimes we need some shortcut keys for improving efficiency and avoiding irritable repeating works.

But occasionally, we use it because just seems cool!

VS code shortcut keys will help you and your work faster.

You can also check or edit shortcuts keys at File – Preferences – Keyboard Shortcuts.

Or follow default set version as below.

단축키는 효율성을 높이거나 반복되는 작업에 자주 사용하곤 합니다.

그 작업이 게임이건 사무용 프로그램이건 말이죠.

단축키를 쓰면 실력자로 보이기도 하고, 약간은 숙련자로 보이기도 하는 것 같습니다.

익숙한 단축키부터 유용한 단축키까지 VS Code에서 사용할 수 있는 단축키를 정리해보았습니다.

물론 File – Preferences – Keyboard Shortcuts에서 단축키의 수정도 가능합니다.


SHORTCUT KEYS FOR VS CODE

EDIT
CopyCtrl + C복사
CutCtrl + X잘라내기
PasteCtrl + V붙여넣기
Select AllCtrl + A전체 선택
Undo(↔Redo)Ctrl + Z실행취소(↔다시실행)
Redo(↔Undo)Ctrl + Y다시실행(↔실행취소)
Copy LineAlt + Shift + ↑/↓행 복사하기
Move LineAlt + ↑/↓행 옮기기
Insert Line AboveCtrl + Shift + Enter한 줄 삽입하기(위쪽)
Indent LineCtrl + ]들여쓰기
Line CommentCtrl + /코멘트 (라인)
Block CommentAlt + Shift + A코멘트 (블록)
FindCtrl + F찾기
ReplaceCtrl + H바꾸기
Trigger SuggestionCtrl + Space완성 제안
Close EditorCtrl + W에디터 닫기
SaveCtrl + S저장하기
Reopen closed EditorCtrl + Shift + T닫은 에디터 열기
Full Screen ModeF11풀스크린
Sidebar visibilityCtrl + B사이드바 열기
Show TerminalCtrl + `터미널 열기
Debug
Start/ContinueF5시작/계속
StopShift + F5정지
BreakpointF9브레이크 포인트

VS Code 터미널 Terminal에서 yarn 실행하기

How to use ‘yarn’ with VS Code terminal


VS Code와 yarn을 설치하고 VS Code의 터미널에서 yarn을 사용하려고 하면 다음과 같이 에러가 뜨는 경우가 있어요.

이는 스크립트의 실행 권한으로 발생하는 문제인데요. Node.js command prompt 등의 프롬프트를 따로 열고 실행하면 문제없지만 하나의 툴(VS Code)로 코드도 편집하고 프롬프트 명령도 사용할 수 있으면 좋잖아요.

다음과 같이 간단한 작업을 통해 문제를 해결할 수 있습니다.

1. Windows PowerShell 을 관리자 권한으로 실행


2. 주어진 권한 상태 확인(get-ExecutionPolicy)

get-ExecutionPolicy 명령을 입력하면 권한이 Restricted로 설정되어 있는 것을 확인할 수 있어요.
간단하게 이 권한을 RemoteSigned로 변경해주면 됩니다.


3. Set-ExecutionPolicy RemoteSigned 입력 -> y

Set-ExecutionPolicy RemoteSigned를 실행하면 변경 여부를 묻고, y를 입력하면 변경이 완료!
get-ExecutionPolicy 명령을 통해 변경된 권한을 확인할 수 있어요.


4. 작동 여부 확인

이제 자유를 얻은 VS Code 터미널에서 yarn 명령을 실행해 만족스러운 결과를 확인합니다.