[무료] 맥용 HTML 편집기, Brackets

목 차

• 1. 맥용 HTML 편집기, Brackets 소개
• 2. Brackets 주요 기능
• 3. Brackets 다운로드 방법

💡 팁 2021.9.1 이후로 공식 사이트 서비스는 종료되지만

설치된 응용프로그램은 계속 사용가능합니다.

1. 맥용 HTML 편집기, Brackets 소개

• Brackets는 2014년에 시작된 오픈 소스 코드 편집기입니다. HTML, CSS, JavaScript 코드 편집이 가능합니다. 
• 브래킷의 빠른 편집 UI는 컨텍스트 별 코드와 도구를 인라인으로 배치하여 보기에 편합니다.
• 실시간 미리보기라는 기능이 있는데 Brackets가 브라우저와 직접 연동하여 코드 편집을 즉시 푸시하고 실제 소스 코드와 브라우저보기간에 앞뒤로 이동할 수 있습니다.
• 아쉽게도 Adobe 사의 지원이 종료는 2021년 9월 1일 이후로는 GitHub 프로젝트도 문을 닫을 것으로 보입니다. 
• 다만 오픈 소스이다보니 다른 포크에서 지속적으로 개발이 될 수 도 있으니, 우선 최신 릴리즈로 다운받아 놓으세요
• GitHub https://github.com/adobe/brackets
• 1.4.2버전 백업 파일 다운로드는  '여기' 에서 받으셔도 됩니다. 

2. Brackets 주요 기능

• 기본적으로 코드별 색상표현이 되어 작업하기 편리합니다.
• 추가기능을 설치한다면 더 효율적으로 작업을 진행할 수 있습니다.
• Beautify
• 작성된 문서를 보기 쉽게 formatting 해줍니다.. ','와 '{}'를 기준으로 정렬, 줄바꿈 및 자동 인덴트를 적용해 줍니다.
• GitHub https://github.com/brackets-beautify/brackets-beautify 
• Extention 백업 Zip파일 다운로드는  '여기' 에서 받으셔도 됩니다. 
• Interactive Linter
• 각종 오류를 체크해 줍니다. coffeescript, csslint, htmlhint, eslint, jscs, jshint, jslint, jsx, jsonlint를 포함하고 있기 때문에 작업시 오류가 나거나 확인이 필요한 부분을 확인이 가능합니다.
• GitHub https://github.com/MiguelCastillo/Brackets-InteractiveLinter
• Extention 백업 Zip파일 다운로드는  '여기' 에서 받으셔도 됩니다. 
• Indent Guides
• 문서구조를 파악하기 쉽게 시각적으로 인덴트 구조를 표시해 줍니다.
• GitHub https://github.com/lkcampbell/brackets-indent-guides
• Extention 백업 Zip파일 다운로드는 '여기' 에서 받으셔도 됩니다. 
• Document Outliner
• 문서의 아웃라인을 확인할 수 있게 해줍니다.
• GitHub https://github.com/soimon/brackets-document-outliner
• Extention 백업 Zip파일 다운로드는 '여기' 에서 받으셔도 됩니다.
• 보다 다양한 확장기능은 아래 블로그를 참고해주세요
• 코딩의 작업효율을 올려주는 Brackets 확장기능

3. Brackets 다운로드 방법

• GitHub의 adobe/brackets 로 들어갑니다.
• 오른쪽 Realeases 에서 최신 릴리즈를 클릭합니다.
  
  
  
  
  
• 하단의 dmg 와 msi 중 OS에 맞는 파일을 다운로드 받습니다.
  
  
  
  
• mac OS의 경우 Brackets를 오른쪽으로 드래그하여 응용프로그램에 넣습니다.
  
  

참고 사항

💡 GitHub adobe/brackets

💡 코딩의 작업효율을 올려주는 Brackets 확장기능