맥북(OS X) 에디터 Brackets 설치하는법

오늘은 Brackets라는 에디터에 대해 소개해드리겠습니다.

기존에는 윈도우던 맥이던 Sublime text를 썼습니다.

상당히 좋은 에디터죠. 서브라임으로도 코딩하는데에 아무런 문제가 없습니다.

하지만 프론트엔드를 짤 때는 각 요소들의 위치를 직접 눈으로 확인하면서 짜야하는데

저장하고 브라우저로 열고 하는 과정이 불편했습니다.

Brackets를 사용하면 이런 과정을 없앨 수 있습니다.

바로 실시간 미리보기 라는 기능 덕분인데요.

왼쪽에서 코드를 입력하면 오른쪽 화면에서 바로 결과를 보여줍니다.

앞단코드 짤때 상당히 유용하게 사용할 수 있을만한 에디터입니다.

먼저 아래의 사이트를 통해 파일을 다운받아주세요.

http://brackets.io/

Download Brackets를 클릭합니다.

금일기준 파일용량은 57메가입니다.

오른쪽으로 밀어서 설치해줍니다.

파일 - 실시간 미리보기를 선택합니다.

크롬창이 뜨면서 수정하는 부분을 실시간으로 반영하여 보여줍니다.

크롬기반으로 돌아가기때문에 무조건 크롬을 설치하셔야 합니다.

* 실시간 미리보기가 안될 때 해결방법 *

파일을 불러와서 작업하면 저장을 해야 실시간 미리보기에 반영되는 문제가 생깁니다.

파일 불러오기 말고 폴더 열기를 통해 작업하시면 해결됩니다.