갑작스럽게 사진과 같은 오류가 떴다.....
크롬의 개발자모드로 html에 포함된 자바스크립트를 실행하려고 했는데
Uncaught SyntaxError: Unexpected token '<'
오류가 떠서 같은 코드를 vscode를 이용하여 실행하려고 live server를 open했는데 사진과 같은 오류가 떴다.
분명 저번 스터디를 진행했을 당시 css html javascript를 포함한 코드도 liveserver로 잘 작동이되었었는데..
크롬 개발자모드에 오류는 찾아보니 크롬이 html에 '<' 부분을 인식못해서 라는 글을 봤었는데 자세한 해결법은 차차 알아가야겠다.
더 심각한 건 크롬 개발자모드는 처음 써봤지만 vscode는 계속 쓰고 있던건데 갑자기 안되니까 멘붕이었다.
그래서 참고글에 있는 블로그 글을 살펴보며 다 적용했다.
- 크롬 인터넷 사용기록 삭제
- cmd 버전을 관리자권한으로 실행 후 네트워크 재설정 코드 입력
ipconfig /release
ipconfig / renew
ipconfig /flushdns
netsh winsock reset
net stop dhcp
net start dhcp
net sh winhttp reset proxy(내 노트북만 그런건지 몰라도 중간에 오류가 생겨 renew는 되지않았다.
3. 장치 드라이버 업데이트
(나같은 경우는 최신 버전이라고 나왔다.)
4. 네트워크 초기화
5. 크롬 확장프로그램 끄기 (vpn 및 보안 프로그램 등)
그리고 컴퓨터를 다시시작했는데도 되지않았다.
그러면서 계속 같은 html 코드에 접속을 하다보니 최근 실행한 파일에 html 코드가 떴고 그걸 클릭하여 실행하니....
화면이 나왔다!!!!!!
그리고 해결이 된 건가 싶어 vscode에 live server open을 눌렀는데..
되지않았다.
그래서 이번에는 vscode liveserver error를 구글링했다.
해결방법으로
설정 > 확장 > live server config > use Local ip 체크 
를 하고 vscode를 다시 실행하니....
Live Server가 정상적으로 나왔다!!!!
이제 생각해보면 그냥 vscode 오류였던 거 같은데 방문기록도 전체를 삭제하고.. 미리 알았더라면 ㅜ.ㅜ
혹시나 나같은 경우가 생기신다면 vscode 문제인지 아닌지 먼저 확인해보고 해결하길 바랍니다..
참고
https://readme.tistory.com/31
https://m.blog.naver.com/toruin84/222811174924
https://ko.gov-civil-setubal.pt/4-fantastic-methods-fix-err_empty_response-error
