HTML 소개 및 개발환경

HTML이란?

HTML이란 [HyperText Markup Language] 의 약어입니다.

쉽게말해 웹 문서를 만들기 위해 사용하는 기본적인 프로그래밍 언어의 한 종류입니다.

HTML은 확장자명을 (----).html로 저장하면 자신이 코딩한 소스를 웹브라우저에서 볼 수 있습니다.

저는 Atom(아톰)이라는 에디터를 사용하고 있는데요 

지루한 코딩을 그나마 재미있게 코딩하는 법을 알려드릴께요!!

<파워코딩모드>를 선택하면 게임하는 느낌으로 코딩을 할 수 있습니다 :)

그렇다면 설치하는 방법 알려드리겠습니다.

설치

윈도우의 경우 : ctrl + shift + P 를 누르고 install packages 라고 입력합니다.

맥의 경우 : command + shift + P 를 누르고 install packages 라고 입력합니다.

저는 윈도우를 쓰고 있기 때문에 윈도우 중심으로 말씀드리겠습니다.

검색창에activate power mode 라고 입력후에 엔터를 치고 다음과 같은 패키지를 설치합니다. 

두번째 activate-power-mode 라고 쓰여있는 패키지를 install합니다.

패키지를 설치한 후 클릭하게되면 

이런 화면이 나오게 됩니다. 밑에 제가 체크한 View Code를 누르게 되면 설치 완료!!

설치 완료후 한가지 더 해줘야 할것이 있습니다.

이 부분을 f10 으로 변경해야 합니다.

윈도우의 경우엔 F10 키를 그냥 누르면 되지만

맥의 경우 fn+f10을 누르셔야 합니다.

감사합니다