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

Emmet

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

Brackets에 Emmet 확장 기능 설치

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

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

테스트

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

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

참고

같은 카테고리의 다른 글

Azure Information Protection와 Windows Information Protection

Azure Information Protection(AIP) 개요 AIP는 Microsoft Azure의 클라우드 기반 서비스로, 데이터의 분류, 라벨링, 보호를 목적으로 하는 솔루션입니다. 조직의 중요한 문서와 이메일을 암호화하고, 누가 어떤 데이터를 보고 조작할 수 있는지를 제어할 수 있습니다. 주요 기능 데이터 분류 및 라벨링: 민감한 정보를 자동으로 탐지하고, 문서 및 이메일에 보안 라벨을 적용하여 관리합니다. 라벨링은 수동 또는 규칙 기반으로 ...

PDF - 정의, 특징, 장단점

PDF는 현대 디지털 문서의 표준으로 자리 잡은 형식입니다. Adobe Systems에 의해 1993년에 처음 도입된 이후, PDF는 그 기능성과 호환성 덕분에 다양한 분야에서 광범위하게 사용되고 있습니다. 이 블로그 포스팅에서는 PDF의 정의, 역사, 주요 특징, 장단점, 사용 사례, 그리고 PDF 파일을 다루는 다양한 도구와 방법에 대해 상세히 살펴보겠습니다. PDF의 정의와 역사 PDF는 "Portable Document ...

엣지 / 코파일럿 아이콘 없애는 방법

엣지 / 코파일럿 아이콘 없애는 방법

엣지 브라우저 오른쪽 위에 코파일럿 아이콘이 있습니다. 아이콘을 클릭하면 사이드바가 열리면서 코파일럿과 채팅을 할 수 있죠. 만약 코파일럿을 사용하지 않아서 이 기능이 전혀 필요하지 않다면, 코파일럿 아이콘을 안 보이게 할 수 있습니다.

버추얼박스 / 가상 머신 만드는 방법, 삭제하는 방법

버추얼박스 / 가상 머신 만드는 방법, 삭제하는 방법

가상 머신 만들기 가상 머신에 사용할 OS의 ISO 이미지를 준비합니다. 버추얼박스에서 를 클릭합니다. 이름을 적절히 정하고 OS의 종류와 버전을 선택합니다. 을 클릭합니다. 가상 머신에 할당할 메모리 크기를 정하고 을 클릭합니다. 를 클릭합니다. 을 클릭합니다. 동적 할당은 가상 하드 디스크를 사용하는 만큼 호스트 PC의 하드 디스크를 사용합니다. 고정 크기는 그 크기 만큼 미리 공간을 확보해 놓습니다. 적절히 설정하고 을 ...

아이피타임(ipTIME) 공유기 / 포트포워딩 설정하는 방법

아이피타임(ipTIME) 공유기 / 포트포워딩 설정하는 방법

포트 포워딩(port forwarding)은 외부 네트워크에서 특정 장치나 서비스에 접근할 수 있도록 라우터나 방화벽에서 포트를 지정하여 트래픽을 전달하는 네트워크 설정 방식입니다. 공유기에서도 설정이 가능한데, 공유기 IP XX 포트로 요청이 들어왔을 때, 그 요청을 공유기에 연결된 다른 기기의 YY 포트로 전달합니다. ipTIME 공유기에서 포트포워딩 설정하는 방법은 다음과 같습니다. 포트포워딩 추가 아이피타임 공유기 관리자 페이지에 접속합니다. [고급 설정 ...

모니터 / 색 영역 / DCI-P3

DCI-P3는 디지털 시네마 이니셔티브(Digital Cinema Initiatives)에서 정의한 색 공간으로, 영화 산업에서 널리 사용됩니다. DCI-P3 색 공간은 sRGB보다 더 넓은 색 영역을 포함하여, 더 풍부하고 생생한 색상을 표현할 수 있습니다. 최근에는 고급 모니터와 TV에서도 DCI-P3 색 공간을 지원하여 더 뛰어난 색 재현성을 제공합니다. DCI-P3 색 공간 정의 DCI-P3는 디지털 영화 프로젝트를 위해 만들어진 색 ...

DSLR / 캐논 / DPP 프로그램 다운로드 하는 방법

DSLR / 캐논 / DPP 프로그램 다운로드 하는 방법

캐논 DSLR 카메라를 구입하면 CD를 하나 받습니다. 각종 소프트웨어가 들어있는 CD로, 그 안에는 이미지 편집 프로그램인 Digital Photo Professional이 있습니다. 줄여서 DPP라고 많이 부릅니다. 사진을 JPG 형식으로 찍고 보정을 별로 하지 않는다면 DPP가 필요하지 않습니다. 하지만, RAW 형식으로 찍는다면 DPP로 편집하는 게 좋습니다. 캐논이 만든 전용 프로그램이고, 캐논 카메라 사용자라면 무료로 사용할 수 있습니다. 그런데 ...

당구 / 시스템

당구 / 시스템

당구 시스템을 정리한다. 당점, 보정 등은 개인차가 있으므로, 자신의 스타일에 맞게 조정한다. 하프 시스템(1/2 시스템) 수구 포인트의 절반인 1 쿠션 포인트를 향해 상단 무회전으로 치면 코너를 돌아 나온다. 예를 들어 60 포인트가 시작이라면, 그 절반인 30 포인트를 향해 친다. 회전 1 팁을 추가하면 5 포인트, 2 팁을 추가하면 10 포인트, 3 팁을 추가하면 15 ...

당구 / 시스템 / 50 시스템, 30 시스템, 15 시스템

당구 / 시스템 / 50 시스템, 30 시스템, 15 시스템

50 시스템 기본 50 포인트를 향해서 치면 반대편 같은 위치로 향한다. 정회전으로 치며, 회전양과 당점은 적절히 한다. 응용 앞으로 걸어 치기에 응용   30 시스템 1 기본 30 포인트를 향해서 치면 반대편 절반 위치로 향한다. 정회전으로 치며, 회전양과 당점은 적절히 한다. 응용   30 시스템 2 기본 장쿠션에서 30 포인트를 향해 치면 반대편 장쿠션의 같은 위치로 향한다. 응용   15 시스템 기본 15 포인트에서 10 포인트를 향해 치면 ...

미디어위키 / 메모

MediaWiki ShortURL Builder https://shorturls.redwerks.org/ Extension AutoSitemap https://www.mediawiki.org/wiki/Extension:AutoSitemap 사이트맵 만들어주는 확장기능 사이트맵 주소는 /sitemap.xml 확장기능 설치 후 글을 새로 작성하거나 기존 글을 수정해야 사이트맵이 생성된다. SimpleMathJax https://www.mediawiki.org/wiki/Extension:SimpleMathJax LaTeX 문법으로 수식 입력하게 해주는 확장기능 CSS 편집 모든 스킨에 적용되는 CSS 미디어위키:Common.css Vector 스킨에 적용되는 CSS 미디어위키:Vector.css MobileFrontend, Minerva Neue 설치하고 설정하기 미디어위키 공식 홈페이지를 PC로 접속하면 Vector 스킨으로, 모바일로 접속하면 Minerva Neue 스킨으로 보여준다. 그렇게 구현하기 위해서는 MobileFrontend 확장 ...