# liveserver
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 깃허브 공식 문서 질문을 참고해서 시도해봤다. 
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 ]를 선택하도록 하겠습니다 
vscode에서 html css 미리보기 extension :: Live Server 사용법
Extension에서 Live Server를 검색해서 Install 완료 후 html 파일로 돌아와 마우스 우클릭 후 'Open in Live Server' 선택하면 127.0.0.1:5500/prac.html에 나온다 (예시) **JS도 가능
[프론트엔드] 1.5 유용한 확장 기능
[ 1 ] Beautity > 지저분하게 어지러진 코드를 깔끔하게 정리해주는 기능 이렇게 된 코드에 Beautify를 사용해주면, 바로가기키 설정 가능. ----> alt+ctrl+L 로 설정해서 사용중. [ 2 ] Auto Rename Tag > 이미 쓰여진 태그를 수정할 때, 짝지어진 여는 태그 혹은 닫는 태그를 함께 수정해주는 기능. [ 3 ] Live Server > 임시로 포트를 열어 수정한 HTML을 바로바로 확인 할 수 있도록 해주는 기능. 맨 아래 오른쪽 Go Live를 누르면 포트가 열리며, 코드를
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
[vscode]live server 무한 새로고침 되는 상황 해결(infinite reload / refresh)
상황 vscode로 간단한 vanillaJS 코드를 사용하려고 하는데 모듈을 사용해야 하는 상황이었다. file:// 프로토콜은 import, export 키워드를 알 수가 없다. 그래서 다른 프로토콜을 사용해야 하는데 이를 쉽게 해주는 vscode 플러그인이 있는데 바로 live server 라는 플러그인이다. 이 플러그인을 vscode에서 설치를 하고 Go Live 버튼을 누르면 웹 브라우저에 http 프로토콜로 서버가 돌아가게 된다. 그래서 import, export를 사용하는 모듈을 쉽게 사용할 수 있고 아주 간단한 개발 환경을 구축할 수 있다. 에러 그런데 정말 신기하게도 live server를 실행시키면 브라우저에서 내 html파일이 정상적으로 켜지는데 계속해서 무한하게 새로고침이 되는 것이다. 이 문제를 해결하기 위해서 몇 시간 동안이나 구글링을 했지만 해결책을 찾을 수가 없었다. 그러다가 컴퓨터 네트워크의 문제인가 싶어서 다른
라이브서버 (live server) 설정하기
매번 브라우저를 새로고침하는게 너무 귀찮아서 라이브서버를 설정해야겠다고 생각했다! visual studio code live server extentsion menu 에서 live server 검색 install 하기 
VS Code Extension : Live server error
Live server not reloading error 언제부턴가 Live server가 자동으로 새로고침 되는게 안되서 vs code에서 preferences setting들어가서 default browser도 수정해보고 했지만 안되서 찾아보니 foldername이 .(dot)으로 시작 될 때 안되는 일종의 버그였음. Github error report