Brackets / Emmet 확장 기능 설치하는 방법

Emmet

  • Emmet는 HTML과 CSS 코딩을 빠르게 할 수 있도록 도와주는 플러그인입니다. 많은 텍스트 에디터에서 Emmet을 지원하고 있고, Brackets도 확장 기능을 통해 사용할 수 있습니다.
  • Emmet의 예전 이름은 Zen Coding입니다.

Brackets에 Emmet 확장 기능 설치

  • [확장 기능 관리자]를 엽니다.

  • Emmet로 검색한 후 설치합니다.

테스트

  • HTML 형식의 문서를 새로 만듭니다.
  • html>head+body를 입력하고 Tab 키를 누릅니다.

  • 다음과 같이 바뀌면 제대로 설치된 것입니다.

참고

같은 카테고리의 다른 글

썬더버드(Thunderbird) / 메일 계정 추가, 삭제하는 방법

썬더버드(Thunderbird) / 메일 계정 추가, 삭제하는 방법

썬더버드(Thunderbird)는 모질라에서 만든 메일 클라이언트입니다. 지메일, 네이버, 다음 등 IMAP 또는 POP3를 지원하는 여러 메일 계정을 등록하여 사용할 수 있습니다. 메일 계정을 어떻게 추가하는지, 필요하지 않게 된 메일 계정을 어떻게 삭제하는지 알아보겠습니다. 밑의 과정을 진행하기 전에, 각 메일 서비스에서 IMAP을 사용 가능하게 설정해주어야 합니다. 메일 계정 추가 - 지메일 오른쪽 위의 선 세 ...

LG DnA Center Plus / 다운로드하고 설치하는 방법

LG DnA Center Plus / 다운로드하고 설치하는 방법

LG 노트북에 윈도우를 새로 설치했다. 윈도우 업데이트를 이용하여 장치 관리자에 !가 없게 만들었다. 문제가 없는 듯 하지만 문제가 있다. Fn 키를 이용하는 작업이 안되는 게 있다. 예를 들어 키보드에 불 들어오게 하는 거... 앱으로 넷플릭스를 볼 때도 문제가 생긴다. 소리가 이상하다. 배경 소리는 잘 나오는데 사람 소리가 너무 작게 나온다. 이런 ...

FreeCommander / 파일 관리 프로그램 / 소개 및 사용법

FreeCommander / 파일 관리 프로그램 / 소개 및 사용법

FreeCommander FreeCommander는 윈도우에서 사용할 수 있는 무료 파일 매니저이다. 듀얼 패널을 지원하며, 대부분의 작업을 키보드로 할 수 있고, 대량의 파일을 관리할 때 편리하다. 압축(풀기), 일괄 이름 변경, 싱크(동기화), FTP 등 유용한 툴도 포함하고 있다. 다운로드 다운로드는 아래 링크에서 할 수 있다. 32비트는 무료로 제공되고, 64비트는 후원자에게 제공된다. 32비트라고 해서 기능의 제한이 있지는 않다. https://freecommander.com/en/downloads/ 한글 언어팩도 포함하고 ...

마이크로소프트 엣지 / 다운로드 설정하는 방법

마이크로소프트 엣지 / 다운로드 설정하는 방법

마이크로소프트 엣지 웹브라우저의 기본 설정 하에서 파일을 다운로드하면, 사용자의 다운로드 폴더로 바로 다운로드한다. 다운로드하는 기본 폴더를 변경하거나, 다운로드할지 바로 열지 선택할 수 있게 하는 것은 설정에서 정한다. 엣지 오른쪽 위에 있는 점 세 개 아이콘을 클릭한다. 을 클릭한다. 왼쪽 메뉴에서 를 클릭한다. 에서 기본 다운로드 폴더를 정할 수 있다. [각 다운로드 시 수행할 작업에 대해 ...

에디트플러스 / FTP, SFTP로 원격 서버 접속하는 방법

에디트플러스 / FTP, SFTP로 원격 서버 접속하는 방법

서버에 있는 파일을 수정할 때, 서버에서 다운로드하고 수정하고 업로드하면 무척 번거롭습니다. 그래서 텍스트 에디터 중에는 FTP 또는 SFTP로 서버에 접속해서 서버의 파일을 바로 편집할 수 있는 기능 갖춘 것들이 있습니다. 예를 들어 Visual Studio Code나 Brackets는 확장 기능으로 구현할 수 있고, 드림위버 같은 웹 프로그래밍 제품은 기본적으로 포함하고 있습니다. 여러 가지 프로그램으로 ...

원노트 / 메뉴에서 할 일 태그 위치 변경

원노트 / 메뉴에서 할 일 태그 위치 변경

할 일 태그는 순서 없는 목록이나 순서 있는 목록을 만드는 버튼 옆에서 만들 수 있었는데, 업데이트가 되면서 위치가 바뀌었습니다. 오른쪽 끝의 하위 메뉴로 들어갔습니다.

파이어폭스 / 계정 만들고 동기화하는 방법

파이어폭스 / 계정 만들고 동기화하는 방법

크롬에 구글 게정으로 로그인하면 즐겨찾기를 포함한 여러 데이터를 동기화할 수 있다. 예를 들어, A 컴퓨터의 크롬에서 즐겨찾기를 추가하면, B 컴퓨터의 크롬에도 반영된다. 컴퓨터를 포맷하고 크롬을 새로 설치해도 로그인하면 데이터를 가져온다. 파이어폭스에도 그런 기능이 있다. 파이어폭스를 자주 사용하지 않아서 미루고 있었는데, 요즘 여러 PC에서 사용할 일이 생겨 동기화 기능을 사용하기로 했다. 계정을 ...

크롬 / 맞춤법 검사 해제하는 방법

크롬 / 맞춤법 검사 해제하는 방법

크롬 웹브라우저에는 맞춤법 검사 기능이 있습니다. 폼에 텍스트를 입력하면 맞춤법 검사를 하고, 맞춤법에 맞지 않으면 빨간 밑줄을 칩니다. 유용한 기능이기는 하지만, 굳지 필요하지 않을 수도 있습니다. 글 주제에 따라 빨간 줄이 너무 많이 나올 수도 있기 때문입니다. 맞춤법 검사는 크롬 설정에서 해제할 수 있습니다. 오른쪽 위의 점 세 개 아이콘을 클릭한 후 ...

크롬 / 포커스 모드로 주소표시줄, 즐겨찾기 안 보이게 하는 방법

크롬 / 포커스 모드로 주소표시줄, 즐겨찾기 안 보이게 하는 방법

크롬 포커스 모드는 더 이상 지원되지 않습니다. 대신 바로 가기 만들기를 이용하여 주소창을 없앨 수 있습니다. 크롬 상단에 나오는 즐겨찾기는 Ctrl+Shift+B로 안 보이게 할 수 있습니다. 다시 한 번 Ctrl+Shift+B를 누르면 다시 보이죠. 만약 주소표시줄을 없애고 싶다면 어떻게 할까요? 모든 크롬 창의 주소표시줄을 안 보이게 할 수는 없지만, Focus Mode를 이용하면 특정 탭에서는 ...

Brackets / 탭 사이즈 변경하는 방법

Brackets / 탭 사이즈 변경하는 방법

브라켓의 기본 탭 사이즈는 4입니다. 탭 사이즈 변경은 편집기의 오른쪽 아래에서 합니다. 글자를 클릭해서 Tab Size로 만듭니다. 숫자를 클릭하고 원하는 크기를 입력합니다.