채아의 코딩 노트

VS Code를 편리하게 사용하기 확장프로그램에 대해 포스팅 하겠습니다.Visual Studio Code 확장 아이콘의 위치는 2_비주얼 스튜디오 코드 한국어 설정 및 초기 설정 포스팅을 참고하시면 됩니다!2024.09.11 - [Visual Stdio Code] - 2_비주얼 스튜디오 코드 한국어 설정 및 초기 설정  첫 번째로 추천드릴 확장프로그램은 indent-rainbow 입니다.위 프로그램은 들여쓰기를 할 때 다른 색깔로 적용되어 인덴트 정렬하기에 좋으며, 편집과 가독성을 높여줍니다.두 번째로 추천드릴 확장프로그램은 Auto Rename Tag 입니다.위 프로그램은 HTML에서 여는 태그나 닫는 태그 중 한 가지만 수정을 해도 두가지 동시에 수정이 가능하여 편리합니다.세 번째로 추천드릴 확장프로..

개발자들이 가장 좋아하는 D2Coding폰트 다운로드 및 설치에 대해 포스팅 하겠습니다. 일반적으로 코딩을 할 때, 비주얼 스튜디오 코드에는 '콘솔라스(Consolas)' 폰트가 기본값으로 설정되어있지만, 코딩할 때 문자 구분이 잘 되어있는 'D2Coding' 폰트를 사용하는 것이 좋습니다. D2Coding이 개발자들이 가장 많이 사용하는 이유는폰트에 따라 1(숫자 일), l(소문자 엘), l(한글의 이), |(파이프 기호) 이 4가지가 잘 구분이 되지 않지만 D2Coding 보다 편리하게 구분할 수 있기 때문입니다. 비주얼 스튜디오 코드에 D2Coding폰트를 적용하기 위해서는 먼저 폰트 다운로드를 진행하고, 컴퓨터에 폰트를 설치한 다음에 비주얼 스튜디오 코드 설정에서 적용하시면 됩니다. D2Codin..

VS Code 설치 이후 기본적인 설정 방법에 대해 포스팅 하겠습니다.Visual Studio Code  설치 방법은 1_비주얼 스튜디오 코드 설치 포스팅을 참고하시면 됩니다!2024.09.11 - [Visual Stdio Code] - 1_비주얼 스튜디오 코드 설치 [Visual Studio Code (vscode) Install] 가장 기본적인 한국어 설정에 대해 알아보겠습니다.VS Code를 처음 실행시키면 하단 이미지와 같이 프로그램 화면이 보입니다.  한국어 설치를 위해 왼쪽 다섯 번째 카테고리인 확장(ctrl+Shift+X)아이콘을 클릭합니다.  하단 이미지와 같이 마켓플레이스 검색창이 열리면 "Korea Language Pack"을 검색하여 가장 상단에 있는 프로그램을 Install버튼을 눌..

Visual Studio Code (VS Code)는 마이크로소프트에서 개발한 코드 편집기로 많은 개발자들이 사용하는 프로그램입니다.HTML, CSS, JavaScript를 시작하기 앞서 VS Code 설치 방법에 대해 포스팅 하겠습니다. VS Code는 다양한 프로그래밍 언어를 지원하고, 빠르면서도 다양한 기능을 무료로 제공하는 소프트웨어이기 때문에 개발에 처음입문하시는 분들도 쉽게 사용하실 수 있습니다.Visual Studio Code 다운로드 하기먼저, 하단에 있는 링크를 통해 Visual Studio Code 공식 웹 사이트에 접속합니다.https://code.visualstudio.com/ Visual Studio Code - Code Editing. RedefinedVisual Studio C..