최근 수정 시각 : 2024-04-08 18:52:41

Brackets



파일:Adobe 글자 로고 화이트.svg
{{{#!wiki style="margin: 0 -10px;"
{{{#!folding [ 펼치기ㆍ접기 ]
{{{#!wiki style="margin-bottom: -15px;"
<tablewidth=100%>
파일:포토샵 로고.svg
Photoshop
파일:라이트룸 로고.svg
Lightroom
파일:일러스트레이터 로고.svg
Illustrator
파일:어도비 애니메이트 로고.svg
Animate
파일:Adobe After Effects 로고.svg
After Effects
파일:프리미어 프로 로고.svg
Premiere Pro
파일:프리미어 러시 로고.svg
Premiere Rush
파일:인디자인 로고.svg
InDesign
파일:인카피 로고.svg
InCopy
파일:드림위버 로고.svg
Dreamweaver
파일:오디션 로고.svg
Audition
파일:Adobe Media Encoder 로고.svg
Media Encoder
파일:어도비 스톡 로고.svg
Stock
파일:브리지 로고.svg
Bridge
파일:1200px-Adobe_Spark_icon_(2020).svg.png
Spark
파일:XD 로고.svg
XD
파일:디멘션 로고.svg
Dimension
파일:캐릭터 애니메이터 로고.svg
Character Animator
파일:Adobe Fresco 아이콘.svg
Fresco
파일:Adobe Aero Icon.png
Aero
파일:AdobeFirefly.svg
Firefly
{{{#!wiki style="margin:0 -10px"
{{{#!wiki style="margin:-5px -1px -16px"
{{{#!wiki style="margin:-15px 0px 0px 0px"
Document Cloud
파일:Adobe Acrobat 아이콘.svg
Acrobat
}}}}}}}}}
개발 중단된 프로그램은 해당 문단을 참고하시기 바랍니다.
}}}}}}}}} ||

ㅤ ㅤ ㅤ ㅤㅤ 텍스트 에디터 (문서 편집기)
{{{#!wiki style="margin:0 -10px -5px; min-width:300px; min-height:calc(1.5em + 5px); word-break:keep-all"
{{{#!folding [ 펼치기 · 접기 ]
{{{#!wiki style="margin:-6px -1px -11px"
<colbgcolor=#887b7e>Windows메모장 · 워드패드 · EmEditor · Notepad++ · EditPlus
크로스 플랫폼Visual Studio Code · Sublime Text · Atom · Brackets
기타 운영체제용vi · vim · Neovim · BBEdit · Emacs
이 외 에디터는 문서 편집기 문서 참고}}}}}}}}}

1. 개요2. 기본 지원 언어 목록3. 특징4. 관련 문서


파일:brackets.svg
공식 홈페이지 어도비 시절 코드 저장소 커뮤니티 주도 개발 저장소

1. 개요

어도비 에서 만든 문서 편집기. JavaScript로 개발되었고, 프론트엔드 웹 개발에 특화되어있다. 어도비에서 만들었지만 Creative Cloud 제품군에 묶이지 않고 오픈소스로 풀려 GitHub에서 관리가 이루어진다.

2021년 9월, 지원을 중단한다고 발표했다. 상단 참조 어도비 측은 마이크로소프트의 Visual Studio Code로의 마이그레이션을 권장하고 있다. 이후 커뮤니티에서 저장소를 포크해서 개발을 지속하고 있다.

2. 기본 지원 언어 목록

Bash, C, C++, C, Clojure, CoffeeScript, CSS, Dart, Diff, EJS, Embedded Ruby, Go, Groovy, Handlebars, Haskell, Haxe, HTML, Java, JavaScript, JSON, JSX, LESS, Lua, Markdown, Markdown(Github), Perl, PHP, Properties, Pug, Python, RDF, Turtle, Ruby, Sass, Scala, SCSS, SQL, Stylus, SVG, VB, VBScript, XML, YAML

3. 특징

  • 라이브 프리뷰
    서브라임과 VSCode 아톰 등등 이미 걸출한 텍스트에디터가 있지만 유독 프론트엔드에서 많이 쓰이는 결정적인 이유.
    서버는 말할것도 없고, 로컬에서 웹페이지를 코딩할때 파일을 저장하고 웹페이지를 새로고침을 해야 방금 내가 수정한 부분이 페이지에 적용되어 확인할 수 있다. 프론트엔드 개발의 특징상 사소한 수정을 여러번 하는데, 그때마다 매번 페이지를 새로고침 하는건 여간 불편한게 아니다. 특히 CSS 파일은 브라우저에서 캐시로 저장해서 수정사항이 생겨도 반영을 안하기 때문에 매번 캐시를 지우면서 새로고침하거나 또는 크롬의 "캐시 삭제 후 강력 새로고침" 기능을 매번 써야 한다.
    하지만 브라켓은 파일이 저장되지 않은 상태에서조차도 편집사항을 실시간으로 크롬 브라우저에 그대로 반영시켜 준다. 플러그인으로 구현되기엔 복잡해서인지 2019년 기준 다른 에디터에서 비슷한 기능이 플러그인으로 나오지도 않기 때문에[1], 사실상 브라켓의 킬러앱이나 마찬가지. 이후 2021년에는 비슷한 기능으로 VS Code에는 Live Preview 확장 기능을 설치하면 된다.

4. 관련 문서



[1] 그나마 Visual Studio Code에는 저장할 때마다 브라우저에 수정 사항을 반영해주는 "Live Server"라는 확장 기능이 있지만, 확장 기능이 모두 로딩될 때 까지 기다려야 하고 자잘한 오류도 많다.[2] 이 앱의 백엔드는 Electron이 아닌 자체 개발된 쉘 기반으로 만들어졌으나, 비슷한 원리를 사용하기 때문에 데스크탑에서 웹 앱을 구동하는 분야에 관심이 있으면 둘러보도록 하자.