본문 바로가기

VSCode4

vs code 에서 html 한 번에 입력하기 - html 필수코드 자동완성 오늘 코드잇 강의를 듣다가 (나에게는) 대단한 꿀팁 하나를 알게되어 블로그에도 공유하려고 한다. html 파일의 구조를 보면 ,, , 등의 태그를 순서대로 쓰는데, 이런 필수 코드들을 한 번에 자동으로 입력할 수 있는 방법이다. html 필수 코드 한 번에 입력하기 먼저 vs code를 실행하고 새로운 html 파일을 만든다. 그 다음 느낌표(!)를 쓰면 아래에 자동 완성 창이 뜬다. 그 상태에서 그대로 엔터(enter) 키를 누른다. 그러면 오오오오오!!! 자동으로 코드들이 입력된다. 다시 한 번 검토해서 본인의 사이트 상황에 맞게 바꾸어 주어야 하는 부분도 있지만, 필수 코드들을 한 번에 입력할 수 있다니 나같은 코린이들에게는 정말 반가운 꿀팁이다. 그리고 깨알 자랑! 강의를 열심히 들어서 오늘 드디.. 2023. 7. 25.
vs code 에서 점 찍는 법 - 공백 문자(whitespace) 표시하기 왜 필요한가 싶지만, 그래도 개인적으로는 만족스러웠던... vs code 에서 점 찍는 방법을 알게 된 것의 시작은 회사 대표님께서 올린 슬랙 메세지였다. 아래는 '코딩으로 본 조선붕당의 이해' 이미지이다. 나는 원래 개발에 관심이 많은 디자이너이니 흥미롭게 보고 있었는데, 중간 부분의 사도세자 "스페이스마다 가이드 점 찍으니까 괜찮네" 부터 궁금증이 생겼다. (이미지는 퍼온 것으로 출처를 알수가 없다. 혹시 저작권 관련 문제가 생긴다면 바로 삭제할 예정 - 알려주세요ㅠㅠ) 나는 궁금한 게 생기면 참기 힘든 성격이라... 그래서 슬랙 댓글로 물어보았다. 그리고 답글... 왠지 점이 있는 게 더 예쁜 것 같아서(...???) vs code를 실행하고 아무거나 써 봤는데... 내 에디터에는 점이 찍히지 않았.. 2023. 6. 15.
VS Code 언어 변경하는 방법 VS code를 사용하고 있었는데 어느 날 자동으로 언어가 바뀌어 있었다. (why...?) 당황했지만 구글님의 도움으로 빠르게 복구했다. 이런 정보는 나눠야 제 맛이니까! VS Code 언어 변경하기 VS Code에서 커맨드 팔레트를 실행한다. 단축키는 MacOS의 경우 command + shift + P 이다. 그리고 language를 검색한다. Language를 포함하고 있는 여러 항목이 검색되는데 그 중에서도 Configure Display Language를 선택한다. 그 뒤 한국어(ko), English(en), 日本어語(ja) 등 원하는 언어를 선택해주면 된다. 언어를 선택하면 VS Code를 재시작해야 한다는 내용의 팝업창이 뜬다. 확인을 누르면 프로그램이 종료되었다가 시작되며 선택한 언어가.. 2023. 1. 3.
VS code 미니맵 안 보이게 하기 텍스트 에디터의 종류에는 여러가지가 있는데, 요즘 나는 VS code를 사용하고 있다. VS code는 Visual Studio Code의 약자로 마이크로소프트사에서 개발한 편집기인데 다양한 플러그인을 제공하고 속도도 빠른 편이라 개인적으로 만족도가 높다. VS code를 사용하다 보면 우측에 미니맵이 표시된다. 가끔은 이 미니맵이 작업하는데 매우 거슬릴 때가 있어, 보이지 않게 숨기는 방법에 대해 소개하려고 한다. 1. mac OS 기준으로 'Command + Shift + P' 를 누른다. 2. 텍스트창에 'minimap' 이라고 입력하면 아래에 'View: Toggle Minimap' 이라는 항목이 표시된다. 선택해주도록 하자! 끝이다. 미니맵이 사라졌을 것이다. (넘나 간단-_-;) 다시 미니맵을.. 2020. 11. 13.