HTMl5활용하기, VSCode 설치 방법

HTML에 대해 대강 알았지만,

어떻게 공부해야 하는가, 어리둥절 합니다.

아무것도 모르는 비 전공자에겐,

영단어와 수식을 늘어뜨려놓은 문장이 있을 뿐이기도 합니다. :(

HTML 언어를 배우고, 개발하는 데 큰 도움을 주는

IDE를 설치하고, 공부해보도록 하겠습니다.

*IDE(Integrated Development Environment)란

통합 개발 환경 소프트웨어 어플리케이션으로, 

효율적으로 프로그램을 개발하는 것을 지원해 주는 프로그램입니다.

제 블로그에서

HTML과 CSS, JavaScript(약간)을 작성할 때 사용 할 프로그램은

'Visual Studio Code'(이하 VSCode) 입니다.

비 전공자이더라도, 컴퓨터에 관심이 있으셨다면 한 번 쯤 들어보셨을 수도 있을

Visual Studio와 뿌리가 같은 프로그램인데요,

비교적 훨씬 가볍고, 처음 공부하기엔 썩 괜찮은 프로그램인가 봅니다.

(visual Studio에 비해서 가벼운 것은 사용해보니 알겠습니다.)

우선, 설치 방법입니다.

1. 검색엔진에서 'VSCode'를 검색하여 공식 홈페이지로 이동

주로 검색하는 검색엔진에서 VSCode 키워드를 넣어 검색

(vscode, vscode다운로드 등)

2. 홈페이지에서 운영체제에 맞는 VSCode다운로드 (무료)

아래로 향한 화살표(∨)를 눌러 자신에게 맞는 운영체제의 installer를 설치합니다.

3. 자동으로 다운로드 되기를 기다립니다(Chrome 기준)

자동으로 다운로드가 시작되니 잠시만 기다려 주세요.

다운로드가 완료되면, 를 눌러 실행합니다.

4. 설치 경로의 용량만 신경써 주시면, 특별히 신경쓰실 것은 없습니다.

기본 세팅으로 진행하시면 됩니다.

*PATH에 추가하는 것에 대해 클릭 해제하는 일이 없도록 합니다.

5. VSCode의 설치가 완료되었습니다! (기기마다 차이가 있지만 대체로 2~10분내외)

첫 화면입니다. Git을 다운로드 해 두셔도 좋고, 안해두셔도 좋습니다.

오픈소스가 있고, 소스를 저장,관리하기 편한 곳이라 하나

초심자에게는 아직 쉽게 와닿지 않는 영역이기도 합니다.

다음에는 VSCode를 통해 web에 간단한 문구를 넣어보도록 하겠습니다.