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

Emmet

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

Brackets에 Emmet 확장 기능 설치

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

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

테스트

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

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

참고

같은 카테고리의 다른 글
인디자인 / 페이지 크기 변경하는 방법

인디자인 / 페이지 크기 변경하는 방법

인디자인에서 페이지 크기를 변경하는 방법은 두 가지가 있습니다. 각 방법은 약간의 차이가 있습니다. 200mmX100mm 크기의 이미지가 포함된 문서로 어떤 차이가 있는지 알아보겠습니다. 레이아웃 조정으로 페이지 크기 변경하기 을 클릭합니다. 높이를 297에서 400으로 늘리면... 페이지 크기와 함께 이미지도 같이 길어집니다. 문서 설정으로 페이지 크기 변경하기 을 클릭합니다. 높이를 297에서 400으로 늘리면... 이미지의 크기가 변하지 않습니다. 즉, ...

버추얼박스 / 우분투 게스트에 게스트 확장(Guest Additions) 설치하기

버추얼박스 / 우분투 게스트에 게스트 확장(Guest Additions) 설치하기

버추얼박스 가상 머신에 게스트 확장(Guest Additions)을 설치하면 몇 가지 유용한 기능을 사용할 수 있습니다. 게스트의 OS가 우분투 데스크톱일 때 게스트 확장(Guest Additions)을 설치하는 방법을 알아보겠습니다. OS는 설치된 상태에서 시작합니다. 가상 머신을 실행하고 로그인합니다. 마우스 우클릭하고 을 클릭하여 터미널을 엽니다. 다음과 같이 명령하여 몇 가지 패키지를 설치합니다. sudo apt install gcc make perl 메뉴에서 ...

엣지 / 주소 표시줄 검색 엔진 변경하는 방법

엣지 / 주소 표시줄 검색 엔진 변경하는 방법

엣지의 주소 표시줄에서 바로 검색할 수 있다. 검색 엔진은 Bing을 사용한다. 이 검색 엔진은 변경할 수 있다. 오른쪽 위의 점 세 개 아이콘을 클릭한다. 을 클릭한다. 왼쪽에서 를 클릭한다. 을 클릭한다. 을 원하는 것으로 선택하면, 설정이 완료된다.

DSLR / 캐논 / EF 렌즈, EF-S 렌즈, EF-M 렌즈

DSLR / 캐논 / EF 렌즈, EF-S 렌즈, EF-M 렌즈

마운트 캐논 DSLR 렌즈를 사려고 할 때 가장 먼저 확인할 것은 자신이 가지고 있는 카메라의 마운트에요. 렌즈와 카메라 바디를 연결하는 부분을 마운트라고 하는데, 마운트에 따라서 장착할 수 있는 렌즈가 달라져요. 마운트는 EF 마운트, EF-S 마운트, EF-M 마운트가 있고, 각 마운트에 장착할 수 있는 전용 렌즈를 EF 렌즈, EF-S 렌즈, EF-M 렌즈라고 해요. EF 마운트는 풀프레임 ...

포토샵 / 작업 영역 재설정(초기화)하는 방법

포토샵 / 작업 영역 재설정(초기화)하는 방법

포토샵의 작업 영역은 자신의 취향에 맞게 변경할 수 있습니다. 포토샵 설치 직후의 작업 영역은 아래처럼 생겼지만... 아래처럼 자주 사용하는 것으로 변경할 수 있죠. 만약 그 변경이 마음에 들지 않아서 처음으로 되돌리고 싶다면, 을 클릭하세요. 처음 설정으로 초기화할 수 있습니다.

아이디어패드 게이밍 3 15ACH R5 3050Ti 구입 후기

아이디어패드 게이밍 3 15ACH R5 3050Ti 구입 후기

PC도 마찬가지지만, 노트북을 구입할 때 그것으로 무엇을 할 것인지 명확히 하는 것이 좋다. 그래야 적합한 제품을 고를 수 있으니까. PC는 최소 사양으로 맞춘 후 업그레이드가 가능하지만, 노트북은 메모리 추가나 저장공간 추가 정도 밖에 할 수 없으므로 더욱 신중하게 골라야 한다. 노트북은 일단 사무용으로 사용할 것인지 게임용으로 사용할 것인지를 정해야 한다. 게임용은 ...

KT 공유기 / GiGA WiFi Wave 2 / 브릿지 모드로 설정하는 방법

KT 공유기 / GiGA WiFi Wave 2 / 브릿지 모드로 설정하는 방법

KT 인터넷을 사용하고, 공유기는 ipTIME 거 하나, KT 거 하나 있습니다. KT 공유기가 생기기 전에는 인터넷 라인을 ipTIME 공유기에 연결하고, 그 공유기와 PC, 스마트폰 등을 연결했습니다. 그런데 무선이 집 전체를 커버하지 못하네요. 그래서 KT 공유기가 생겼을 때 두 개의 공유기를 같이 쓰기로 했습니다. 즉, 아래와 같은 구성에서... 아래와 같은 구성으로 바꾸는 ...

안드로이드 / 앱 / 아웃룩 / 계정별로 다른 소리로 알림 받는 방법

안드로이드 / 앱 / 아웃룩 / 계정별로 다른 소리로 알림 받는 방법

아웃룩 앱에 여러 메일 계정을 등록할 수 있다. 그런 경우 불편한 것은 모두 같은 소리로 알림이 온다는 것이다. 메일 계정마다 중요도가 다른데 알림의 차이가 없으므로 무조건 보게 된다. 다행히 아웃룩 앱에는 메일 계정마다 알림 소리를 다르게 하는 기능이 있다. 아웃룩 앱을 열고 왼쪽 위에 있는 선 세 개 아이콘을 누른다. 왼쪽 아래에 있는 ...

Ubuntu 18.04 Server / Nginx, PHP, MariaDB 설치하고 설정하기

Ubuntu 18.04 Server / Nginx, PHP, MariaDB 설치하고 설정하기

Nginx 설치 Nginx를 설치합니다. # apt install nginx 만약 방화벽을 사용하고 있다면 포트를 열어줍니다. # ufw allow 'Nginx Full' 서버 주소로 접속했을 때 다음과 같이 나오면 제대로 된 것입니다. 시작, 정지 등 Nginx를 시작합니다. # systemctl start nginx Nginx를 멈춥니다. # systemctl stop nginx Nginx를 재시작합니다. # systemctl restart nginx Nginx를 다시 로드합니다. # systemctl reload nginx Nginx를 설치하면 부팅 시 자동으로 시작하게 설정됩니다. 만약 자동 ...

안드로이드 / 앱 / 카카오뱅크 / 후불교통카드 사용 내역 확인하는 방법

안드로이드 / 앱 / 카카오뱅크 / 후불교통카드 사용 내역 확인하는 방법

카카오뱅크에서 체크카드를 만들 때 후불 교통 카드 기능을 넣을 수 있습니다. 대중 교통을 이용할 때 바로 돈이 나가는 게 아니라, 한 달치를 모아서 다음 달 10일에 납부하게 됩니다. 잔고가 없어도 사용할 수 있으므로, 가능하다면 후불 교통 카드가 편합니다. 대신 교통 카드 이용 내역을 확인하는 것은 좀 번거롭습니다. 통장 거래 내역에 나오지 ...