Brackets

최신 웹 개발에서 취할 수 있는 개발 방향 중 하나는 디자인과 완성도를 통합해, 그 사이의 연결 지점을 생성하는 것입니다. Brackets는 Adobe가 개발한 HTML, CSS, JavaScript 코드 편집기로, 그와 같은 길을 걷고자 합니다. 이 편집기는 웹 개발 과정을 보다 빠르게 만들어주고, 그래픽 편집기에서 사용된 언어로 해석하는 작업으로 넘어가는 변환 과정의 능률을 높여주기 위해 다양한 도구들을 제공합니다.

이 편집기는 깔끔한 인터페이스가 담긴 오픈 소스 애플리케이션입니다. 자동으로 코드를 감지할 수 있어 코드 작성, 들여쓰기, 색상으로 구문 식별하기 등에도 도움이 됩니다. 여러분의 프로젝트에 있는 모든 요소를 카테고리 트리에 정리할 수 있는데, 이 카테고리 트리에는 코드와 그래픽이 통합되어 있습니다.

가장 흥미로운 특징들 중 하나는 브라우저에서 프로젝트를 열어, 실시간으로 변경된 소스 코드를 일일이 확인할 수 있는 동적인 미리 보기 모드가 담겨 있다는 점입니다. 또한, 이러한 기능은 제 3의 확장 프로그램들을 이용하여 확장시킬 수 있습니다. 그 중 한 가지인 Extract for Brackets은 이 앱에 이미 통합되어 있으며, 파일 형식 정보를 Photoshop에 쓰이는 PSD 파일로 추출해줍니다. 다만, 이러한 작업을 수행하려면, Adobe 계정을 생성해야 합니다.