VS Code 24
visual studio code 유용한 확장 기능 모음 7가지
비주얼 스튜디오 코드에서 유용한 확장 기능 몇 가지를 소개해드릴게요. 1. Korean(사용법) Language Pack for Visual Studio Code visual studio code를 처음 설치하면 영어가 기본 언어인데요 확장 기능을 이용해 한글로 변경할 수 있습니다. 한글 패치 ① Korean(사용법) Language Pack for Visual Studio Code 설치 ② 설치 방법 [coding/editor] - [vs code] 비주얼 스튜디오 코드 한글 패치 하기 [vs code] 비주얼 스튜디오 코드 한글 패치 하기 안녕하세요. 개자이너 씸플레이입니다. 비주얼 스튜디오 코드가 영문판이라 편하게 한글 패치를 해보려고 합니다. [비주얼 스튜디오 코드 다운로드 받기] [coding/..
비주얼 스튜디오 코드 html 태그 자동으로 바꾸기
html 태그를 수정할 때 여는 태그와 닫는 태그를 모두 수정하는 번거로움이 있죠. 비주얼 스튜디오 코드의 auto rename tag 확장 기능을 사용하면 한 곳만 바꿔도 자동으로 바꿔줍니다. 편리하죠? 1. Auto rename tag 다운로드하기 확장 기능 설치 포스팅을 보셨던 분들이라면 많이 익숙해지셨을 화면이죠? 왼쪽 아이콘 중 가장 아래에 있는 확장 탭을 선택한 뒤 검색 창에 auto를 입력해줍니다. 가장 위에 Auto Rename Tag 확장 기능이 보이시죠? 설치해줍니다. Auto Rename Tag 설치 방법 정리 ① 확장 탭 선택 ② 검색창에 auto 검색 ③ Auto Rename Tag 설치 2. 기능 살펴보기 확장 기능의 상세페이지로 들어와서 어떻게 사용하는지 살펴봅시다. gif 이..
vs code 괄호 색 넣어주는 확장 기능 설치해보자
vs code가 아무리 개발환경이 좋다고 해도 인간은 계속해서 더 좋은걸 찾게 됩니다. 1. 확장 탭 비주얼 스튜디오 코드를 열고 왼쪽 아이콘 중 가장 아래에 있는 확장 탭을 열어주세요. 그리고 [Bracket Pari Colorizer]를 검색합니다. 사실은 전부 검색할 필요는 없지만 설명을 위해서 이름을 다 검색해봤어요. 아래를 살펴보니 2가 나왔네요. 2를 설치해보겠습니다. 정리 왼쪽 메뉴 가장 아래에 있는 확장 탭 선택 [Bracket Pari Colorizer] 검색 후 설치 이런 화면이 뜬다면 설치가 완료된 것입니다. 2. SCSS 확인하기 이게 어떤 기능이냐 하면 이렇게 중첩된 괄호를 어디서부터 어디까지가 한 묶음인지 알려주는 기능이에요. 보시면 체크된 부분이 색이 다르죠? 파란 괄호 안쪽에..
비주얼 스튜디오 코드에서 찾아서 바꾸기
비주얼 스튜디오 코드에서도 찾기뿐만 아니라 찾아서 바꾸기 기능을 사용할 수 있다는 사실 알고 계셨나요? 왜 이 편리한 기능을 여태 몰랐을까... 저는 그것도 모르고 일일이 찾아서 바꾸고 했지 뭐예요. 좀 꼼수를 쓴다고 Alt + 클릭을 이용했었는데 한 번에 바꾸는 방법도 있었다니!! 1. 찾기 ① 찾기 - 먼저 찾기를 해볼 건데 이 방법은 다른 문서 프로그램에서도 사용하니까 다들 아시겠죠? - 단축키 [Ctrl + F]를 사용합니다. - 검색창에 찾고자 하는 단어를 넣어주세요. 2. 찾아서 바꾸기 ① 바꾸기 - 찾기로 뜬 창 왼쪽을 보시면 작은 화살표가 있는데 이 친구를 눌러주세요. - 아래로 바꾸기 칸이 나왔죠? - 여기에 바꾸고 싶은 단어를 적고 바꿔주시면 됩니다. 간단하죠? ② 선택하기 - 바꿀 단..
vs code에서 코드 한 번에 주석처리하기
코딩을 하다 보면 아 여기서부터 여기까지는 잠깐 주석 처리를 해둬야지.. 하는 생각 해보신 적 있으시죠? 일일이 주석을 타자로 치고 있었는데 이게 단축키가 있다는 사실 알고 계셨나요? 비주얼 스튜디오 코드에 있는 기능으로 주석을 편하게 넣어봅시다! 1. 줄 주석 설정 ① 영역 지정 - 먼저 줄 주석 설정부터 해보겠습니다. - 주석으로 하고 싶은 코드 한 줄을 영역 지정해줍니다. 드래그로 블록 지정해주세요. ② 편집 - 상단 메뉴에서 [편집>줄 주석 설정/해제]를 클릭해주세요. - 오른쪽을 보시면 단축키가 있는데 [Ctrl+/] 단축키로도 설정과 해제를 할 수 있습니다. ③ 주석 설정 - 이렇게 주석이 설정된 것을 볼 수 있습니다. - 토글 방식이기 때문에 편집에서 한번 더 설정해주시거나 단축키를 한 번 ..