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

Emmet

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

Brackets에 Emmet 확장 기능 설치

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

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

테스트

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

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

참고

같은 카테고리의 다른 글
원노트 / 메뉴에서 할 일 태그 위치 변경

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

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

JPG vs PNG - 이미지 파일 형식의 비교

이미지 파일 형식은 디지털 사진과 그래픽 작업에서 매우 중요한 역할을 합니다. 가장 널리 사용되는 이미지 파일 형식 중 두 가지는 JPG(JPEG)와 PNG입니다. JPG와 PNG의 주요 특징, 장단점, 사용 사례 등을 알아보겠습니다. JPG (Joint Photographic Experts Group) 정의와 역사 JPG는 Joint Photographic Experts Group에서 개발한 손실 압축 이미지 파일 형식입니다. 1992년에 처음 도입된 이래로, ...

오픈 소스 / MariaDB

MariaDB는 MySQL의 포크(Fork)로서, 오픈 소스 관계형 데이터베이스 관리 시스템입니다. MySQL의 창시자인 마이클 위드니어스(Michael "Monty" Widenius)에 의해 개발되었으며, MySQL의 기능과 호환성을 유지하면서도 더 나은 성능과 확장성을 제공하기 위해 만들어졌습니다. MariaDB는 기업과 개발자들 사이에서 널리 사용되고 있으며, MySQL과 동일한 SQL 인터페이스를 제공합니다. 역사 MariaDB는 2009년에 시작되었습니다. 마이클 위드니어스는 오라클(Oracle)이 MySQL AB를 인수한 후, MySQL의 ...

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

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

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

Notepad++ / 플러그인 매니저, NppFTP 설치하기

Notepad++ / 플러그인 매니저, NppFTP 설치하기

Notepad++ 텍스트 에디터를 선택할 때 중요하게 생각하는 게 FTP, SFTP 접속 기능입니다. 원격 작업을 많이 하기 때문입니다. FTP 접속을 지원하는 대표적인 무료 텍스트 에디터는 Notepad++입니다. NppFTP라는 플러그인을 설치하면 서버에 있는 파일을 바로 열어서 편집할 수 있습니다. 플러그인 매니저로 NppFTP를 설치하고, 서버에 접속하는 방법을 알아보겠습니다. PluginManager PluginManager는 플러그인을 쉽게 설치하고 업그레이드하게 해주는 플러그인입니다. GitHub에서 ...

버추얼박스 / USB 2.0과 USB 3.0을 사용하는 방법

버추얼박스 / USB 2.0과 USB 3.0을 사용하는 방법

버추얼박스에 만든 가상 머신에 USB를 인식시킬 수 있습니다. 그런데, 지원되는 버전이 1.0입니다. 만약 USB 2.0 또는 USB 3.0을 사용하려면 확장팩을 설치해야 합니다. 버추얼박스 다운로드 페이지에서 Extension Pack을 다운로드하고 실행합니다. 를 클릭합니다. 라이선스의 끝까지 스크롤 한 후 를 클릭합니다. 잠시 기다리면 설치가 완료되고, USB 2.0과 USB 3.0을 사용할 수 있게 됩니다.

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

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

크롬 웹브라우저의 주소 표시줄에 검색어를 입력하고 엔터키를 누르면 지정된 검색 엔진으로 검색하고 결과를 보여준다. 크롬의 기본 검색 엔진은 당연히 구글이다. 만약 주소 표시줄 검색 엔진을 변경하고 싶다면... 오른쪽 위의 점 세 개 아이콘을 클릭한다. 을 클릭한다. 왼쪽 메뉴에서 을 클릭한다. 주소 표시줄에서 사용되는 검색 엔진을 원하는 것으로 선택한다.

크롬 / 홈 버튼 설정 및 활용 방법

크롬 / 홈 버튼 설정 및 활용 방법

크롬(Chrome) 브라우저의 홈 버튼(Home button)은 사용자가 설정한 홈 페이지로 빠르게 이동할 수 있게 해주는 기능입니다. 기본적으로 크롬 브라우저에는 홈 버튼이 표시되지 않지만, 설정을 통해 활성화할 수 있습니다. 홈 버튼을 설정하고 사용하는 방법은 다음과 같습니다. 홈 버튼 활성화 방법 크롬 설정 페이지 열기 크롬 브라우저를 열고 오른쪽 상단의 세 개의 점(메뉴 버튼)을 클릭합니다. 을 선택합니다. 홈 ...

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

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

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

Brackets / 언어 변경하는 방법

Brackets / 언어 변경하는 방법

Brackets는 다국어를 지원합니다. 원하는 언어로 사용할 수 있습니다. 언어 변경은 다음 순서로 합니다. 상단 메뉴에서 디버그(Debug)를 클릭하고 언어 변경(Switch Language)을 클릭합니다. 언어를 선택하고 Brackets 재시작(Reload Brackets)를 클릭합니다. 브라켓이 재시작 되면서 언어가 변경됩니다.