Brackets.io Brackets
주요 기능
- 무료 오픈 소스 HTML, CSS 및 JavaScript 편집기
- 단축키 기반 편집 기능을 갖춘 미니멀한 UI
- 브라우저 내 실시간 프로젝트 미리 보기
- 풍부한 확장 기능 라이브러리 및 전담 사용자 커뮤니티
소프트웨어 개요
Brackets는 웹 및 프런트엔드 개발자가 사용하도록 설계된 무료 오픈 소스 코드 편집기입니다. Adobe가 처음 Brackets를 개발했지만, 현재는 Brackets.io의 사용자 커뮤니티가 프로그램을 유지 관리합니다.
개발자는 Brackets를 사용해 .HTML, .CSS 및 .JS(JavaScript) 문서를 작성합니다. 프로그램의 미니멀한 UI를 사용하면 불필요한 창과 도구 모음에 방해받지 않고 코딩에 집중할 수 있습니다. 대신 개발자는 일반적으로 단축키를 사용해 Brackets의 코드 편집 기능에 접근합니다. 예를 들어 HTML 태그를 편집할 때 Ctrl + E(macOS에서는 Cmd + E)를 누르면 해당 HTML 태그와 연결된 CSS 스타일을 빠르게 확인하고 편집할 수 있습니다.
Brackets를 사용하면 웹 브라우저에서 프로젝트를 실시간으로 미리 볼 수도 있습니다. 프로젝트를 미리 볼 때 개발자가 프로젝트에 적용하는 모든 변경 사항은 브라우저 내 미리 보기에 자동으로 반영됩니다. Brackets에 추가 기능을 넣고 싶은 사용자는 프로그램의 풍부한 확장 기능 라이브러리를 활용하거나, 필요한 경우 Brackets.io 커뮤니티의 도움을 받아 직접 확장 기능을 작성할 수 있습니다.
요약
간결한 오픈 소스 코드 편집기를 찾는 웹 및 프런트엔드 개발자라면 Brackets에서 마음에 드는 기능을 많이 찾을 수 있습니다. Brackets를 매우 좋아하게 된 사용자는 확장 기능을 만들고 Brackets.io의 개발 커뮤니티에 참여해 프로그램의 미래에 기여할 수도 있습니다.
주요 파일 형식
지원되는 파일 형식
| 확장자 | 파일 형식 |
|---|---|
| .HTML | Hypertext Markup Language 파일 |
| .ASAX | ASP.NET 서버 애플리케이션 파일 |
| .ASHX | ASP.NET 웹 처리기 파일 |
| .ASPX | Active Server Page Extended 웹 페이지 |
| .ATOM | Atom Syndication Format 파일 |
| .C | C/C++ 소스 코드 파일 |
| .CC | C++ 소스 코드 파일 |
| .CFC | ColdFusion 구성 요소 파일 |
| .CFM | ColdFusion 마크업 파일 |
| .CFML | ColdFusion Markup Language 파일 |
| .COFFEE | CoffeeScript JavaScript 파일 |
| .CONFIG | 구성 파일 |
| .CP | Xcode C++ 소스 파일 |
| .CPP | C++ 소스 코드 파일 |
| .CS | C# 소스 코드 파일 |
| .CSHTML | ASP.NET Razor 웹 페이지 |
| .CSS | 종속형 스타일 시트 |
| .CXX | C++ 소스 코드 파일 |
| .DHTML | 동적 HTML 파일 |
| .DIFF | 패치 파일 |
| .EJS | Embedded JavaScript 템플릿 |
| .GEMSPEC | Gem 사양 파일 |
| .GIF | Graphical Interchange Format 파일 |
| .GROOVY | Groovy 소스 코드 파일 |
| .H | C/C++/Objective-C 헤더 파일 |
| .HANDLEBARS | Handlebars 템플릿 |
| .HBS | Handlebars 템플릿 |
| .HH | C++ 헤더 파일 |
| .HPP | C++ 헤더 파일 |
| .HTM | 하이퍼텍스트 마크업 언어 파일 |
| .HX | Haxe 소스 코드 모듈 |
| .HXX | C++ 소스 코드 헤더 파일 |
| .I | INTERCAL 소스 파일 |
| .INI | Windows 초기화 파일 |
| .JAVA | Java 소스 코드 파일 |
| .JPE | JPEG 이미지 |
| .JPEG | JPEG 이미지 |
| .JPG | JPEG 이미지 |
| .JS | JavaScript 파일 |
| .JSON | JavaScript Object Notation 파일 |
| .JSP | Jakarta Server Page |
| .JSX | ExtendScript 스크립트 파일 |
| .JSX | React JavaScript 파일 |
| .KIT | CodeKit 파일 |
| .LESS | LESS 스타일 시트 |
| .LUA | Lua 소스 코드 |
| .MARKDOWN | Markdown 문서 파일 |
| .MD | Markdown 문서 파일 |
| .MDOWN | Markdown 파일 |
| .MKD | Markdown 문서 파일 |
| .PATCH | 패치 파일 |
| .PHP | PHP 소스 코드 파일 |
| .PHP3 | PHP 3 웹 페이지 |
| .PHP4 | PHP 4 웹 페이지 |
| .PHP5 | PHP 5 웹 페이지 |
| .PHTM | PHP 기반 웹 페이지 |
| .PHTML | PHP 웹 페이지 |
| .PL | Perl 스크립트 |
| .PM | Perl 모듈 |
| .PNG | Portable Network Graphic |
| .PROPERTIES | Java 속성 파일 |
| .PY | Python 스크립트 |
| .PYW | Python GUI 소스 파일 |
| .RB | Ruby 소스 코드 |
| .RDF | Resource Description Framework 파일 |
| .RSS | 리치 사이트 요약 |
| .RU | Java 러시아어 글꼴 속성 파일 |
| .SASS | Syntactically Awesome StyleSheets 파일 |
| .SCALA | Scala 소스 코드 파일 |
| .SCSS | Sass 캐스케이딩 스타일 시트 |
| .SH | Bash 셸 스크립트 |
| .SHTM | HTML 서버 측 인클루드 파일 |
| .SQL | 구조화 질의 언어 데이터 파일 |
| .SVG | 확장 가능한 벡터 그래픽 |
| .TPL | HTTP File Server 템플릿 |
| .TWIG | Twig 템플릿 |
| .WSDL | 웹 서비스 기술 언어 파일 |
| .WXL | WiX 지역화 파일 |
| .WXS | WiX 소스 파일 |
| .XBL | 확장 가능한 바인딩 언어 파일 |
| .XHT | XHTML 파일 |
| .XHTML | 확장 가능한 하이퍼텍스트 마크업 언어 파일 |
| .XML | XML 파일 |
| .XSLT | XSLT 파일 |
| .XUL | XML 사용자 인터페이스 언어 파일 |
| .YAML | YAML 문서 |
| .YML | YAML 문서 |
