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

Emmet

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

Brackets에 Emmet 확장 기능 설치

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

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

테스트

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

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

참고

같은 카테고리의 다른 글
CD/DVD 굽는 무료 프로그램 두가지

CD/DVD 굽는 무료 프로그램 두가지

CD나 DVD를 구울 일은 아주 가끔 있습니다. 그 가끔을 위해 CD/DVD 굽는 프로그램을 구입하는 건 좀 아깝죠. 다행히 무료로 사용할 수 있는 프로그램이 몇가지 있습니다. 대표적인 두가지를 소개해드립니다. CDBurnerXP 무료 프로그램입니다. 주요 특징은 다음과 같습니다. burn all kinds of discs audio-CDs with or without gaps between tracks burn and create ISO files data verification after burning process create bootable ...

OBS Studio / 프리미어 프로 편집을 위한 녹화 설정

OBS Studio / 프리미어 프로 편집을 위한 녹화 설정

OBS 스튜디오로 방송도 가능하고 녹화도 가능합니다. 녹화를 하는 경우 편집을 하게 되는데, 녹화 영상에 따라 편집이 수월할 수도 있고 곤란할 수도 있습니다. 만약 어도비 프리미어 프로로 편집을 할 거라면, 설정을 다음과 같이 하세요. 기본 설정인 FLV 형식으로 녹화하면 프리미어 프로에서 영상을 불러올 때부터 난관에 부딪히게 됩니다. 을 클릭합니다. 왼쪽에서 을 클릭합니다. 출력 방식이 ...

인텔 10세대 또는 11세대 노트북에 윈도우 설치할 때 드라이브가 없는 문제 해결하는 방법

인텔 10세대 또는 11세대 노트북에 윈도우 설치할 때 드라이브가 없는 문제 해결하는 방법

인텔 11세대 CPU를 탑재한 노트북을 샀다. HP 빅터스 계열로, 가성비 좋은 게이밍 노트북이다. 프리 도스 제품을 샀기에 제일 먼저 한 것은 윈도우를 설치하는 것. 설치용 USB를 만들고, 바이오스에서 부팅 순서 변경하고, 설치를 시작했는데... 윈도우를 설치할 저장소(드라이브)가 없다고 나온다. 꽤 많은 컴퓨터를 만져보고 수없이 윈도우를 설치했는데, 이런 적은 처음이다. 그 중에는 다른 ...

NVMe / 특징, 종류, 장점, 단점

NVMe / 특징, 종류, 장점, 단점

NVMe(Non-Volatile Memory Express)는 SSD(Solid State Drive)와 같은 비휘발성 메모리 저장장치와 컴퓨터 시스템 간의 데이터 전송을 위한 새로운 인터페이스 표준입니다. NVMe는 고성능 저장 장치로, 특히 데이터 전송 속도가 중요한 고성능 컴퓨팅 환경에서 매우 유용합니다. NVMe의 주요 특징 고속 인터페이스 : NVMe는 PCIe 버스를 통해 작동하며, SATA보다 훨씬 빠른 데이터 전송 속도를 제공합니다. 병렬 처리 ...

당구 / 메모

당구 / 메모

임계각 파란색을 따라 치면 회전을 더 주든 덜 주든 3쿠션 지점이 비슷하다. ①번처럼 파란색보다 큰 각인 경우 회전을 많이 줄수록 3쿠션 지점이 길어진다. ②번처럼 파란색보다 작은 각인 경우 회전을 덜 줄수록 3쿠션 지점이 길어진다.  

픽픽 / 컴퓨터 화면을 동영상으로 녹화하는 방법

픽픽 / 컴퓨터 화면을 동영상으로 녹화하는 방법

픽픽은 컴퓨터 화면 캡처 프로그램이다. 그런데, 최근에 업데이트되면서 화면 녹화 기능이 추가되었다. 화면 녹화를 위해서 별도의 프로그램을 사용했어야 했는데, 이제는 픽픽에서 다 해결할 수 있다. 를 클릭하면 녹화 모드로 들어간다. 를 클릭하면 녹화가 시작되고, 다시 클릭하면 녹화가 중지된다. 녹화 방식에는 영역 지정 녹화와 전체 화면 녹화가 있다. 영역 지정 녹화는 사각형 ...

배틀그라운드 / 스팀, 다음 게임, 모바일 나이 제한

배틀그라운드 / 스팀, 다음 게임, 모바일 나이 제한

배틀그라운드는 스팀이나 다음 게임에서 구입할 수 있고, 안드로이드나 iOS의 모바일용 배틀 그라운드를 즐길 수도 있습니다. 모바일용은 무료입니다. 종류별로 나이 제한이 다릅니다. 스팀 스팀에서 배틀 그라운드를 구입할 수 있는 나이는 18세 이상입니다. 18세 미만이라면 구입을 할 수 없습니다. 다음 게임 다음 게임도 스팀과 같이 18세 이상이었는데, 2018년 1월 25일부터 15세 이상도 가능하게 되었습니다. 대신 부모님의 ...

아이디어패드 게이밍 3 15ACH R5 3050Ti 구입 후기

아이디어패드 게이밍 3 15ACH R5 3050Ti 구입 후기

PC도 마찬가지지만, 노트북을 구입할 때 그것으로 무엇을 할 것인지 명확히 하는 것이 좋다. 그래야 적합한 제품을 고를 수 있으니까. PC는 최소 사양으로 맞춘 후 업그레이드가 가능하지만, 노트북은 메모리 추가나 저장공간 추가 정도 밖에 할 수 없으므로 더욱 신중하게 골라야 한다. 노트북은 일단 사무용으로 사용할 것인지 게임용으로 사용할 것인지를 정해야 한다. 게임용은 ...

스프레드시트 - 뜻, 주요 기능, 소프트웨어

스프레드시트의 정의와 역사 스프레드시트(spreadsheet)는 행과 열의 격자로 이루어진 데이터를 관리하고 분석하는 소프트웨어 도구입니다. 각 셀은 숫자, 텍스트 또는 수식을 포함할 수 있으며, 이러한 셀을 사용하여 복잡한 계산을 수행하고 데이터를 시각적으로 표현할 수 있습니다. 스프레드시트의 개념은 1970년대 후반에 전자 계산기의 기능을 확장하기 위해 처음 도입되었습니다. 가장 유명한 초기 스프레드시트 프로그램 중 하나는 ...

PuTTY / 다운로드 및 설치

PuTTY / 다운로드 및 설치

윈도우에 PuTTY를 다운로드하고 설치하는 방법은 두 가지가 있습니다. 하나는 Microsoft Store에서 다운로드 하는 것이고, 다른 하나는 PuTTY 홈페이지에서 다운로드 하는 것입니다. Microsoft Store에서는 putty로 검색한 후 설치를 하면 됩니다.(이 링크를 따라가도 됩니다.) PuTTY를 다운로드할 수 있는 사이트 주소는 아래와 같습니다. https://www.chiark.greenend.org.uk/~sgtatham/putty/latest.html   MSI 파일을 다운로드하여 설치하면 됩니다. Microsoft Store에서 또는 PuTTY 홈페이지의 MSI로 설치하면 아래처럼 PuTTY, ...