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

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

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

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

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

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

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

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

같은 카테고리의 다른 글
안드로이드 / 앱 / 카카오톡 / 채팅방 알림 끄는 방법

안드로이드 / 앱 / 카카오톡 / 채팅방 알림 끄는 방법

카카오톡 채팅 방에는 알림을 끄는 기능이 있다. 그런데, 분명 알림을 껐는데도 계속 알림이 온다. 이유는 전체 설정이 알림 설정 여부와 상관없이 모든 알림을 받는 것이기 때문이다. 이 설정까지 바꿔야 원치 않는 알림을 안 받을 수 있다. 으로 간다. 으로 설정을 변경한다.

안드로이드 / 앱 / 카카오뱅크 / 계좌번호 없이 카카오톡 친구에게 이체하는 방법

안드로이드 / 앱 / 카카오뱅크 / 계좌번호 없이 카카오톡 친구에게 이체하는 방법

카카오뱅크의 가장 큰 장점은 절차가 단순하고 빠르다는 것입니다. 이체를 할 때 공인인증서가 필요한 것도 아니고, 몇 번의 터치로 쉽게 돈을 보낼 수 있습니다. 또한 상대방의 계좌번호 없이도, 카카오톡 친구에게 돈을 보낼 수도 있습니다. 돈을 보내기 위해 계좌번호를 묻고 입력할 필요가 없는 것이죠. 물론 받는 사람은 자신의 계좌번호를 입력해야 하기에 조금 번거로울 ...

엡손 무한 복합기 L455 / 잉크 리필하는 방법

엡손 무한 복합기 L455 / 잉크 리필하는 방법

엡손 무한 복합기 L455의 잉크를 리필하는 방법은 처음 구입 시 잉크를 넣는 방법과 동일하다. 잉크는 하이마트나 인터넷 쇼핑몰에서 구입할 수 있는데, 배송비까지 생각하면 하이마트가 더 저렴한 듯 하다. 가격은 계속 오르니 미리 많이 사두는 것이 좋다. 잉크 리필 과정은 다음과 같다. 잉크의 뚜껑을 열고... 은박지(?)를 제거하고 뚜껑을 닫는다. 잉크통을 엽으로 눕히고... 잉크의 꼭지를 따고 부으면 ...

삼성 4K 모니터 U32J590 / 색 프로필 등록하는 방법

삼성 4K 모니터 U32J590 / 색 프로필 등록하는 방법

컴퓨터를 사용할 때 소리나 색에 민감하면 여러 가지로 불편하다. 남들은 잘 듣지 못하는 소리에 괴로워하고, 남들은 별로 신경쓰지 않는 색 차이에 스트레스를 받는다. 그래서 디자인 관련 작업을 하면 좋은 모니터가 필요하다. 좋은 모니터의 가격은 상상을 초월한다. 모니터가 표현하는 색에 문제가 있는 거 같다면 제조사에서 제공하는 색 프로필을 등록한다. 색 프로필 등록 ...

기가바이트 메인보드 / 바이오스 업데이트 하는 방법

기가바이트 메인보드 / 바이오스 업데이트 하는 방법

기가바이트 메인보드 지원 페이지에서 갖고 있는 메인보드를 검색하여 다운로드 페이지로 이동한다. 원하는 버전의 BIOS를 다운로드한다. 다운로드한 파일의 압축을 풀면, 설치 파일과 함께 매뉴얼이 있는데... 따라하기 쉬워 보이지 않는다. 위 매뉴얼대로 하기 힘들다면 APP Center를 설치하고... APP Center에서 @BIOS를 설치하고, 실행한다. 서버에 있는 것은 최신이 아닐 수 있으므로, 을 클릭하고... 다운로드한 파일을 선택하고 진행한다. 잠시 기다리면 재부팅을 ...

엣지 / 다운로드 하는 방법

엣지 / 다운로드 하는 방법

Windows 11, Windows 10 최신 설치 이미지, Windows Server 2022애는 마이크로소트 엣지가 포함되어 있다. 엣지가 기본 설치되지 않는 Windows에서는 엣지를 다운로드하고 설치하여 사용할 수 있다. 다운로드 주소 : https://www.microsoft.com/ko-kr/edge/download 다운로드 버튼을 클릭하고... 를 클릭하면 설치 파일이 다운로드된다. 다른 버전의 Windows용 설치 파일은 다운로드 버튼을 확장하여 다운로드할 수 있다.

OBS Studio / 윈도우 캡쳐 / 녹화 영역 윈도우에 맞추는 방법

OBS Studio / 윈도우 캡쳐 / 녹화 영역 윈도우에 맞추는 방법

OBS Studio의 윈도우 캡쳐를 이용하면, 특정 창만 선택하여 캡쳐를 할 수 있습니다. 그런데, 화면에 꽉 차지 않은 창을 선택하면 아래처럼 나머지 부분이 검정으로 나옵니다. 그 부분에 다른 화면이나 창을 넣을 수 있는데, 만약 선택한 창만 녹화를 한다면 검정 부분까지 녹화가 됩니다. 검정 부분을 없애고, 선택한 윈도우만 녹화하고 싶다면, 마우스 우클릭하여 [출력 ...

모니터 / 시야각

모니터 시야각(Viewing Angle)은 화면을 여러 각도에서 볼 때 화면의 색상과 명암비가 얼마나 유지되는지를 나타내는 중요한 지표입니다. 시야각이 넓을수록 측면이나 위아래에서 보아도 화면의 왜곡이나 색상 변화가 적습니다. 시야각은 보통 수평(Horizontal) 시야각과 수직(Vertical) 시야각으로 나누어 측정됩니다. 시야각의 중요성 다수 사용자 환경 여러 사람이 동시에 화면을 볼 때 시야각이 좁으면 일부 사용자에게 왜곡된 색상이나 밝기가 보일 ...

당구 / 길 / 앞돌려 치기

당구 / 길 / 앞돌려 치기

앞돌려치기 1적구를 맞추고 단장으로 돌아서 2적구를 맞추는 것을 앞돌려 치기라고 한다. 아래처럼 단장단으로 치는 것을 길게 친다고 하고... 단장단으로 치는 것을 짧게 친다고 한다. 플러스 시스템을 이용한 앞돌려치기 다음은 플러스 시스템을 이용한 앞돌려치기의 예이다. 수구의 움직임이 시스템의 흐름과 같아서 많이 사용한다. 로드리게스 시스템을 이용한 앞돌려치기 다음은 로드리게스 시스템을 이용한 앞돌려치기의 예이다. 1적구와 2적구가 장쿠션에 붙어있다고 가정하고 두 공 ...

당구 / 시스템 / 일출일몰 시스템

당구 / 시스템 / 일출일몰 시스템

비껴치기로 3쿠션을 칠 때 사용하는 시스템이다. 공이 배치에 따라 회전을 조절하는 것으로, 당점의 변화를 이으면 해가 뜨고 지는 것과 비슷하다 하여 일출일몰 시스템이라 부른다. 파란색이 수구 포인트, 주황색이 1쿠션 포인트, 초록색이 3쿠션 포인트이다. 포인트들을 다 더하여 당점을 정한다. 수구 포인트 + 1쿠션 포인트 + 3쿠션 포인트 = 팁 수 아래의 경우 2팁으로 친다. ...