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

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

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

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

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

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

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

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

같은 카테고리의 다른 글

OBS Studio / 컴퓨터 화면 녹화하는 방법

OBS Studio / 컴퓨터 화면 녹화하는 방법

OBS Studio로 컴퓨터 화면을 녹화해보겠습니다. 이를 OBS Studio에서는 디스플레이 캡쳐라고 합니다. + 버튼을 클릭하고 를 클릭합니다. 이름을 적당히 정한 후 을 클릭합니다. 미리보기가 나옵니다. 만약 NVIDIA 그래픽카드를 사용하면서 화면이 검정색으로 나온다면 여기의 안내를 따라 해결하세요. 을 클릭합니다. 이제 을 누르면 해당 화면이 녹화됩니다. 을 클릭하면 녹화를 마칩니다. 기본 저장 폴더는 동영상(Videos)입니다. 녹화 관련 설정을 변경하고 ...

마인크래프트 녹화 / OBS Studio, Xbox Game Bar, GeForce Experience 비교

마인크래프트 녹화 / OBS Studio, Xbox Game Bar, GeForce Experience 비교

게임을 녹화하는 방법은 여러 가지가 있습니다. 그 중 많이 쓰이는 것은 OBS Studio, Xbox Game Bar, GeForce Experience입니다. 그런데, 녹화 결과가 같지는 않습니다. 세 가지 방식으로 마인크래프트를 녹화해보았습니다. 녹화를 한 컴퓨터는 노트북이고, 주요 사양은 인텔 i5 8세대, RAM 24GB, SSD, GeForce GTX 1050입니다. 결과는 다음과 같은데… 컴퓨터 사양 또는 환경에 따라 결과는 다를 ...

당구 / 당구대 크기, 당구대 도면

당구 / 당구대 크기, 당구대 도면

당구대 크기 당구대는 정사각형 두 개를 연달아 붙여놓은 것입니다. 그래서 가로 세로 비율은 크기와 상관 없이 2:1입니다. 당구대는 국제식 대대, 국제식 중대, 국내식 중대로 구분되는데 각각의 크기는 다음과 같습니다.(단위는 mm) 국제식 대대 : 2844×1422 국제식 중대 : 2540×1270 국내식 중대 : 2448×1224 대한당구연맹의 경기 규칙서에는 다음과 같이 규정되어 있습니다. 캐롬 당구대는 구멍이 없는 직사각형의 평평한 테이블이며, 내경은 ...

PuTTy / 백업하는 방법, 복원하는 방법

PuTTy / 백업하는 방법, 복원하는 방법

PuTTy는 널리 사용되는 무료 SSH 클라이언트 프로그램입니다. 많은 기능을 포함하고 있어 사용에 문제는 없는데, 한 가지 아쉬운 점은 설정을 백업, 복원하는 기능이 없다는 것입니다. 하지만, 다른 방법으로 백업과 복원이 가능합니다. 바로 레지스트리를 이용하는 것입니다. PuTTy 백업 WIN+R을 눌러 실행 창을 엽니다. regedit을 입력하고 을 클릭합니다. 왼쪽을 확장하면서 \HKEY_CURRENT_USER\SOFTWARE\SimonTatham로 찾아 들어갑니다. 마우스 우클릭 후 를 클릭합니다. 파일 이름을 ...

당구 / 메모

당구 / 메모

플러스 시스템 수구 포인트 + 1 쿠션 포인트 = 3 쿠션 포인트 3 쿠션 포인트 – 수구 포인트 = 1 쿠션 포인트 코너각 파이브 앤 하프 시스템 수구 포인트 – 3 쿠션 포인트 = 1쿠션 포인트 9시 3팁. 입사각이 작아지면 10시 반 2-3팁 분리각 수구와 목적구가 이루는 각. 즉 α + β. 이론 상으론 90도. 현실적으론 85도 정도. 6/12 : ...

