전 세계에서 가장 많이 사용되는 코딩 에디터는 비주얼 스튜디오 코드이다. 무료 에디터임에도 막강한 기능을 보유하고 있어, 프로그래머들에게 사랑받는 에디터로 자리잡고 있다.
하지만 설치에 어려움을 겪거나 설치를 했어도 한글이 되지 않는다고 생각해 어려움을 겪는 이들이 있는 듯 하다. 그래서 비주얼 스튜디어 코드 설치를 비롯해서 비주얼 스튜디오 코드 한글, 라이브 서버 등을 간략히 정리한다.
Contents
1. 비주얼 스튜디오 코드 설치
1) 비주얼 스튜디오 코드 홈페이지 https://code.visualstudio.com/ 에 접속 후,
2) Download for Windows를 누르면 맥, 윈도우, 리눅스 운영체계가 나온다.
3) 여기서 대부분 윈도우이므로 Windows 옆의 파란색 화살표를 누르면 된다.
(*리눅스나 맥 사용자라면 굳이 여기를 안 봐도 해결하는 유저일테니 패스 ...)
4) 이후 다운로드 된 설치 화일 (~.exe)를 실행해 기본 옵션대로 따라서 설치하면 된다.
(*광고나 불피요한 파일이 설치되지 않으니 그냥 순서대로 OK하면서 설치하면 된다.)
2. 비주얼 스튜디오 코드 한글
<== 클릭 1) 비주얼 스튜디오 코드의 좌측 아이콘 중 확장기능을 누른다.
2) 그러면 검색창이 나타나는데, 거기에 korean이라고 검색한다.
3) Korean Language Pack for Visual Studio Code가 보이면 클릭한다.
4) 이후 Install를 눌러주면 된다.
5) 설치가 끝난 후에는 반드시 프로그램을 재실행해야 한다.
Reload to Active 버튼 클릭 ~
3. 라이브 서버 (Live Server)
비주얼 스튜디오 코드의 확장 기능 중에서 꼭 설치해야 하는 게 라이브 서버이다.
비주얼 스튜디오 코드로 작성한 코드를 웹 브라우저에서 바로 확인할 수 있어 편리하다.
한 번도 사용해보지 않은 유저가 있을 수 있으나, 한 번만 사용하고 삭제한 유저가 없을 만큼
Live Server는 막강한 기능을 자랑한다.
- 비쥬얼 스튜디오 코드의 한글을 설치했던 확장 기능에서 검색하면 된다.
- Live Server라고 검색 후, 반드시 개발자 이름이 Ritwick Dey인 것을 선택해야 한다.
- 이후 한글을 설치했던 것처럼 설치하고 Reload to Active (활성화하려면 다시 로드)를 누르면 된다.
- 사용방법은 코드를 작성한 후 저장하고, 오른쪽 마우스를 눌러 Open with Live Server를 누르면 웹 브라우저가 나타난다.
- 이후 코드를 작성하거나 수정한 후에 저장만 하면, 웹 브라우저가 자동으로 바뀐 코드대로 반영해 화면을 출력한다.
