Brackets / HTML, CSS 실시간 미리보기 사용하는 방법

Brackets의 장점 중의 하나는 실시간 미리보기입니다. HTML, CSS 등을 만들 때 유용합니다. 만약 실시간 미리보기가 안되는 상황이라면, 문서를 편집하고 저장하고 웹브라우저에서 새로 고침을 해야 하는데, Brackets의 실시간 미리보기를 이용하면 입력 또는 저장만 해도 바로 웹브라우저에 반영됩니다.

실시간 미리보기를 하려면 오른쪽에 있는 번개(?) 모양 아이콘을 클릭합니다.

실시간 미리보기를 처음 실행하는 거라면 다음과 같은 메시지가 나옵니다.(다음 실행할 때는 나오지 않습니다.)

[확인]을 클릭하면...

현재 문서가 웹브라우저에서 열립니다.

이제 문서를 수정하거나 수정 후 저장하면 웹브라우저에 바로 반영됩니다. 웹브라우저를 새로 고침할 필요가 없습니다.

실시간 미리보기를 그만하려면 번개 모양 아이콘을 다시 한 번 클릭하면 됩니다.

같은 카테고리의 다른 글
WinSCP / 사용법 - 설치, 접속, 다운로드, 업로드

WinSCP / 사용법 - 설치, 접속, 다운로드, 업로드

WinSCP는 윈도우에서 사용할 수 있는 FTP 클라이언트 프로그램입니다. FTP, FTPS, SCP, SFTP 등 여러 프로토콜을 지원하는 무료 소프트웨어입니다. WinSCP is a popular SFTP client and FTP client for Microsoft Windows! Copy file between a local computer and remote servers using FTP, FTPS, SCP, SFTP, WebDAV or S3 file transfer protocols. 다운로드 다운로드는 여기에서 ...

위키(Wiki) / 위키 만드는 소프트웨어 / 종류

위키를 만드는 소프트웨어는 다양한 기능과 용도에 맞춰 여러 종류가 있습니다. 아래는 가장 널리 사용되는 위키 소프트웨어와 그 특징을 설명드리겠습니다. 미디어위키 (MediaWiki) 미디어위키는 위키백과에서 사용하는 오픈 소스 위키 소프트웨어입니다. 매우 강력하고 유연하며, 큰 규모의 위키 사이트를 운영하는 데 적합합니다. 특징 다양한 확장 기능과 템플릿을 지원. 대규모 커뮤니티와 활발한 개발. PHP 기반으로, MySQL 및 MariaDB 데이터베이스를 사용. 사용자 관리 ...

워드 프로세서 - 뜻, 주요 기능, 소프트웨어

워드 프로세서의 정의와 역사 워드 프로세서(word processor)는 텍스트 문서를 작성, 편집, 형식화하고 출력할 수 있는 소프트웨어 응용 프로그램입니다. 워드 프로세서는 글쓰기와 문서 작성 작업을 단순화하고 효율적으로 만들기 위해 다양한 기능을 제공합니다. 워드 프로세서의 개념은 1960년대에 전자 타자기의 발전과 함께 등장했습니다. 초기 워드 프로세서 프로그램 중 하나인 IBM의 "타입라이터"는 1970년대에 출시되었고, 이후 ...

PhotoScape X / 콜라주 만드는 방법

PhotoScape X / 콜라주 만드는 방법

위키백과에 따르면 콜라주란... 콜라주(collage)는 질이 다른 여러 가지 헝겊, 비닐, 타일, 나뭇조각, 종이, 상표 등을 붙여 화면을 구성하는 기법이다. 라고 해요. 그런데 보통 사진에서는 여러 사진을 모은 하나의 사진을 콜라주라고 합니다. 콜라주는 포토샵 같은 이미지 편집 프로그램으로 만들 수도 있지만, 손이 많이 가요. 그래서 콜라주를 만들어주는 프로그램을 찾게 되는데, 그 중 하나가 포토스케이프에요. 상단 메뉴에 콜라주라고 있어요. 거기서 드래그, 클릭하면 콜라주가 ...

PhotoScape X / 여러 사진, 이미지 크기 일괄 변경하는 방법

