(English, Korean) Setting up VSCode for the basic web publishing course.

Here is a website about Design & Coding bootcamp in Korea, which I’m running for now.

여기 제가 운영하고 있는 한국의 디자인 / 코딩 부트캠프가 있습니다.

VSCode is the most famous code editor with a bunch of extension which is useful for varies of programming languages and job positions.

VSCode는 가장 유명한 코드 편집기이며, 여러 언어와 직종에서 사용하면서 도움되는 여러가지 부가기능을 제공합니다.

Install VSCode

Download VSCode with the link above.
위 링크에서 VSCode 를 다운로드 받으세요.

Open Folder

Open a folder which you want to locate your project using the “Open” button on the Welcome page.

“Open” 버튼을 활용하여 작업하고 싶은 위치(폴더)를 여세요.

Or you can drag the directory into the VSCode.

혹은 폴더를 VSCode 로 드래그하세요.

The first icon on the list of the left side, indicate the explorer tab. In there you can make a new file using the icon looks like above.

좌측의 첫번째 아이콘은 Explorer tab 을 의미합니다. 여기에서 위와 같이 생긴 아이콘을 이용하여 새 파일을 만들 수 있습니다.


At the last tab, the extensions tab, you can download a bunch of extensions to enrich functions of your VSCode and to be more powerful.

마지막 탭, Extensions 탭에서 여러가지 확장프로그램을 다운받아 VSCode 기능을 더 풍부하고 강력하게 사용할 수 있습니다.

Here is a list for the basic extensions help to learn fundamental of HTML and CSS.

여기에 기본적인 HTML, CSS 를 배우는데 도움되는 Extension 들이 있습니다.

Most of the famous extensions contain an animating guide and usage example. You may understand the main feature of each extension easily through the GIF(animating guide).

대부분 유명한 확장프로그램은 움직이는 가이드를 포함하고 있습니다. 아마 그것을 통해 손쉽게 핵심 기능을 파악할 수 있을겁니다.


You don’t need to look around all menu to find a feature of VSCode. Use the Command Palette. You can easily search a menu item you want to use in there.

원하는 메뉴를 찾기위해 여기저기 살펴볼 필요가 없습니다. Command Palette 기능을 이용하세요. 손쉽게 원하는 기능을 검색할 수 있습니다.

VSCode has an integrated terminal. You don’t need to open a terminal separately. You can type and execute a command you want to execute in the integrated terminal.

VSCode 는 터미널 기능을 포함하고 있습니다. 별도로 terminal 프로그램을 열어둘 필요가 없습니다. 여기에서 실행하고 싶은 명령어를 입력할 수 있습니다.

Terminal Command

The first command you need to understand is the way of navigating directories.

먼저 이해해야할 명령어는 폴더들을 살펴보는 방법에 대한 것입니다.

"ls" : display the files and folders (listing) 현재 위치의 폴더, 파일을 출력합니다."cd .." : go to parent directory 상위 폴더로 이동합니다."cd [directory name]" : go into the directory 해당 이름을 가진 폴더 안으로 이동합니다."pwd" : print the full path. 전체 경로를 출력합니다.



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Fredric Cliver

Fredric Cliver


Majored in Physics, self-taught and worked in the IT industry as a Dev/Design/Planning for 11 years. And I had run my Startup for 3 years. I fancy a ☔️ 🇬🇧