브리캣 - Brackets

html이나 javascript 등 언어 개발을 할 때, 텍스트 에디터를 사용해야합니다.

 

그중 브리캣이라는 툴을 소개해드릴까 합니다.

 

브리캣은 윈도우, 맥, 리눅스 모두에서 사용할 수 있는 오픈 소스이며 무료인 툴로,  html, css 코딩을 하는데 최적화된 좋은 도구입니다. 또한 다양한 확장 기능을 설치하여 활용할 수 있습니다.

 

그럼 브리캣을 설치해 보겠습니다.

 

다음 url을 통해 브리캣을 다운로드 받을 수 있는 웹사이트로 이동할 수 있습니다.

 

http://brackets.io/

A modern, open source code editor that understands web design

이곳에서 가면 다음과 같은 첫 화면을 보실 수 있습니다.

위의 Download Brackets 1.14를 눌러서 바로 다운로드를 받으실 수있습니다.

 

 다운로드를 완료하면, 설치프로그램을 실행하시고,

Next를 누릅니다. (위의 2개는 명령줄에 브라캣을 추가할 것인지와 ,바로가기를 만들것인지를 물어보는 항목입니다.)

Intsall을 누르면 설치를 시작합니다. (권한으로 인해 실행하겠습니까? 같은 팝업이 나타나는데 '예'를 눌러주면 시작되고 '아니오'를 누르시면 설치가 종료 됩니다.)

설치가 완료되면 finish를 누르면 됩니다. 그리고 설치된 브리캣을 실행해봅니다.

 

사실 브리캣 설치는 다운로드 후 버튼만 눌르면 완료되기 때문에 어려움이 없지만, 정말 브리캣을 사용하기 위해서는 확장프로그램을 설치를 해야합니다.

확장 프로그램을 설치하시려면 파일-> 확장기능 관리자를 선택하시면 필요한 확장 r검색 및 설치를 누르면 설치  하실 수 있습니다.

 

추천 확장기능은 다음과 같습니다.

 

Color Merge - CSS에 적용된 컬러를 뽑아서 팔레트로 표시
Document Outline - HTML5문서의 아웃라인을 표시
Tabs - Custom working - 열려있는 각 파일간을 Tab으로 이동
Indent Guides - 문서에 인덴트 적용
Todo - 문서상의 todo를 확인
Emmet - 젠코딩

Interactive Linter - 각종 오류체크 확인
SASSHint - SASS에서 사용된 변수값을 쉽게 불러올수 있게 해줌
W3CValidation - w3c의 문법을 체크

자신에게 맞는 다양한 확장기능을 추가하시면될 것 같습니다.