HTML #1 : Brackets(브라켓) 설치 및 emmet 설정

190422

HTML에 대해서 다뤄보겠습니다.

(저는 웹개발을 위해 HTML을 배우는 것으로, 깊이 있게 HTML을 다루기 보다는 

 JSP등을 사용하는 데에 있어서 필요한 수준으로 HTML을 이 곳에서 다루겠습니다.)

---

HTML을 하기 위한 설치와 준비는 앞서 다뤘던 JAVA나 Database에 비해서 비교적 간단한 편입니다.

별도의 개발 환경 설치없이 개발툴만 있으면 가능합니다. (사실상, 메모장만으로도 가능합니다.)

저는 HTML공부에서 브라캣이라는 개발툴을 사용하였습니다.

<브라캣 설치 및 기본 설정>

브라캣 설치 : http://brackets.io/

설치법은 간단합니다. 직관적으로 프로그램 설치하듯이 설치를 해주시면 되겠습니다.

설치가 완료된 후, 실행하시면 다음과 같은 기본화면이 나옵니다.  (처음에 파일들이 저장될 저장디렉토리를 지정해주시기 바랍니다.)

HTML코딩에 앞서서, 설정을 하겠습니다.

좌측 상단에 파일- 확장 기능 관리자를 클릭하시면, 이클립스에서 마켓과 비슷한 곳을 들어갈 수 있습니다.

검색란에 'emmet'을 검색하여 설치해주시기 바랍니다.

*emmet : html개발툴에서 zen-coding(자동완성)을 도와주는 플러그인입니다. 

  atom, notepad++, brackets 등에서 사용가능합니다.

이 정도면, HTML의 기본적인 코딩을 위해서 준비가 어느 정도 끝나게 됩니다.

다음 포스팅에서부터 HTML의 기초에 대해서 다뤄보도록 하겠습니다.