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

Emmet

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

Brackets에 Emmet 확장 기능 설치

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

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

테스트

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

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

참고

같은 카테고리의 다른 글

리눅스 / 명령어 / alias / 명령어 별칭 만들기

긴 명령어 또는 복잡한 명령어를 자주 사용한다면 alias를 사용하자. 시간을 많이 절약할 수 있다. alias 목록 보기 alias를 실행하면 현재 등록된 alias를 출력한다. alias 예를 들어 ll을 실행한다는 것은 ls -alF를 실행하는 것과 같다. alias egrep='egrep --color=auto' alias fgrep='fgrep --color=auto' alias grep='grep --color=auto' alias l='ls -CF' alias la='ls -A' alias ll='ls -alF' alias ls='ls --color=auto' alias 만들기 alias는 다음과 같이 만든다. abc를 실행하는 ...

PDF - 정의, 특징, 장단점

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

국세청 홈택스 / 매입 전자세금계산서 조회하고 인쇄하는 방법

국세청 홈택스 / 매입 전자세금계산서 조회하고 인쇄하는 방법

전자세금계산서 기업 간 거래를 할 때 주로 세금계산서를 증빙으로 주고받습니다. 예전엔 종이로 된 세금계산서를 사용했는데, 요즘엔 거의 다 전자세금계산서로 처리합니다. 전자세금계산서를 받게 되면, 보통 발급한 쪽에서 메일로 그 사실을 알려주고 열람이나 출력 가능한 링크를 보내줍니다. 그런데, 그 링크를 통해서만 열람 등이 가능한 것은 아닙니다. 전자세금계산서는 국세청 홈택스에서도 볼 수 있습니다. 거래처별로 확인하는 것 ...

아이피타임(ipTIME) 공유기 / Easy Mesh 구성하는 방법

아이피타임(ipTIME) 공유기 / Easy Mesh 구성하는 방법

ipTIME의 Easy Mesh는 여러 개의 공유기를 묶어서 하나의 무선 네트워크를 만드는 기능이다. 구형 제품도 펌웨어 업그레이드로 구성 가능하다고 한다. 이지메시(EasyMesh) 기술은 무선 네트워크 장치(AP 또는 공유기)를 그물망(Mesh)처럼 연결하여 통합 무선 네트워크를 구축하는 기술로 일반적으로 중앙 제어를 위한 컨트롤러 공유기와 여기에 여러 개의 에이전트 공유기를 연결하여 구성된다. ipTIME의 이지메시(EasyMesh)는 특정모델에서만 지원하는 타사 메시(Mesh) ...

리눅스 / 명령어 / cat / 파일 내용 출력하는 명령어

리눅스의 cat(concatenate의 약자) 명령어는 파일의 내용을 화면에 출력하거나 파일을 결합하는 데 사용됩니다. cat 명령어는 주로 텍스트 파일을 다룰 때 유용하며, 여러 개의 파일을 한 번에 읽거나 결합할 수 있습니다. 다음과 같은 두 개의 파일이 있다고 할 때 file1 1-1 1-2 1-3 file2 2-1 2-2 2-3 cat filename cat 뒤에 파일 이름을 넣으면 파일 안의 내용을 보여줍니다. # cat file1 1-1 1-2 1-3 파일 이름을 연달아 넣으면 ...

엣지 / Internet Explorer 모드 사용하는 방법

엣지 / Internet Explorer 모드 사용하는 방법

Windows 11에는 인터넷 익스플로러(Internet Explorer)가 아예 없다. 오로지 마이크로소프트 엣지(Microsoft Edge)만 있다. 대부분의 사이트가 엣지에서 잘 돌아가기에 별 문제가 없지만, 아직도 IE로만 접속해야 하는 곳이 있다. 그런 곳에 엣지로 접속하면 모양이 이상하게 나오거나 기능이 작동하지 않는다. IE로 접속해야 하는데 IE가 없는 상황, 어떻게 하면 될까? Microsoft Edge의 Internet Explorer 모드 사용하면 ...

Wireshark / 사용법

Wireshark / 사용법

Wireshark는 패킷 분석 프로그램이다. 오픈 소스로 자유롭게 사용할 수 있다. The non-profit Wireshark Foundation supports the development of Wireshark, a free, open-source tool used by millions around the world. Wireshark is distributed under the GNU GPLv2. There are no restrictions on its use. There are restrictions on its distribution in source or ...

Ubuntu 18.04 Server / Apache / 사용자 인증 만드는 방법

Ubuntu 18.04 Server / Apache / 사용자 인증 만드는 방법

웹사이트의 콘텐츠를 특정 사용자만 볼 수 있게 하는 방법은 여러 가지가 있습니다. 만약 웹서버에 대한 충분한 권한이 있다면, Apache를 이용하여 구현할 수 있습니다. 비밀번호 파일 만들기 비밀번호 파일은 htpasswd 명령어로 만듭니다. /home/auth/ 디렉토리에 passwords라는 이름의 파일을 만들고, 사용자 user1의 비밀번호를 정하고 싶다면 다음과 같이 명령합니다. # htpasswd -c /home/auth/passwords user1 .htaccess 파일 만들기 웹사이트의 루트 ...

LaTeX / 윈도우에 TeX Live 설치하는 방법

LaTeX / 윈도우에 TeX Live 설치하는 방법

TeX Live를 윈도우에 설치하고, 제대로 설치되었는지 확인하는 방법입니다. TeX Live 설치 TeX Live 사이트에서 여러 버전의 설치 파일을 구할 수 있습니다. 윈도우에 설치하기 위한 파일이 필요하다면 download를 클릭합니다. install-tl.zip을 클릭하여 다운로드하고, 압축을 풉니다. install-tl-windows를 실행합니다. 다음과 같은 화면이 잠시 나왔다가 사라지는데, 미러 사이트가 국내에 있는 것인지 확인합니다. 국내에 위치한 미러가 아니라면 를 클릭하여 미러를 ...

모니터 / 패널 / VA 패널

VA(Vertical Alignment) 패널은 액정 디스플레이(LCD) 기술 중 하나로, 주로 높은 명암비와 우수한 색 재현성을 제공하는 것이 특징입니다. VA 패널은 TN(Twisted Nematic) 패널과 IPS(In-Plane Switching) 패널의 중간 정도 성능을 가지며, 다양한 용도로 많이 사용되고 있습니다. VA 패널의 특징 높은 명암비 VA 패널의 가장 큰 장점 중 하나는 높은 명암비입니다. 일반적으로 3000:1 이상의 명암비를 제공하여, ...