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

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

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

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

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

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

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

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

같은 카테고리의 다른 글
스팀 / 게임 숨기기, 숨긴 게임 보기

스팀 / 게임 숨기기, 숨긴 게임 보기

언제할지도 모르면서 세일할 때 하나씩 사다보니 스팀에서 산 게임이 많아지고 있습니다. 그 중에는 엔딩까지 봐서 다시는 안 할 게임도 있고, 사긴 했지만 정말 언제 할지 모를 게임도 있고, 원래 것과 리마스터가 같이 있는 것도 있습니다. 그러다보니 라이브러리에 하지도 않을 게임이 잔뜩 보이는데요... 다행히도 목록에서 그 게임들을 숨길 수 있습니다. 방법은... 게임을 선택하고 ...

안드로이드 / 앱 / 원스토어 / 설치하는 방법

안드로이드 / 앱 / 원스토어 / 설치하는 방법

원스토어는 네이버와 통신 3사가 협력해서 만든 앱 장터입니다. 국내를 대상으로 하는 거라 사용이 편하고 이벤트도 많이 있습니다. 통신사를 통해 구입한 스마트폰에는 대부분 원스토어가 기본적으로 설치되어 있습니다. 하지만 제조사로부터 직접 구입한, 특히 외국에서 만든 스마트폰의 경우 원스토어가 설치되어 있지 않습니다. 만약 원스토어를 이용하고 싶다면 별도로 원스토어 앱을 설치해야 합니다. 다음은 크롬 웹브라우저에서 설치를 ...

캐논 EOS 디지털 솔루션 소프트웨어 다운로드 받는 방법

캐논 EOS 디지털 솔루션 소프트웨어 다운로드 받는 방법

캐논 EOS 디지털 솔루션 캐논 DSLR 카메라를 구입하면 CD를 줍니다. CD에는 카메라 사용과 관련된 여러 소프트웨어가 들어있습니다. Digital Photo Professional EOS Utility EOS Lens Registration Tool EOS Web Service Registration Tool EOS Sample Music Picture Style Editor 다운로드 만약 CD를 분실하였거나 최신 버전의 소프트웨어 필요하다면 캐논 홈페이지에서 다운로드 받을 수 있습니다. 단, 시리얼 번호를 알아야 합니다. 시리얼 번호는 카메라 바닥에 써있습니다. 정품 ...

모니터 / 색 영역 / sRGB(standard Red Green Blue)

모니터 sRGB는 모니터가 sRGB 색 공간을 얼마나 잘 재현하는지를 나타내는 지표입니다. sRGB는 컴퓨터 모니터, 프린터, 디지털 카메라 등의 표준 색 공간으로, 대부분의 웹 콘텐츠와 디지털 이미지가 sRGB 색 공간을 기반으로 제작됩니다. 모니터의 sRGB 퍼센트 값은 해당 모니터가 sRGB 색 공간의 몇 퍼센트를 재현할 수 있는지를 나타냅니다. sRGB 색 공간 정의 sRGB(standard Red Green ...

PuTTY / 사용법 / 백업하는 방법, 복원하는 방법

PuTTY / 사용법 / 백업하는 방법, 복원하는 방법

PuTTY를 사용할 때 여러 접속 정보를 저장하여 사용합니다. 그런데 그 접속 정보를 내보내고 가져오는 기능은 없습니다. 만약 컴퓨터 포맷, 다른 컴퓨터에서 사용 등의 이유로 접속 정보를 백업하고 복원하고 싶다면, 레지스트리를 이용합니다. 그 정보들을 레지스트리에 저장하기 때문입니다. 백업 WIN+R을 눌러 실행 창을 엽니다. regedit을 입력하고 을 클릭합니다. 왼쪽을 확장하면서 \HKEY_CURRENT_USER\SOFTWARE\SimonTatham로 찾아 들어갑니다. 마우스 우클릭 후 를 ...

페이스북 / 페이지 / 삭제하는 방법

페이스북 / 페이지 / 삭제하는 방법

페이지를 삭제하는 메뉴만 찾으면 삭제는 쉽게 할 수 있다. 아래의 순서대로 찾아가거나 페이지 프로파일 설정 페이지로 바로 접속해도 된다. 삭제 과정 마지막에 나오듯이 30일 내에는 복원이 가능하다. 회원님의 페이지를 영구적으로 삭제합니다. 삭제할 준비가 완료되면 페이지 삭제를 클릭하세요. 페이지 삭제를 요청한 후에는 페이지를 다시 활성화하고 삭제를 취소할 수 있는 30일의 기간이 주어집니다. 30일의 ...

보안 / IPS - Intrusion Prevention System

Intrusion Prevention System(IPS)은 네트워크 보안 장치로, 네트워크 트래픽을 실시간으로 모니터링하여 악의적인 활동이나 정책 위반을 탐지하고 이를 차단하는 기능을 수행합니다. IDS(침입 탐지 시스템)와 유사하지만, IPS는 탐지뿐만 아니라 능동적으로 위협을 차단하는 기능을 갖추고 있습니다. 주요 기능 실시간 모니터링 네트워크 트래픽을 실시간으로 분석하여 위협을 탐지합니다. 위협 차단 악의적인 활동이 발견되면 자동으로 해당 트래픽을 차단하여 네트워크를 보호합니다. 정책 적용 네트워크 보안 ...

마우스 / DPI와 CPI 비교

컴퓨터 마우스는 우리가 일상적으로 사용하는 중요한 입력 장치 중 하나입니다. 마우스를 사용할 때 그 움직임의 민감도와 정확성은 사용자의 경험에 큰 영향을 미칩니다. 이 민감도와 정확성을 측정하는 주요 지표가 바로 DPI와 CPI입니다. 이 두 용어는 종종 혼용되어 사용되지만, 각기 다른 의미를 가지고 있습니다. DPI (Dots Per Inch) DPI는 "Dots Per Inch"의 약자로, 마우스가 ...

안드로이드 / 앱 / 카카오뱅크 / 사용법

안드로이드 / 앱 / 카카오뱅크 / 사용법

설정 지문으로 이체, 로그인 가능하게 등록, 설정하는 방법 계좌 미성년자 카카오뱅크 계좌 개설 카카오뱅크는 비대면으로 계좌를 개설한다. 그렇기에 신분증은 필수인데, 만 17세 미만은 신분증이 없다. 따라서 계좌 개설이 불가능하다. 즉, 만 17세 이상 미성년자는 핸드폰과 신분증이 있다면 계좌 개설이 가능하다. 계좌를 개설해도 만 18세 미만이라면 후불교통카드를 사용할 수 없다. 계좌(통장) 이름 변경하는 방법, 색상 변경하는 방법 국내 ...

버추얼박스 / 호스트 키 사용법과 호스트 키 설정하는 방법

버추얼박스 / 호스트 키 사용법과 호스트 키 설정하는 방법

호스트 키 버추얼박스의 호스트 키는 가상 머신에서 하는 여러 작업에 사용됩니다. 예를 들어 마우스가 가상 머신 밖으로 나오지 않는 경우 호스트 키를 누르면 가상 머신 밖으로 빠져나옵니다. 호스트 키와 E를 누르면 가상 머신의 화면을 캡쳐합니다. 호스트 키와 DEL을 누르면 가상 머신에 Ctrl+Alt+Del을 전송합니다. 호스트 키 설정하는 방법 버추얼박스의 기본 설정 호스트 키가 불편하다면 ...