웹 실습 환경 구축하기

에디터

에디터로는 비주얼 스튜디오 코드(Visual Studio Code)를 사용합니다.

VS code는 무료로 현재 웹 개발에서 가장 많이 사용하고 있기 때문입니다.

 

웹 브라우저

웹 브라우저로는 구글 크롬을 사용합니다.

 

 

 

 

• 웹 브라우저(크롬) 설치
  https://www.google.com/chrome/

 

 

Chrome 웹브라우저

 

 

• 에디터 설치
  에디터는 VSCode를 사용합니다.
  https://code.visualstudio.com/download

 

Download Visual Studio Code - Mac, Linux, Windows

자신의 OS에 맞추어서 다운 받으시면 됩니다. 저는 윈도우 64bit를 다운 받도록 하겠습니다.

받고 난 후 exe 파일을 실행시키면

아래와 같은 화면이 뜹니다. 동의 한 후 넘어가시면 됩니다.

 

 

저는 바탕화면에 바로가기도 같이 만들어서 진행하도록 하겠습니다.

 

 

이렇게 하시면 설치가 완료됩니다!!

 

코딩할때 기본적으로 제공하는 글꼴들은 숫자 1과 영문자 l 한글 l와 특수기호인 |이 잘 구분되지 않습니다.

따라서 D2Coding 글꼴을 다운받아 코딩 시 잘 구분될 수 있도록 하겠습니다.

 

 

github.com/naver/d2codingfont

naver/d2codingfont

 

 

 

D2Coding 1.3.2 버젼으로 접속하여 다운을 받도록 하겠습니다.

다운 받은 알집을 압축 해제 후 D2CodingAll 폴더에 들어가서 파일을 더블클릭한 후 설치를 하겠습니다.

 

이 파일을 설치 해주시면 됩니다.

그 다음에 VSCode에 D2Coding 글꼴을 적용시켜 보도록 하겠습니다.

 

파일->기본설정->설정에 들어가서

Editor: Fond Family에 D2Coding이라고 입력합니다.

 

 

이렇게 하면 기본적인 VSCode 설정은 끝입니다.