MS, VS코드 1.75버전 출시…깃허브 코파일럿 지원

챗GPT 넘어서는 코딩지원 성능 제공 목표 마이크로소프트(MS)의 코드편집기 비주얼스튜디오 코드(VS코드)가 인공지능(AI) 코딩보조 도구 깃허브 코파일럿을 정식 지원한다. 최근 비주얼스튜디오 매거진 등 외신에 따르면 마이크로소프트는 VS코드 1월 업데이트 버전인 1.75버전을 공식 블로그를 통해 발표했다. VS코드 1.75버전은 사용자 편의를 대폭 개선한 것이 특징이다. 대표적으로 깃허브 코파일럿이 VS코드의 확장 기능으로 정식 추가됐다. 비주얼스튜디오 마켓플레이스에서 설치해 사용할 수 있다. 깃허브 코파일럿은 AI가 작성 중인 사용자의 코드를 실시간으로 분석하며, 적합한 특정 함수나 기능을 제안한다. 최근 주목받는 챗GPT와 유사한 방식이지만 코드편집기에서 바로 제안한다는 점에서 더 높은 편의성을 갖..

2023. 2. 8.

자주 사용하는 Terminal 명령어

자주 사용하는 Terminal 명령어 터미널이란 컴퓨터와 사용자 간 소통을 위한 인터페이스입니다. 코딩을 접해보지 않은 분들이라도 개발자들이 검정 화면에 코드는 아닌데 뭔가 입력하는 것을 본 적이 있으실 수도 있는데요, 그것이 바로 터미널입니다! 터미널은 개발자라면 한 번쯤은 사용하게 됩니다. 터미널을 사용하면 키보드만으로 다양한 동작을 할 수 있어서, 사실 코딩을 하지 않더라도 유용한 경우도 있죠. 오늘은 터미널이 처음이거나 익숙하지 않은 분들을 위해 유용한 터미널 명령어들을 소개하려고 합니다! ※ 참고. CLI와 GUI란? 컴퓨터에 대해 공부하거나 터미널을 사용하다 보면, CLI나 GUI라는 용어를 접하는 경우가 많습니다. 우선 CLI (Command Line Interface)란, 화면에서 마우스 ..

2022. 3. 7.

vs code Emmet 사용법

Emmet 사용법 Emmet 자주 사용하는 기능 Brackets 에디터를 사용할 때는 Emmet 확장 기능을 설치해줘야 했지만, Visual Studio Code에는 Emmet 자동완성 기능이 기본으로 내장되어 있어 코드를 아주 효율적으로 빠르게 작업할 수 있게 도와줍니다. 가장 기본적인 HTML5 탬플릿 구조 만들기 HTML파일에 느낌표(!)를 입력하고 Enter혹은 Tab을 치시면 HTML5 기본 구조가 완성된 것을 볼 수 있습니다. 혹은 HTML:5 입력하고 Enter 혹은 Tab id태그(#), class태그(.)입력만으로도 div가 기본으로 생성됩니다. 예: div#name 과 #name은 같은 결과가 출력되는 것을 볼 수 있습니다. id와 class를 여러개 생성이 가능합니다. 클래스는 여러개..

2022. 3. 5.

VS Code Extention 백업

VS Code Extention 백업 인터넷 환경이 안될 때: 인터넷이 안 되는 환경이나, 보안으로 인해 Extention을 다운로드하여 설치할 수 없을 때 아래 방법을 추천드립니다. 그리고 운영체제 재설치 후 Visual Studio Code 일일이 Extentison을 다운로드하기 귀찮으시면 이 방법 또한 빠르고 나쁘지 않은 것 같습니다. 바탕화면에서 위에 메뉴 막대에 을 클릭하고 을 클릭합니다. (단축어 Command + Shift + G) 폴더가 나타나면 ~/vscode를 입력 후 Enter를 치면 Extention폴터가 나타납니다. 이제 이 Extention을 USB 혹은 외장하드에 백업하시고, VS Code가 설치된 다른 환경에서 ~/VSCode 폴더에 들어가서 붙여 넣고 사용하시면 됩니다.

2022. 3. 5.

VS Code 단축키 for Mac

VS Code 단축키 VS Code Shortcuts Visual Studio Code를 실행합니다. Code -> 기본 설정 -> 바로 가기 키 클릭합니다. 단축키: Command + K, S 자주 사용하는 단축키 사이드바 접기/펴기 : Command + B 코드 위/아래 이동 : Option + ↑ / ↓ 코드 위/아래 복사 : Option + Shift + ↑ / ↓ 같은 항목 모두 선택 : Command + Shift + L 다중 선택(커서 맨 앞에 두기) : Command + Option + ↑ / ↓ 한 행 삭제 : Command + Shift + K 위 행 삽입 : Command + Shift + Enter 아래 행 삽입: Command + Enter 동일 단어 찾아서 한 번에 수정 : Co..

2022. 3. 5.

VS Code 테마 변경

VS Code 테마 변경 테마 변경 방법 Visual Studio Code를 실행합니다. Command + Shift + P로 명령 창을 실행시킵니다. 명령 창에 Color Theme을 입력합니다. 원하는 테마를 선택해주면 됩니다. 단축키: Command + K, T VS Code는 내장 테마 외에 마켓플레이스(단축키: Command + Shift + X)에서 다른 테마들을 설치하여 사용할 수 있습니다. Atom One Dark Theme, GitHub Theme, Sublime Material Them, One dark Pro, Dracula 등이 있습니다. 그리고 사용자가 직접 커스터마이징하여 사용할 수 있다는 장점을 갖춘 Text Edit입니다. Link: https://code.visualstud..

2022. 3. 5.

Live Server 크롬 브라우저 설정

VS Code에서 Live Server 크롬 브라우저로 설정 방법 Visual Studio Code를 실행합니다. Code -> 기본 설정 -> 설정을 클릭합니다. (단축키: Command + , ) 설정 검색 창에 live server 혹은 live server Custom Browser를 입력합니다. Live Server > Settings: Custom Browser에서 Chrome을 선택해줍니다. 재실행하면 크롬 브라우저로 설정된 것을 확인할 수 있습니다. VS Code에서 Live Server 새로고침 실시간 설정 기본값은 OFF로 설정되어 있습니다. 이렇게 되면 Code 작성 후 저장(Ctrl + S)을 해야만 브라우저에 보이게 됩니다. 이 번거로움을 해결하기 위해 아래 설정값으로 변경해주시면..

2022. 3. 4.

Visual Studio Code Extension 추천

Visual Studio Code Extension Korean(사용법) Language (Microsoft) VS Code 한글 패치입니다. (Command + Shift + p)를 눌러 "명령 팔레트"가 나오면 "Configure Display Language"를 입력한 후 "ko"를 선택하여 Restart 해주면 UI언어가 한글로 바뀌게 됩니다. Code Spell Checker (Street Side Software) Typescript, JavaScript, Text 등 영문 오타를 수정해줍니다. Korean Spell Checker VS Code (Yunseok) 최대 500자 한글 맞춤법 검사 및 교정해 줍니다. 작성된 한글 선택 후 Command + Shift + P 누르고 korean s..

2022. 3. 4.

검색결과 8개 탐색

MS, VS코드 1.75버전 출시…깃허브 코파일럿 지원

자주 사용하는 Terminal 명령어

vs code Emmet 사용법

VS Code Extention 백업

VS Code 단축키 for Mac

VS Code 테마 변경

Live Server 크롬 브라우저 설정

Visual Studio Code Extension 추천

티스토리툴바