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

Emmet

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

Brackets에 Emmet 확장 기능 설치

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

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

테스트

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

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

참고

같은 카테고리의 다른 글

AMD 라이젠 CPU에서 안드로이드 스튜디오 에뮬레이터 실행하는 방법

AMD 라이젠 CPU에서 안드로이드 스튜디오 에뮬레이터 실행하는 방법

인텔 CPU를 장착한 컴퓨터에서는 별다른 설정 없이도 안드로이드 스튜디오의 에뮬레이터가 잘 작동합니다. 컴퓨터 사양이 좋지 않으면 무척 느리기는 하지만, 작동은 합니다. 하지만 AMD CPU를 장착한 컴퓨터에서는 에뮬레이터 실행이 되지 않고 에러를 내는 경우가 있습니다. 몇 가지 설정을 해야 에뮬레이터가 실행됩니다. 다음은 라이젠 CPU를 사용할 때 에뮬레이터가 작동하도록 설정하는 방법입니다. BIOS 설정을 ...

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

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

Emmet Emmet는 HTML과 CSS 코딩을 빠르게 할 수 있도록 도와주는 플러그인입니다. 많은 텍스트 에디터에서 Emmet을 지원하고 있고, Brackets도 확장 기능을 통해 사용할 수 있습니다. Emmet의 예전 이름은 Zen Coding입니다. Brackets에 Emmet 확장 기능 설치 를 엽니다. Emmet로 검색한 후 설치합니다. 테스트 HTML 형식의 문서를 새로 만듭니다. html>head+body를 입력하고 Tab 키를 누릅니다. 다음과 같이 바뀌면 제대로 설치된 것입니다. 참고 Emmet ...

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

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

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

에디트플러스 / FTP, SFTP로 원격 서버 접속하는 방법

에디트플러스 / FTP, SFTP로 원격 서버 접속하는 방법

서버에 있는 파일을 수정할 때, 서버에서 다운로드하고 수정하고 업로드하면 무척 번거롭습니다. 그래서 텍스트 에디터 중에는 FTP 또는 SFTP로 서버에 접속해서 서버의 파일을 바로 편집할 수 있는 기능 갖춘 것들이 있습니다. 예를 들어 Visual Studio Code나 Brackets는 확장 기능으로 구현할 수 있고, 드림위버 같은 웹 프로그래밍 제품은 기본적으로 포함하고 있습니다. 여러 가지 프로그램으로 ...

OBS Studio

OBS Studio

OBS Studio 영상 녹화와 실시간 방송을 할 수 있는 무료 및 공개 소프트웨어. 홈페이지 : https://obsproject.com 한국어 홈페이지 : https://obsproject.com/ko Windows, MAC, Linux를 지원한다. 설치 Windows OS에서의 설치 방법 컴퓨터 화면 녹화 방법 컴퓨터 화면은 디스플레이 캡쳐로 녹화한다. 어도비 프리미어 프로에서 편집할 것이라면 고정 비트레이트로 설정하는 것이 좋다. Tip NVIDIA 그래픽 카드를 사용하면 디스플레이 캡쳐에 문제가 생길 수 있다. NVIDIA 제어판에서 ...

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

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

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

PointerFocus / 마우스 포인터 강조 프로그램

PointerFocus / 마우스 포인터 강조 프로그램

PointerFocus 컴퓨터 화면을 이용해서 강의를 하거나 컴퓨터 화면을 녹화할 때, 마우스 포인터가 잘 보이지 않아서 불편할 수 있습니다. 또한 4K 모니터를 사용하면 마우스 포인터가 아주 작게 보여서 찾기 힘들 때도 있구요. 이때 유용한 프로그램이 PointerFocus입니다. PointerFocus는 마우스 포인터에 도형을 입혀서 눈에 잘 띄게 하고, 클릭했을 때 애니메이션 효과를 주어 클릭했음을 알 ...

WinSCP / 다운로드하고 설치하는 방법

WinSCP / 다운로드하고 설치하는 방법

WinSCP는 윈도우에서 사용할 수 있는 FTP 클라이언트 프로그램입니다. 누구나 사용할 수 있는 Free Software입니다. WinSCP는 Windows용 그래픽 유저 인터페이스 SFTP 및 FTP 클라이언트 프로그램이고 오픈소스 프리웨어입니다. 레거시 SCP 프로토콜 역시 지원합니다. 이 프로그램을 사용하여 로컬 컴퓨터와 원격 컴퓨터 간에 안전하게 파일을 복사할 수 있습니다. WinSCP를 다운로드하고 설치하는 방법을 알아보겠습니다. 다운로드 다운로드는 여기에서 합니다. [DOWNLOAD ...

와콤 태블릿 드라이버 설치하는 방법

와콤 태블릿 드라이버 설치하는 방법

와콤 태블릿이 있습니다. 그림 그리면서 놀려고 몇 년 전에 구입한 건데, 거의 사용하지 않았습니다. 컴퓨터에 연결되어 있지도 않습니다. 하지만 계속 놀릴 수는 없죠. 다시 연결하고 사용하기로 마음 먹었습니다. 그랬더니 드라이버 설치 CD가 없어졌네요. 그렇다고 사용할 수 없는 것은 아닙니다. 제조사 홈페이지에서 최신 드라이버를 다운로드 받을 수 있습니다. '와콤 태블릿 드라이버'로 검색을 했습니다. ...

OBS Studio / 윈도우 캡쳐 / 녹화 영역 윈도우에 맞추는 방법

OBS Studio / 윈도우 캡쳐 / 녹화 영역 윈도우에 맞추는 방법

OBS Studio의 윈도우 캡쳐를 이용하면, 특정 창만 선택하여 캡쳐를 할 수 있습니다. 그런데, 화면에 꽉 차지 않은 창을 선택하면 아래처럼 나머지 부분이 검정으로 나옵니다. 그 부분에 다른 화면이나 창을 넣을 수 있는데, 만약 선택한 창만 녹화를 한다면 검정 부분까지 녹화가 됩니다. 검정 부분을 없애고, 선택한 윈도우만 녹화하고 싶다면, 마우스 우클릭하여 [출력 ...