[HTML&CSS] - 개발 환경 구축하기 (Visual Studio Code)

안녕하세요. iFlue의 yoo_nan 입니다.

오늘은 HTML&CSS 강좌 1강, 개발 환경 구축에 대해 알아보겠습니다.

HTML 은 PHP 와 다르게, 테스트를 하기위해 웹 서버를 구축하거나 추가 프로그램을 설치 하지 않으셔도,

현재 사용하시고 계시는 웹 브라우저에서 불러오실 수 있습니다.

메모장으로 개발을 시작하게 되면, 색의 구분이 없어 구분하기가 힘들기 때문에 추가 코딩 프로그램을 이용하여, 

개발 환경을 구축해보도록 하겠습니다.

1) 먼저, 포털사이트(구글, 네이버, 다음 등)에 Visual Studio Code 를 입력하셔서 공식 사이트에 방문하세요.

여기를 눌러 바로갈 수도 있습니다.

2) macOS 유저는 mac에 대한 Visual Studio Code를 다운받으시고,

Windows 유저는 Windows에 대한 Visual Studio Code를 다운받으세요.

3) 다운로드가 완료되었으면, 이제 설치를 진행합니다.

4) 설치가 다 되었다면 이제 Visual Studio Code를 실행해줍시다.

5) 더 깔끄음한 개발을 위해서는 바탕화면에 풀어놓고 개발을 하는것 보다는,

폴더로 하나 묶어서 개발하는 것이 편하겠죠?

직박구리 같은 폴더를 만들어주세요.

6) Visual Studio Code의 왼쪽 상단에 보시면 파일 버튼이 있는데요, 파일 버튼을 누르고 폴더 열기를 누르고,

본인이 만든 폴더를 선택하신 후 완료를 누르시면 됩니다.

이제 모든 개발 환경 구축은 끝났습니다.

감사합니다.