[브라켓(Brackets)] 실시간 미리보기

에디터/브라켓 에디터(Brackets editor) 2015. 11. 1. 17:55

728x90
반응형

다른 에디터 보다

브라켓을 왜 쓰는지 그 첫번째 이유가 되는 

'실시간 미리보기' 기능 입니다.

(첫번째 이유가 있으면 두번째도 있다는 것이죠. ^^)


실시간 미리보기 기능은 말 그대로

코딩하는 동시에 실시간 아웃풋으로 확인 할 수 있습니다.


확장 기능을 설치하는것도 아니고

프로그램을 깔면 그냥 기본으로 들어 있어요!



바로 이 기능이죠.


사용법은 아주 간단합니다.

그 전에.. 크롬 브라우저를 설치 합니다.

이 기능은 크롬이 없으면 안돼요!



이렇게 해주면 됩니다.

단축키도 있네요!

'컨트롤 + 알트 + p'


누르게 되면



확인 한번 눌러주세요.

다음부턴 이 안내 메시지는 출력이 안됩니다. 한번만 출력되요.



새 창이 열리면서 잠시 기다리라네요

그후 로딩이 완료되면

..

에디터로 돌아가서

body 태그 안에다가 아무거나 입력해 봅시다.


그러면 위의 gif처럼 같은 결과를 보실 수 있습니다.

(서브라임에서도 비슷한 기능이 있는데 그건, 크롬브라우저 에다가 뭘 설치해야 하고 게다가 에디터 에서 저장을 눌러야지만 반영이 되죠. 하지만 이건... 저장을 굳이 안하셔도 말그대로 실시간 반영을 합니다.)

반응형