Brackets / Emmet 확장 기능 설치하는 방법
Emmet
- Emmet는 HTML과 CSS 코딩을 빠르게 할 수 있도록 도와주는 플러그인입니다. 많은 텍스트 에디터에서 Emmet을 지원하고 있고, Brackets도 확장 기능을 통해 사용할 수 있습니다.
- Emmet의 예전 이름은 Zen Coding입니다.
Brackets에 Emmet 확장 기능 설치
- [확장 기능 관리자]를 엽니다.
- Emmet로 검색한 후 설치합니다.
테스트
- HTML 형식의 문서를 새로 만듭니다.
- html>head+body를 입력하고 Tab 키를 누릅니다.
- 다음과 같이 바뀌면 제대로 설치된 것입니다.
참고
- Emmet 홈페이지 : https://emmet.io/
- Emmet Cheat Sheet : https://docs.emmet.io/cheat-sheet/
구글 크롬에는 알림 기능이 있습니다. 알림 받는 게 싫어서 왠만하면 차단을 하는데, 실수로 차단을 안 한 경우도 있습니다. 그럴 땐 수동으로 알림을 차단할 수 있습니다. PC의 크롬과 안드로이드의 크롬으로 나누어서 어떻게 차단하는지 알아보겠습니다. PC용 크롬 점 세 개 아이콘을 클릭하고, 설정을 엽니다. 밑으로 내려가서 고급을 클릭합니다. 콘텐츠 설정을 클릭합니다. 알림을 클릭합니다. 알림을 차단한 목록과 허용한 목록을 ...
버추얼박스 / 가상 머신 PXE 네트워크 부팅 하는 방법
버추얼박스 가상 머신에 OS 설치용 ISO를 탑재하고 부팅하면 설치 화면으로 진입한다. 이유는 DVD로 부팅하는 것이 우선 순위로 설정되어 있기 때문이다. 그런데 PXE를 이용한 네트워크 설치를 하고 싶다면 어떻게 할까? 방법 1 가상 머신의 설정을 열고 으로 들어간다. 부팅 순서에 플로피, 광 디스크, 하드 디스크, 네트워크가 있고, 네트워크는 활성화되어 있지 않다. 네트워크 앞에 있는 체크 박스에 ...
버추얼박스에서 호스트와 게스트 간 파일을 주고 받는 방법 중 가장 쉬운 것은 드래그 앤 드롭을 이용하는 것입니다. 그런데 단점이 있습니다. 게스트에서 수정한 파일을 호스트에서 사용하려면 또 옮겨야 하고, 호스트에서 수정한 파일을 게스트에서 사용하려면 또 옮겨야 합니다. 호스트와 게스트가 동시에 사용하면서 수정이 잦다면, 드래그 앤 드롭보다 공유 폴더를 이용하는 것이 더 ...
파일을 삭제하고 휴지통을 비우면 복구가 불가능하다고 하지만, 사실 그렇지 않다. 그 파일이 있던 곳에 다른 파일을 덮어쓰지 않았다면 복구가 가능하다. 그런 파일을 복구하기 위해서는 프로그램이 필요한데, Recuva는 삭제 파일을 복구해주는 무료 프로그램이다. 무료라는 것은 개인에 한해서이다. 기업이라면 비즈니스용 제품을 구입해야 한다. 다운로드는 여기서 할 수 있다. 설치를 마치고 실행하면 복구 마법사가 나온다. 수동 설정도 가능하지만, ...
Brackets / HTML, CSS 실시간 미리보기 사용하는 방법
Brackets의 장점 중의 하나는 실시간 미리보기입니다. HTML, CSS 등을 만들 때 유용합니다. 만약 실시간 미리보기가 안되는 상황이라면, 문서를 편집하고 저장하고 웹브라우저에서 새로 고침을 해야 하는데, Brackets의 실시간 미리보기를 이용하면 입력 또는 저장만 해도 바로 웹브라우저에 반영됩니다. 실시간 미리보기를 하려면 오른쪽에 있는 번개(?) 모양 아이콘을 클릭합니다. 실시간 미리보기를 처음 실행하는 거라면 다음과 같은 메시지가 ...
MariaDB는 MySQL의 포크(Fork)로서, 오픈 소스 관계형 데이터베이스 관리 시스템입니다. MySQL의 창시자인 마이클 위드니어스(Michael "Monty" Widenius)에 의해 개발되었으며, MySQL의 기능과 호환성을 유지하면서도 더 나은 성능과 확장성을 제공하기 위해 만들어졌습니다. MariaDB는 기업과 개발자들 사이에서 널리 사용되고 있으며, MySQL과 동일한 SQL 인터페이스를 제공합니다. 역사 MariaDB는 2009년에 시작되었습니다. 마이클 위드니어스는 오라클(Oracle)이 MySQL AB를 인수한 후, MySQL의 ...
엣지 / Internet Explorer 모드 사용하는 방법
Windows 11에는 인터넷 익스플로러(Internet Explorer)가 아예 없다. 오로지 마이크로소프트 엣지(Microsoft Edge)만 있다. 대부분의 사이트가 엣지에서 잘 돌아가기에 별 문제가 없지만, 아직도 IE로만 접속해야 하는 곳이 있다. 그런 곳에 엣지로 접속하면 모양이 이상하게 나오거나 기능이 작동하지 않는다. IE로 접속해야 하는데 IE가 없는 상황, 어떻게 하면 될까? Microsoft Edge의 Internet Explorer 모드 사용하면 ...
PhotoScape X / 여러 사진, 이미지 크기 일괄 변경하는 방법
포토스케이프 다운로드 포토스케이프는 이미지를 보정하고 편집하는 소프트웨어이다. 무료로 사용할 수 있는데, 기능이 상당히 많다. 포토스케이프는 여기에서 다운로드 할 수 있다. 만약 윈도우 10 이상 사용자라면 마이크로소프트 스토어에서 설치할 수 있다. 여러 사진, 이미지 크기 일괄 변경 여러 가지 기능이 있지만, 주로 사용하는 것은 여러 이미지의 크기를 한 번에 변경하는 것이다. 상단 메뉴에서 일괄 편집을 클릭한다. 크기를 변경할 ...
영상 캡처 마우스 우클릭 후 에서 캡처를 할 수 있다. 복사, 바로 캡처, 캡처가 있는데... 복사 : 클립보드에 복사한다. 이미지 편집 프로그램 등에서 붙여넣으면 된다. 바로 캡처 : 캡처한 이미지를 캡처 폴더에 바로 저장한다. 캡처 : 저장할 위치와 파일 이름을 정할 수 있다. 캡처 폴더는 에서 정할 수 있다. 원본 크기와 ...
PDF는 현대 디지털 문서의 표준으로 자리 잡은 형식입니다. Adobe Systems에 의해 1993년에 처음 도입된 이후, PDF는 그 기능성과 호환성 덕분에 다양한 분야에서 광범위하게 사용되고 있습니다. 이 블로그 포스팅에서는 PDF의 정의, 역사, 주요 특징, 장단점, 사용 사례, 그리고 PDF 파일을 다루는 다양한 도구와 방법에 대해 상세히 살펴보겠습니다. PDF의 정의와 역사 PDF는 "Portable Document ...