[VSCode_Live Server] 페이지가 작동하지 않습니다.

기존에 프로그래밍 공부용 M1맥북을 사용하다가 내가 필요한 몇몇 프로그램들(예를 들어.. SQLDeveloper)을 M1맥에서 지원하지 않는다는 것을 알게 되어 윈도우로 갈아타게 되었다.
그러면서 개발셋팅을 다시 하게 되었는데 VSCode 확장프로그램 중 Live Server 를 설치하고 사용하려던 중 의외의 곳에서 문제가 발생했다.

---

💜 Live Server 확장프로그램 설치

- Live Server 는 로컬에서 파일을 수정 후 저장하면 수정된 내용을 바로 반영하여 보여준다.

 

---

💜 Live Server 문제 화면

 

페이지가 작동하지 않습니다.
127.0.0.1에서 전송한 데이터가 없습니다.
ERR_EMPTY_RESPONSE

 

---

💜 Live Server 문제 해결방법

1. Live Server 설정(톱니바퀴) 클릭 - 확장 설정 클릭

---

2. Use Local Ip 체크!

- 확장 설정 페이지에서 스크롤을 내리다보면 아래와 같이 Live Server 의 default local host 는 127.0.0.1 로 되어 있는 것을 확인할 수 있다.

- 내 컴퓨터의 IP 를 알고 있다면 여기서 바로 수정을 해줘도 된다.

- 하지만 더 쉬운 방법으로 스크롤을 조금 더 내리면 Use Local Ip 라는 부분이 보일텐데 여기를 체크하면 알아서 local Ip 를 잡아준다.

---

3. Open with Live Server 다시 실행

- 별도로 저장할 필요는 없으며, 2번까지 완료가 되었다면 Live Server 로 열려고 했던 파일을 우클릭하여 Open with Live Server 를 다시 실행해보자.

 

• 기존에 "페이지가 작동하지 않습니다" 라는 문구가 있는 페이지에서 새로고침을 하는 분들이 있을까봐 말씀드리자면... 기존에 열어둔 페이지는 경로가 127.0.0.1 로 설정되어있으므로 아무리 새로 고침을 해도 127.0.0.1 로 새로고침되어 수정 전의 화면이 나오니, 수정사항이 반영된 Local Ip 로 연결될 수 있게 꼭 새로 Live Server 를 실행해주세요!