본문 바로가기
프로그램 추천

Brakets 설치하기 및 확장 기능 추천

by 열대어05 2019. 12. 6.

 

문과생이라서 처음 브라켓을 알 게 되었을 때는 이 프로그램이 무척 생소했는데요.

혹시라도 저처럼 생소하신 분들을 위해서 브라켓 설치 방법 및 사용 방법을 적어 보겠습니다.

아래에는 이용하면 좋은 확장 기능 추천도 있으니 참고 하세요.

 


 

브라켓(Brakets) 다운 및 설치

 

 

아래의 브라켓 사이트로 들어가서 최신 버전의 브라켓을 다운로드 하고 설치합니다.

http://brackets.io/

 

A modern, open source code editor that understands web design

Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released every 3-4 weeks, it's like getting presents all year long.

brackets.io

 


 

브라켓(Brakets) 확장 기능 추천

 

브라켓은 코딩을 조금 더 편하게 하기 위해 사용하는 프로그램입니다.

코딩을 편하게 하기 위해서는 여러 확장 기능을 다운 받아야 합니다. 

 

1. 확장 기능을 다운 받기 위해서는 '파일 -> 확장 기능 관리자'로 들어갑니다.

 

브라켓 확장 기능 관리자 화면

 

2. 그럼 위와 같은 화면이 뜨는데요. 여기서 검색을 통해 원하는 확장 기능을 검색해서 설치하면 됩니다.

 

 

참고로 제가 추천 하는 확장 기능은 다음과 같습니다.

 

- Emmet: tab 버튼을 사용하여 코드를 외우지 않고 좀 더 편하게 작성 할 수 있는 기능
- Beautify : 작성한 코드를 이쁘게 정리해 주는 기능
- Custom work: 위 쪽에 바를 만들어서 다른 다른 창으로 손쉽게 이동할 수 있게 해주는 기능
- indent Guides: 가독성을 높여주기 위한 가이드 라인을 만들어 주는 기능

 

그 외에도 위 사진과 같이 제가 설치한 Brakets Synapese 라는 확장 기능도 있는데요. 위 기능은 FTP를 통하지 않고 바로 서버에서 내가 작성한 코드를 확인 할 수 있는 기능입니다.

하지만 브라켓의 경우에는 사용해 본 결과 오류 및 딜레이가 많아 시냅스 기능은 추천 드리지 않습니다.