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

Emmet

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

Brackets에 Emmet 확장 기능 설치

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

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

테스트

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

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

참고

같은 카테고리의 다른 글

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

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

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

VisiPics / 중복 사진 정리 프로그램

VisiPics / 중복 사진 정리 프로그램

중복 사진 정리 프로그램 VisiPics 필름으로 사진을 찍을 때는 한 장 한 장 정성스럽게 찍었던 거 같습니다. 필름 한 통으로 찍을 수 있는 양이 정해져 있었고, 눈으로 볼 수 있게 현상하는 것도 돈이 들었으니까요. 하지만, 지금은 사진을 파일로 저정하고, 현상하지 않아도 PC 등에서 사진을 볼 수 있으므로, 사진을 많이 찍게 됩니다. 여러 ...

OBS Studio / 디스플레이 캡쳐 / 특정 영역 녹화하는 방법

OBS Studio / 디스플레이 캡쳐 / 특정 영역 녹화하는 방법

OBS Studio로 녹화할 때, 모니터 전체가 아닌 특정 영역만 녹화할 수 있다. 디스플레이 캡처를 추가하고, 필요한 부분만 남기고 자르면 된다. 를 추가한다. 를 클릭한다. 를 클릭한다. 적당히 이름을 정하고 를 클릭한다. 영역 지정 방법은 상대적과 절대적이 있는데, 에 체크 되어 있으면 상대적으로 지정한다. 아래와 같이 하면 상하좌우 300px을 자르고 남은 부분을 지정한다. 아래와 ...

Exchange Server / 설치 및 설정

가정 AD 도메인 : mf.ad 도메인 : manualfactory.net 서버 IP : 123.123.123.123 설치   DNS 레코드 추가 A / mail / 123.123.123.123 MX / @ / mail.manualfactory.net CNAME / autodiscover / mail.manualfactory.net IIS 설정   인증서 설치 Let's Encrypt WIN-ACME 사이트에서 소프트웨어를 다운로드하고 mail.manualfactory.net, autodiscover.manualfactory.net에 인증서를 설치한다. 설정 메일 흐름 - 허용 도메인   메일 흐름 - 송신 커넥터   서버 - 서버   서버 - 가상 디렉터리  

마이크로소프트 엣지 / 크로미움 기반 엣지 설치하는 방법

마이크로소프트 엣지 / 크로미움 기반 엣지 설치하는 방법

노트북을 포맷했습니다. 윈도우를 재설치한 후 제일 먼저 설치하는 프로그램은 크롬입니다. 윈도우 10에 포함되어 있는 엣지나 IE는 영 사용이 꺼려집니다. 뭔가 답답하거든요. 그래서 엣지를 열고 크롬을 검색했습니다. 그랬더니 이상한 게 하나 뜨네요. 새로운 Microsoft Edge를 다운로드하라고... 얼마 전에 엣지가 크로미움 기반으로 바뀐다는 기사를 보았고, 만약 바뀐다면 윈도우 업데이트를 통해 자동 변경될 줄 ...

PhotoScape X / 설치하는 방법

포토스케이스(PhotoScape)는 유용한 이미지 편집 보정 프로그램입니다. 많은 기능을 갖추고도 무료로 사용할 수 있어 인기가 많습니다. 개인적으로 사진 크기 일괄 변경과 콜라쥬 기능을 자주 사용합니다. 윈도우 10에 설치하여 사용할 수 있는 포토스케이는 두 가지가 있습니다. 하나는 포토스케이프 홈페이지에서 배포하는 것을 사용하는 것입니다. 다운로드하고 설치하고 사용하면 됩니다. 또 하나는 마이크로소프트 스토어에서 설치하는 것입니다. photoscape로 ...

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

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

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

PhotoScape X / 콜라주 만드는 방법

PhotoScape X / 콜라주 만드는 방법

위키백과에 따르면 콜라주란... 콜라주(collage)는 질이 다른 여러 가지 헝겊, 비닐, 타일, 나뭇조각, 종이, 상표 등을 붙여 화면을 구성하는 기법이다. 라고 해요. 그런데 보통 사진에서는 여러 사진을 모은 하나의 사진을 콜라주라고 합니다. 콜라주는 포토샵 같은 이미지 편집 프로그램으로 만들 수도 있지만, 손이 많이 가요. 그래서 콜라주를 만들어주는 프로그램을 찾게 되는데, 그 중 하나가 포토스케이프에요. 상단 메뉴에 콜라주라고 있어요. 거기서 드래그, 클릭하면 콜라주가 ...

OBS Studio / 윈도우 캡쳐 / 크롬 웹브라우저 검정으로 나오는 문제 해결하는 방법

OBS Studio / 윈도우 캡쳐 / 크롬 웹브라우저 검정으로 나오는 문제 해결하는 방법

윈도우 캡쳐 OBS Studio로 특정 윈도우를 선택하여 캡쳐할 수 있습니다. 방법은... 윈도우 캡쳐를 추가하고... 적당히 이름을 정한 후 을 클릭하고... 윈도우 목록에서 원하는 창을 선택하면 되는데... 크롬 웹브라우저가 검정으로 나온다면 크롬을 선택했을 때 검정으로 나오는 경우가 있습니다. 해결하는 방법은 크롬의 설정을 변경하는 것입니다. 크롬 설정을 열고... 을 클릭한 다음... 을 해제하면... 해결됩니다.

OBS Studio / 설치하는 방법

OBS Studio / 설치하는 방법

OBS Studio는 영상 녹화 또는 방송을 할 수 있게 해주는 오픈소스 프로그램입니다. 주요 영상 플랫폼을 지원하고, 고화질의 녹화가 가능합니다. OBS Studio를 설치하고 기본 설정하는 방법을 알아보겠습니다. 다운로드 https://obsproject.com/ko에서 다운로드합니다. 윈도우, 맥, 리눅스를 지원합니다. 자신의 환경에 맞는 걸 다운로드하세요. 여기서는 윈도우용을 다운로드하겠습니다. 설치 다운로드한 파일을 실행하면 설치가 시작됩니다. 를 클릭합니다. 라이선스에 동의하면 를 클릭합니다. 클릭하지 않으면 진행되지 ...