# liveserver

8개의 포스트
post-thumbnail

2023-05-11 TIL

[vscode] Live Server 오류 : Live Reload is not possible without a head or body tag. vscode의 확장프로그램인 Live Server에서 자꾸 위와 같은 오류가 뜬다. 메세지 내용은 head랑 body태그를 못 불러온다는 뜻 같은데, html은 !로 불러와서 이름을 수정하고 script를 불러준게 다다! 뭐가 문제지? 시도 한 것들 1. 참고 링크 live Server 깃허브 공식 문서 질문을 참고해서 시도해봤다. ![](https://velog.velcdn.com/images/

2023년 5월 11일
·
0개의 댓글
·
post-thumbnail

Visual Studio Code 추가 설정

안녕하세요 서울 꺼벙 천사입니다 자바스크립트를 독학하고 있습니다 지난번에는 편집기 중의 하나인 Visual Studio Code 앞으로 줄여서 VSC라고 부를 것을 다운로드하고 설치를 진행하였습니다 https://velog.io/@nspro0318/%ED%8E%B8%EC%A7%91%EA%B8%B0-%EC%84%A4%EC%B9%98 이번에는 지난번에 이어서 VSC 추가 설정을 하도록 하겠습니다 초기 화면 설정 위의 화면에서는 VSC의 배경 화면을 선택할 수 있습니다 기본적으로 [ Dark ]가 선택이 되어 있습니다 서울 꺼벙 천사는 [ Light High Contrast ]를 선택하도록 하겠습니다 ![](https://velog.velcdn.com/images/nspro0318/post/e5ac8a

2022년 9월 27일
·
0개의 댓글
·
post-thumbnail

vscode에서 html css 미리보기 extension :: Live Server 사용법

Extension에서 Live Server를 검색해서 Install 완료 후 html 파일로 돌아와 마우스 우클릭 후 'Open in Live Server' 선택하면 127.0.0.1:5500/prac.html에 나온다 (예시) **JS도 가능

2022년 1월 29일
·
0개의 댓글
·
post-thumbnail

[프론트엔드] 1.5 유용한 확장 기능

[ 1 ] Beautity > 지저분하게 어지러진 코드를 깔끔하게 정리해주는 기능 이렇게 된 코드에 Beautify를 사용해주면, 바로가기키 설정 가능. ----> alt+ctrl+L 로 설정해서 사용중. [ 2 ] Auto Rename Tag > 이미 쓰여진 태그를 수정할 때, 짝지어진 여는 태그 혹은 닫는 태그를 함께 수정해주는 기능. [ 3 ] Live Server > 임시로 포트를 열어 수정한 HTML을 바로바로 확인 할 수 있도록 해주는 기능. 맨 아래 오른쪽 Go Live를 누르면 포트가 열리며, 코드를

2021년 12월 24일
·
0개의 댓글
·

vscode Live Server 실시간 미리보기

vscode 확장 기능인 Live Server를 이용해 실시간 미리보기를 할 수 있다. 즉 Live Server를 이용해 변경사항이 실시간으로 브라우저에 적용되는 것을 볼 수 있다. 자, 그럼 이제 설치부터 사용까지 해보도록 하자 Live Server 시작하기 확장: 마켓플레이스에서 Live Server을 설치해줍니다. open with Live Server을 눌러줍니다!! <img src="https://images.velog.io/images/jeongm/post/7162bba7-b15d-4425-a214-6760275bec14/%ED%99%94%EB%A9%B4%20%EC%BA%A1%EC%B2%98

2021년 12월 17일
·
0개의 댓글
·
post-thumbnail

[vscode]live server 무한 새로고침 되는 상황 해결(infinite reload / refresh)

상황 vscode로 간단한 vanillaJS 코드를 사용하려고 하는데 모듈을 사용해야 하는 상황이었다. file:// 프로토콜은 import, export 키워드를 알 수가 없다. 그래서 다른 프로토콜을 사용해야 하는데 이를 쉽게 해주는 vscode 플러그인이 있는데 바로 live server 라는 플러그인이다. 이 플러그인을 vscode에서 설치를 하고 Go Live 버튼을 누르면 웹 브라우저에 http 프로토콜로 서버가 돌아가게 된다. 그래서 import, export를 사용하는 모듈을 쉽게 사용할 수 있고 아주 간단한 개발 환경을 구축할 수 있다. 에러 그런데 정말 신기하게도 live server를 실행시키면 브라우저에서 내 html파일이 정상적으로 켜지는데 계속해서 무한하게 새로고침이 되는 것이다. 이 문제를 해결하기 위해서 몇 시간 동안이나 구글링을 했지만 해결책을 찾을 수가 없었다. 그러다가 컴퓨터 네트워크의 문제인가 싶어서 다른

2021년 11월 25일
·
2개의 댓글
·
post-thumbnail

라이브서버 (live server) 설정하기

매번 브라우저를 새로고침하는게 너무 귀찮아서 라이브서버를 설정해야겠다고 생각했다! visual studio code live server extentsion menu 에서 live server 검색 install 하기 ![](https://images.velog.io/images/sssseulg2/post/149868b8-fb01-411b-a4e4-01abd8e2308e/%E1%84%89%E1%85%B3%E1%84%8F%

2021년 4월 1일
·
1개의 댓글
·

VS Code Extension : Live server error

Live server not reloading error 언제부턴가 Live server가 자동으로 새로고침 되는게 안되서 vs code에서 preferences setting들어가서 default browser도 수정해보고 했지만 안되서 찾아보니 foldername이 .(dot)으로 시작 될 때 안되는 일종의 버그였음. Github error report

2021년 2월 17일
·
0개의 댓글
·