Brackets - 바로 실행해보면서 배우는 HTML5/CSS3
바로 실행해보면서 배우는 HTML5/CSS3
  • Brackets
    02 개발 환경 설정
    Brackets

    새로이 주목받고 있는 다른 코드에디터에 비해 살짝 밀리지만, 여전히 막강한 장점들을 가지고 있는 브라켓(Brackets)에 대해 알아봅시다.

    Adobe 사에서 제작했으며, 그 때문에 psd 파일로 확인할 수 있고 해당 레이어(layer)의 정보 값을 얻어 이를 활용할 수 있는 에디터입니다. atom보다 꽤 작은 용량의 프로그램이기에 가벼운 웹 에디터를 선호하는 분들에게 사랑받고 있습니다. 무료로 설치할 수 있으며 확장 기능(extension)을 활용해 내 입맛대로 에디터를 커스터마이징 할 수 있을 뿐만 아니라 실시간 미리 보기 기능까지 갖추고 있습니다. 구글 크롬(chrome)에서 지금까지 작성한 html 혹은 css 파일을 확인할 수 있습니다.

    브라켓 공식홈페이지에서 다운을 받아 설치합니다.

    첫 화면은 다음과 같습니다. 브라켓을 사용할 수 있는 기본 내용이 적혀있는 index.html이 열립니다.

    실시간 미리보기는 다음과 같이 작성하며, HTML/CSS를수정하면 실시간으로 반영됩니다. 브라켓의 오른쪽 상단의 번개(⚡️)모양을 클릭하여 실시간 미리 보기가 가능합니다.

    Q & A
    Q&A forum that anyone can ask and answer.
    Share your questions and answers with other students and grow together!
    Registered Questions(0)