[VSCode] Live Server 내 모바일 기기에서 확인하기

크롬 개발자 도구가 모바일에선 어떤식으로 나오는지 알려주긴 하지만, 그래도 모바일 사용자 경험은 기기에서 웹을 직접 경험해보아야 하기에 live server 익스텐션을 이용해 내 폰에서 웹을 확인하는 방법을 알아보자. 내 vscode 익스텐션 설치 목록에서 라이브 서버를 찾고, 오른쪽 하단의 익스텐션 세팅을 누른다. Live Server > Settings: Host로 들어간다. 아무것도 설정한 적 없다면, 127.0.0.1로 설정 돼 있을 것이다. 이제 본인이 주로 쓰는 와이파이의 IP 주소를 적으면 된다. 윈도우 기준으로 설정 > 네트워크 및 인터넷 > WIFI로 들어가자. 본인의 와이파이 이름을 클릭하면 아래와 같이 나오는데, 거기서 IPv4 주소를 입력하면 된다. 입력했다면, 개인 모바일 기기에서..
Basic_Studies/그외 2021. 2. 17. 11:45
1