PhotoScape X / 여러 사진, 이미지 크기 일괄 변경하는 방법

포토스케이프 다운로드 포토스케이프는 이미지를 보정하고 편집하는 소프트웨어이다. 무료로 사용할 수 있는데, 기능이 상당히 많다. 포토스케이프는 여기에서 다운로드 할 수 있다. 만약 윈도우 10 이상 사용자라면 마이크로소프트 스토어에서 설치할 수 있다. 여러 사진, 이미지 크기 일괄 변경 여러 가지 기능이 있지만, 주로 사용하는 것은 여러 이미지의 크기를 한 번에 변경하는 것이다. 상단 메뉴에서 일괄 편집을 클릭한다. 크기를 변경할 ...

FreeCommander / 파일 관리 프로그램 / 소개 및 사용법

FreeCommander / 파일 관리 프로그램 / 소개 및 사용법

FreeCommander는 윈도우에서 사용할 수 있는 무료 파일 매니저입니다. 듀얼 패널을 지원하며, 대부분의 작업을 키보드로 할 수 있고, 대량의 파일을 관리할 때 편리합니다. 압축(풀기), 일괄 이름 변경, 싱크(동기화), FTP 등 유용한 툴도 포함하고 있습니다.

PhotoScape X / 여러 이미지에 워터마크 한 번에 넣는 방법

PhotoScape X / 여러 이미지에 워터마크 한 번에 넣는 방법

캡처는 보통 픽픽으로 하고, 픽픽에 있는 워터마크 넣는 기능을 이용하여 워터마크를 넣는다. 그런데, 불편한 것은 하나씩 해야 한다는 것. 많이 이미지에 워터마크를 넣을 때 손이 많이 간다. 편한 방법을 찾아보다가 PhotoScape X에서 가능하다는 걸 발견했다. 일괄 편집을 이용하면 많은 이미지에 한 번에 워터마크를 넣을 수 있다. PhotoScape X는 Microsoft Store에서 다운로드 받을 ...

Brackets / HTML, CSS 실시간 미리보기 사용하는 방법

Brackets / HTML, CSS 실시간 미리보기 사용하는 방법

Brackets의 장점 중의 하나는 실시간 미리보기입니다. HTML, CSS 등을 만들 때 유용합니다. 만약 실시간 미리보기가 안되는 상황이라면, 문서를 편집하고 저장하고 웹브라우저에서 새로 고침을 해야 하는데, Brackets의 실시간 미리보기를 이용하면 입력 또는 저장만 해도 바로 웹브라우저에 반영됩니다. 실시간 미리보기를 하려면 오른쪽에 있는 번개(?) 모양 아이콘을 클릭합니다. 실시간 미리보기를 처음 실행하는 거라면 다음과 같은 메시지가 ...

오픈 소스 / 리브레오피스(LibreOffice)

오픈 소스 / 리브레오피스(LibreOffice)

리브레오피스(LibreOffice)는 The Document Foundation에서 개발 및 관리하는 오픈 소스 오피스 스위트입니다. 2010년에 오픈오피스(OpenOffice.org) 프로젝트에서 포크(Fork)되어 독립적으로 발전해왔으며, 다양한 운영 체제에서 사용할 수 있습니다. 리브레오피스는 다양한 문서 작성, 편집 및 관리를 위한 도구들을 포함하고 있습니다. 주요 구성 요소 리브레오피스는 다음과 같은 주요 구성 요소로 이루어져 있습니다: Writer 기능 : 워드 프로세서로, 마이크로소프트 워드와 유사한 기능을 ...

엣지 / 암호 저장 설정하는 방법

엣지 / 암호 저장 설정하는 방법

마이크로소프트 엣지에는 암호 저장 기능이 있다. 상황에 따라 유용할 수도 있고 위험할 수도 있다. 암호 저장 기능의 사용 여부를 설정하는 방법은 다음과 같다. 오른쪽 위의 점 세 개 아이콘을 클릭하고 을 클릭한다. 를 클릭한다. 빨간 박스 부분에서 암호 저장 기능 사용 여부를 정할 수 있다. 기존에 저장된 암호 목록에서는 수정, 삭제 등을 할 ...