웹 개발 도구 (IDE) 소개- Bracket편

우선, 구글에 "Bracket" 혹은 브라켓을 검색 해주세요.

가장 상단에 뜨는 사이트로 접속을 해주세요.

만약, 필자와 검색 결과가 다를 경우 여기를 눌러주세요.

브라켓 사이트에 접속을 하셨다면 하단에 Other Downloads를 눌러주세요.

위에 파란색 버튼이 안될때가 많아서 그럽니다.

만약 파란색 버튼을 눌러 된다면, 아래의 설명을 생략 해주세요.

확장자가 msi인 파일을 다운 받아 주세요.

설치를 해서 실행을 하게 되면 위와같이 나오게 됩니다.

우선, 브라켓의 장점으로써 말씀 드리면, 플러그인 다운 / 실시간 미리보기 두가지가 가장 대표적으로 보실수 있습니다.

오른쪽 레이아웃에 두번쨰 버튼을 클릭 해주세요.

플러그인 설치 가능한 목록이 뜨며, 다운받아 설치를 할 수 있습니다.

필자가 쓰는것중 몇가지를 추천 해드리겠습니다.

Beautify - 줄정리

HTML templates - HTML 템플릿 제공

BRACKETS OUTLINE LIST - 위측에 사이드바 생성

보기 -> 테마를 눌러주세요.

플러그인을 다운받는곳에서 테마를 다운받아 설정이 가능하며, 글자 크기, 글꼴을 수정 하실수 있습니다.

필자와 같은 경우 d2coding을 사용하기 때문에, 글꼴에 'd2coding'을 추가 했습니다.

추가적으로 글자 크기를 변경 단축키는 Ctrl 과 + / Ctrl 과 - 입니다.

실시간 미리보기는 우측에 번개 모양을 눌러주세요.

좌측에서 변경을 하게 되면 자동적으로 오른쪽 브라우저에서 실시간으로 변경이 됩니다.

그리고, 태그 영역에 파란색으로 표시를 해줍니다.

마지막으로 브라켓에서 킨 브라우저에서 자신이 원하는 영역에 더블 클릭을 하게 되면, 브라켓에 해당하는 태그를 자동으로 찾아 줍닏나.