Brackets

덤프버전 :



파일:Adobe 로고 화이트.svg
<^|1><tablebgcolor=#fff,#1f2023><tablebordercolor=#FA0F00><tablewidth=100%><height=33>
[ 펼치기ㆍ접기 ]

}}}

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. 관련 문서[편집]


  • Sublime Text
  • Visual Studio Code
  • Atom
  • 어도비 드림위버
  • Electron[2]


파일:크리에이티브 커먼즈 라이선스__CC.png 이 문서의 내용 중 전체 또는 일부는 2023-10-21 11:40:28에 나무위키 Brackets 문서에서 가져왔습니다.

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