비주얼 스튜디오 코드 한글 / 웹 홈페이지 화면을 만들고 꾸미는 방법 / visual studio code

웹프로그래밍의 프론트엔드 부분에 해당하는 웹화면을 공부하려면 어떻게 해야 할까를 생각해 보면 HTML5, CSS3, 자바스크립트를 공부하고 html 파일을 만들 줄 알아야 하고, 그것을 웹브라우저에서 실행하여 자신이 만든 웹화면을 볼 수 있어야 합니다. 웹화면을 만드는 에디터들은 많지만 이 곳에서는 비주얼 스튜디오 코드를 다뤄보려고 합니다.

비주얼 스튜디오 코드 한글 / 웹 홈페이지 화면을 만들고 꾸미는 방법 / visual studio code

웹화면을 만들기에 여러가지 툴들이 있지만, 그 중 비주얼 스튜디오 코드는 괜찮은 기능을 제공합니다. 극단적으로 메모장으로도 웹파일을 만들어 화면을 볼 수도 있지만, 아무래도 보기도 좋지 않고, 불편합니다. 개인적으로 여러가지 사용해 봤지만 딱히 뭐가 좋다 안좋다 할 수는 없지만, 그나마 많으 정보와 편의성을 가진다면 비주얼 스튜디오 만한 것은 없어 보입니다. 드림위버나 notepad++ 도 좋습니다. notepad++ 는 너무도 가볍기에 좋고 말이죠. 

비주얼 스튜디오 코드 다운로드 하기

웹화면을 만들기 위해 필요한 비주얼 스튜디오 코드를 다운로드 할 수는 곳은 홈페이지를 방문하여 다운로드 버튼을 클릭해 주면 됩니다.

Visual Studio Code - Code Editing. Redefined

비주얼 스튜디오 코드 한글 설치하기

비주얼 스튜디오 코드를 한글로 사용하기 위해 확장언어팩을 설치해야 합니다.
좌측메뉴의 Extensions 을 클릭한 후 korean 으로 검색을 합니다.
한글 언어팩 부분의 Install 부분을 클릭해 줍니다.
우측 화면의 Restart 를 클릭해 줍니다.
비주얼 스튜디오 코드가 종료된 후 다시 실행되면서 화면들이 한글로 변환된 것을 확인할 수 있습니다.