소개
Brackets는 HTML, CSS, JavaScript를 위한 현대적인 오픈 소스 코드 편집기로, 웹 디자이너와 프론트엔드 개발자를 위해 설계되었습니다. 인라인 편집기와 실시간 미리보기 같은 시각적 도구를 통해 브라우저에서 디자인을 쉽게 할 수 있도록 돕습니다. 이 프로젝트는 Adobe가 시작했으며, 현재는 brackets.io 커뮤니티가 유지 관리하고 있습니다.
상세정보
인라인 편집기
파일 탭을 오가며 코드를 찾는 대신, 관련 코드와 도구를 컨텍스트에 맞게 인라인으로 열어 바로 편집할 수 있습니다.
실시간 미리보기
브라우저와 실시간으로 연결되어 CSS와 HTML을 수정하면 화면에 즉시 반영됩니다. 실제 소스 코드와 브라우저 뷰 사이를 빠르게 전환할 수도 있습니다.
프리프로세서 지원
Less, Sass와 같은 프리프로세서를 지원하며, 이를 통해 워크플로우를 효율적으로 관리할 수 있습니다.
설치 및 시작
Windows에서는 winget 패키지 매니저를 통해 설치할 수 있습니다. 명령 프롬프트에서 다음 명령을 실행합니다.
winget install --id Adobe.Brackets --exact설치 후 Brackets를 실행하면 기본적으로 ‘Getting Started’ 콘텐츠가 포함된 폴더가 열립니다. 다른 폴더를 편집하려면 ‘파일 > 폴더 열기’를 사용하세요.
활용 예시
- 웹 프로젝트의 HTML, CSS, JavaScript 코드를 편집하고 실시간 미리보기로 변경 사항을 즉시 확인할 수 있습니다.
- CSS나 HTML을 수정하면서 브라우저에서 결과를 바로 확인하여 스타일과 레이아웃을 조정할 수 있습니다.
- 프리프로세서를 사용하는 프로젝트에서 Less나 Sass 파일을 편집하고 결과를 실시간으로 확인할 수 있습니다.
지원 환경 및 요구사항
Brackets는 Windows, macOS, Linux(Debian/Ubuntu)에서 사용할 수 있습니다. Windows에서는 winget 패키지 매니저를 통해 설치할 수 있습니다.
버전 및 업데이트
이 문서는 Brackets 1.14.17770 버전을 기준으로 합니다. 최신 릴리스 정보는 GitHub의 릴리스 페이지에서 확인할 수 있습니다.
라이선스 및 확인사항
Brackets는 MIT 라이선스로 배포되는 오픈 소스 프로젝트입니다. 2021년 9월 1일부터 Adobe의 공식 지원이 종료되었으며, 프로젝트는 brackets.io 커뮤니티에 의해 유지 관리되고 있습니다. 사용자는 Visual Studio Code로의 마이그레이션을 권장받거나, GitHub에서 프로젝트를 포크하여 계속 사용할 수 있습니다.
시스템 요구사항
Windows 11 · x64 · winget 패키지 매니저