[ChatGPT] 유료 ChatGPT과 VSCode를 연동하는 법(CodeX 익스텐션)
·
WEB DEV
안녕하세요. 스페이스차일드입니다. ChatGPT 유료버전을 쓰고 있는데,GitHub Copilot에서 제공하는 ChatGPT 버전은 늘 단독 ChatGPT 버전보다 낮더군요. 오늘은 ChatGPT 단독 앱과 VSCode를 연동하는 방법에 대해서 알아봅시다. 맥에 VSCode와 ChatGPT가 둘다 깔려 있다는 가정하에 진행합니다. 1. ChatGPT 하단의 저 모양을 클릭하면, work with...옵션에서 Code가 나옵니다. 설정한 적이 없으니 'Set up'이라고 나옵니다. 클릭 2. VSCode 내부 익스텐션 설치화면이 나오면서 CodeX가 나옵니다. ChatGPT를 만든 Open AI사가 만든 익스텐션이네요. 인스톨. 인스톨 하려고 하면, 이거 만든 애를 믿냐고 ..
[VSC] 코파일럿 자동완성 끄기 (Copilot Completion Disabled)
·
WEB DEV
VSC에서 너무 과한 코드 자동완성 기능이 떠서,오히려 귀찮거나실습하는데 방해가 될 때 Visual Studio Code 오른쪽 하단에 작은 코파일럿 로고가 있다.클릭해서, Code Completions - All files를 클릭해서 꺼주면 된다. 끝.
[JavaScript] '위치에 접근할 수 없습니다(Location access denied)' 해결법(VSCode, LiveServer)
·
WEB DEV
* [환경] Mac + VSCode + LiveServer + Google Chrome 자바스크립트로 브라우저의 위치정보를 불러올 때, 웹에서 '위치에 접근이 안된다('Location access denied')'고 알림이 뜰 때 조치 방법입니다. 원인은 크게 두 가지입니다. 1. 맥에서 크롬(웹브라우저)에 위치정보에 접근할 권한 자체를 안 줬다. 2. VSCode 라이브 서버의 Host 설정을 개인 IP로 설정했다. 보통은 1번에서 해결이 됩니다. 1. 맥에서 구글 크롬에게 위치 정보 접근 권한을 주자. 크롬에서 아래 문구가 뜰 때, 아무리 크롬에서 해당 페이지에 위치정보를 허가해 주어도 제대로 작동하지 않습니다. 맥에서 구글 크롬에 위치정보를 넘겨주는 행위 자체를 허용하지 않기 때문입니다. (평소 개..
[VSCode] 개발환경 세팅 - 코딩을 위한 최적의 폰트 D2Coding Font 설치하기
·
WEB DEV
비주얼 스튜디오 코드(Visual Studio Code) 폰트 변경 방법입니다. 코딩할 때, 일반적으로 콘솔라스(Consolas) 포트를 많이 사용합니다. 콘솔라스 폰트는 영문 대소문자 모두 동일 좌우폭을 가지고 있어서 널리 사용되고 있긴하나, 한글을 함께 사용할 경우에는 한글 한 글자 당 영문 2개 글자가 매칭되지 않는 문제가 있습니다. 그래서 우리나라에서는 네이버의 'D2Coding 폰트'를 사용하는 것이 좋습니다. 1. D2CodingFont를 다운받아 설치한다. https://github.com/naver/d2codingfont GitHub - naver/d2codingfont: D2 Coding 글꼴 D2 Coding 글꼴. Contribute to naver/d2codingfont develo..