HTML5 & CSS , javascript - braket 에디터 설치 및 확장기능 설치 #001

안녕하세요. smart factory 입니다. 

Html5와 CSS 를 구현하기 위해서 다양한 에디터 프로그램이 있습니다. 비쥬얼스튜디오 코드나 드림위버, 브라켓 등 다양한 프로그램 중에서 braket 을 설치하고 그에 따른 기본적인 확장 프로그램까지 설치해 보도록 하겠습니다. 

1. braket edit 설치 

http://brackets.io/

무료 에디터를 다운 받아서 설치를 진행합니다. 

 

설치후 실행을 합니다. 

 

클릭~

hellow 를 적어보았습니다. 

 

---

2. 확장 기능 설치하기 

왼쪽하단에 보면 작은 아이콘이 있습니다. 

 

번개 모양과 전지 모양, 요술봉 모양입니다. 

번개 모양은 실시간 보기 모드 즉 html5 와 css를 작성하고 실행하는 것입니다. 

가운데 전지 모양을 클릭하면 

확장 기능을 설치할 수 있습니다. 

검색창에 넣어서 설치하면 됩니다. 

제가 설치한 것들을 우선 설치해 보도록 하겠습니다. 

 

 

(1) Breatify

(2) Brackets Icons

(3) Color Highlighter

(4) Custom Work

(5) Emmet

(6) HTMLHint

(7) Interactive Linter

(8) QuickFormTool

위의 확장 기능은 Html과 Css 자바 스크립트를 작성할때 보기 좋고, 구분하기 쉽게 도와주는 역할을 합니다. 물론 이이외에도 더 많은 확장 기능이 있지만 추후적으로 하나하나씩 알아가보도록 하겠습니다.