안드로이드 / 스마트폰 / 공인인증서 백업, 복원하는 방법

안드로이드 / 스마트폰 / 공인인증서 백업, 복원하는 방법

공인인증서를 재발급 받는 것이 무척 귀찮으므로, PC의 OS를 새로 설치하든 스마트폰 OS를 새로 설치하든, 백업을 잘 하고 복원하는 것이 좋습니다. 다행히도 안드로이드를 OS로 하는 스마트폰이라면 쉽게 공인인증서를 백업하고 복원할 수 있습니다. 파일 탐색기 앱을 이용하거나 USB로 PC에 연결해서 NPKI 폴더를 복사해둡니다. 그 폴더에 공인인증서가 모여 있습니다. 안드로이드를 새로 설치한 후 복사해두었던 NPKI ...

마이크로소프트 홈페이지에서 Microsoft 365 구입하는 방법

마이크로소프트 홈페이지에서 Microsoft 365 구입하는 방법

보유한 도메인으로 메일 주소를 만들려고 이런 저런 방법을 찾다가, Exchange 서비스가 포함된 Microsoft 365를 구입하기로 하였습니다. 무료 서비스 찾는 것도 어렵고, 신뢰성의 문제도 있고, Microsoft 365를 구입하면 1TB의 원드라이드 공간도 주고, 마침 Microsoft 365 Business Basic을 6개월 무료로 사용할 수 있는 이벤트도 있고… 구입하는 김에 그 과정을 스크린샷으로 찍었습니다. 별로 어려운 것은 ...

GeForce Experience / 단축키 설정하는 방법

GeForce Experience / 단축키 설정하는 방법

GeForce Experience로 게임 녹화, 방송 등을 할 수 있습니다. 그러기 위해서 많은 키를 단축키로 사용하는데, 그 단축키는 다른 프로그램에서 사용하던 것일 수도 있습니다. 이를 해결하기 위해서는 두 프로그램 중 하나의 단축키를 변경해야 하는데, GeForce Experience의 단축키를 변경하려면 다음처럼 하세요. Alt+Z를 눌러서 GeForce Experience를 엽니다. 설정 아이콘을 클릭합니다. 를 클릭합니다. 적절히 단축키를 설정합니다. 만약 원래대로 ...

MS OFFICE / 마이크로소프트 계정에서 로그아웃하는 방법

MS OFFICE / 마이크로소프트 계정에서 로그아웃하는 방법

MS OFFICE 2016 MS OFFICE 2016은 마이크로소프트 계정에 로그인되어 있지 않아도 사용할 수 있습니다. 어떻게 로그아웃하는지 알아보겠습니다. 로그아웃하는 방법 오른쪽 위에 있는 계정 이름을 클릭하면 조그만 창이 나오는데, 제일 아래에 있는 을 클릭합니다. 을 클릭합니다. 계정 옆에 나오는 을 클릭합니다. 로그아웃할 때 발생하는 문제를 안내하는 창이 나옵니다. 를 클릭하면 로그아웃되고, 오른쪽 위에 계정 이름 대신 ...

안드로이드 / Remote Desktop 8 / 마이크로소프트가 만든 원격 데스크톱 앱

안드로이드 / Remote Desktop 8 / 마이크로소프트가 만든 원격 데스크톱 앱

윈도우에 원격 접속할 때 원격 데스크톱을 많이 사용합니다. 윈도우에 포함되어 있어 별도의 프로그램을 설치할 필요가 없고, 마이크로소프트가 만든 것이라 믿을 수 있다는 장점이 있습니다. 또한 안드로이드용 앱도 있어서 스마트폰에서 접속하여 관리할 수도 있습니다. 물론 화면이 작다보니 그리 편하지는 않습니다. 앱 이름은 Remote Desktop 8입니다. 만든 이는 Microsoft Corporration이라도 되어 있구요. 앱을 실행한 후 ...