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

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

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

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

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

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

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

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

같은 카테고리의 다른 글
배틀그라운드 / 스팀, 다음 게임, 모바일 나이 제한

배틀그라운드 / 스팀, 다음 게임, 모바일 나이 제한

배틀그라운드는 스팀이나 다음 게임에서 구입할 수 있고, 안드로이드나 iOS의 모바일용 배틀 그라운드를 즐길 수도 있습니다. 모바일용은 무료입니다. 종류별로 나이 제한이 다릅니다. 스팀 스팀에서 배틀 그라운드를 구입할 수 있는 나이는 18세 이상입니다. 18세 미만이라면 구입을 할 수 없습니다. 다음 게임 다음 게임도 스팀과 같이 18세 이상이었는데, 2018년 1월 25일부터 15세 이상도 가능하게 되었습니다. 대신 부모님의 ...

KT UHD 셋톱박스 / 외장하드 연결하여 동영상 보는 방법

KT UHD 셋톱박스 / 외장하드 연결하여 동영상 보는 방법

UHD 셋톱박스 올레 기가 UHD TV를 이용하고 있습니다. TV가 FHD지만 셋톱박스 성능이 좋다고 해서, 여러 기능이 있다고 해서 UHD TV를 이용합니다. (스마트 셋톱박스 정도면 충분하기는 한데, KT에서 단종이라고 하네요.) UHD 셋톱박스라고 해서 모든 게 좋아진 것은 아닙니다. 가장 불편한 것은 LAN 포트입니다. 구형은 LAN 포트가 두개였는데, 한 개로 줄었습니다. 즉, 수신만 하고 중계는 못하는 것이죠. 그것 ...

자동차 / 타이어 / 사이즈(규격) 보는 방법

자동차 / 타이어 / 사이즈(규격) 보는 방법

타이어 규격은 타이어의 크기, 형태, 성능 특성을 나타내는 다양한 숫자와 문자로 구성된 코드입니다. 이 코드는 타이어의 측면에 표기되어 있으며, 이를 통해 적절한 타이어를 선택할 수 있습니다. 타이어 규격을 이해하는 것은 차량의 안전과 성능을 최적화하는 데 매우 중요합니다. 일반적인 타이어 규격 표기법을 예로 들어 설명하겠습니다. 타이어 규격 예시 예시 : P215/65R15 95H 각 부분을 ...

크롬 / 주소 표시줄 검색 엔진 변경하는 방법

크롬 / 주소 표시줄 검색 엔진 변경하는 방법

크롬 웹브라우저의 주소 표시줄에 검색어를 입력하고 엔터키를 누르면 지정된 검색 엔진으로 검색하고 결과를 보여준다. 크롬의 기본 검색 엔진은 당연히 구글이다. 만약 주소 표시줄 검색 엔진을 변경하고 싶다면... 오른쪽 위의 점 세 개 아이콘을 클릭한다. 을 클릭한다. 왼쪽 메뉴에서 을 클릭한다. 주소 표시줄에서 사용되는 검색 엔진을 원하는 것으로 선택한다.

모니터 / HDR

HDR(High Dynamic Range)는 모니터와 TV에서 더 넓은 범위의 밝기와 색상을 제공하여 보다 생생하고 현실감 있는 이미지를 구현하는 기술입니다. HDR은 어두운 부분과 밝은 부분 모두에서 더 많은 디테일을 표현할 수 있어, 일반적인 SDR(Standard Dynamic Range) 화면보다 더욱 풍부한 시청 경험을 제공합니다. HDR의 작동 원리 넓은 밝기 범위 HDR은 더 높은 밝기(니트, nits 단위로 측정)와 ...

OBS Studio / 설치하는 방법

OBS Studio / 설치하는 방법

OBS Studio는 영상 녹화 또는 방송을 할 수 있게 해주는 오픈소스 프로그램입니다. 주요 영상 플랫폼을 지원하고, 고화질의 녹화가 가능합니다. OBS Studio를 설치하고 기본 설정하는 방법을 알아보겠습니다. 다운로드 https://obsproject.com/ko에서 다운로드합니다. 윈도우, 맥, 리눅스를 지원합니다. 자신의 환경에 맞는 걸 다운로드하세요. 여기서는 윈도우용을 다운로드하겠습니다. 설치 다운로드한 파일을 실행하면 설치가 시작됩니다. 를 클릭합니다. 라이선스에 동의하면 를 클릭합니다. 클릭하지 않으면 진행되지 ...

모니터 / 색 영역 / Adobe RGB(Adobe Red Green Blue)

모니터 Adobe RGB는 모니터가 Adobe RGB 색 공간을 얼마나 잘 재현하는지를 나타내는 지표입니다. Adobe RGB는 주로 사진 편집, 그래픽 디자인, 인쇄 작업 등에서 사용되는 넓은 색 공간으로, sRGB보다 더 많은 색상을 포함합니다. Adobe RGB 색 공간 정의 Adobe RGB(Adobe Red Green Blue)는 Adobe Systems에서 1998년에 개발한 색 공간으로, 특히 인쇄와 그래픽 디자인 분야에서 ...

CPU / 스레드(Thread)

CPU에서 "스레드(Thread)"란 프로세스 내에서 실행되는 가장 작은 단위의 작업을 의미합니다. 현대 컴퓨팅에서는 멀티스레딩을 통해 동시에 여러 작업을 처리하여 성능을 극대화하고 효율성을 높이는 것이 일반적입니다. 스레드의 정의 스레드는 프로세스 내에서 독립적으로 실행되는 코드의 작은 단위입니다. 하나의 프로세스는 하나 이상의 스레드를 포함할 수 있으며, 각 스레드는 독립적으로 실행될 수 있습니다. 스레드는 CPU의 작업 스케줄링 ...

노트북 / HP 빅터스 / 15-FA0061TX 구입 후기

노트북 / HP 빅터스 / 15-FA0061TX 구입 후기

노트북을 구입하게 되었다. 용도는 그래픽과 동영상 편집용. 원활한 작업을 위해서는 다음의 사양이 필요했다. 외장 그래픽 카드 메모리 확장 또는 교체 가능 디스크 확장 또는 교체 가능 가격은 100만 원 대 초중반 색은 검정 또는 그레이 색에 신경 쓰는 이유는 변색 때문이다. 손 때 묻는 거야 닦으면 되지만, 하얀색 노트북은 누렇게 변색되는 경우가 많다. 이 조건으로 검색을 하니 ...

아이피타임(ipTIME) 공유기 / 포트포워딩 설정하는 방법

아이피타임(ipTIME) 공유기 / 포트포워딩 설정하는 방법

포트 포워딩(port forwarding)은 외부 네트워크에서 특정 장치나 서비스에 접근할 수 있도록 라우터나 방화벽에서 포트를 지정하여 트래픽을 전달하는 네트워크 설정 방식입니다. 공유기에서도 설정이 가능한데, 공유기 IP XX 포트로 요청이 들어왔을 때, 그 요청을 공유기에 연결된 다른 기기의 YY 포트로 전달합니다. ipTIME 공유기에서 포트포워딩 설정하는 방법은 다음과 같습니다. 포트포워딩 추가 아이피타임 공유기 관리자 페이지에 접속합니다. [고급 설정 ...