HTML을 위한 개발환경 설정

실습을 위한 브라우저와 코드 편집기를 설치합니다. 또한, 작성한 HTML 코드를 실행해 볼 수 있는 확장 기능들에 대해서 알아보도록 합니다.

브라우저 설치

작성한 HTML 문서를 확인하기 위해서는 브라우저가 필요로 합니다. 대부분의 컴퓨터 운영체제에는 기본적으로 설치되어 있는 브라우저가 있습니다. 윈도우의 경우에는 익스플로어, 맥은 사파리가 있습니다.

하지만, 많은 개발자들은 웹을 개발할때 별도의 크롬 브라우저를 설치하여 사용합니다. 크롬 브라우저를 설치하여 사용하는 이유는 최신의 HTML5 규격을 지원하고, 편리한 개발자 도구를 제공하기 때문 입니다.

크롬 브라우저 설치

크롬은 구글에서 개발하여 배포하는 무료 브라우저 입니다.

개발자 도구

많은 개발자들이 HTML 코드를 확인할때 크롬을 자주 사용하는 이유는 유용한 개발자 도구가 있기 때문입니다. 개발자 도구를 이용하면 자신이 작성한 HTML코드와 네트워크의 상태드을 쉽게 파악하여 문제를 쉽게 찾아 해결할 수 있습니다.

• 개발자도구

코드 편집기

HTML은 일반적인 텍스문서와 달리 문서를 꾸며주는 테그를 같이 작성해 주어야 합니다. 이를 편리하게 작성을 하기 위하여 코드 편집기를 사용합니다. 요즘 가장 인기 있는 코드 편집기는 vscode 입니다.

vscode 설치

vscode는 마이크로소프트에서 무료로 제공되는 코드 편집기 입니다.

vscode 확장팩 설치

vscode는 문서 포맷 규격과 언어를 지원하기 위하여 다양한 확장팩을 제공합니다. 확장팩은 vscode 마켓플레이스에서 다운로드 받아 설치할 수 있으며, 무료 입니다.

• html 작성에 유용한 확장팩 알아보기

라이브 서버

• 라이브서버 확장

Http 프로토콜

웹은 정보를 제공하는 서버와 이를 수신하여 보여주는 클라인언트의 한쌍으로 구성되어 집니다. 그리고 서버와 클라이언트는 HTTP 프로토콜을 통하여 통신을 합니다. 웹의 기술을 습득을 하기 위해서는 보다 전문적인 HTTP 프로토콜 동작에 대해서 학습을 하는 것이 좋습니다.

• HTTP 프로토콜이란?

마크다운

마크다운은 html 문서의 글을 보다 쉽게 작성하기 위하여 고안된 문서 포맷입니다.

• markdown이란