일상/IT

모바일 장치에서 로컬 호스트 사이트보기

얇은생각 2020. 8. 8. 20:00
반응형

모바일 장치에서 로컬 호스트 사이트 보기

 

최신 웹 개발에서는 웹 사이트가 모바일 장치에서 작동하는 것이 매우 중요합니다. 웹 사이트가 휴대 기기에서 작동하는 방식을 테스트 할 때 사용할 수 있는 몇 가지 옵션이 있습니다.

  • 브라우저 크기 수동 조정
  • 휴대 기기 에뮬레이터 사용
  • 반응형 테스터 도구 사용
  • 서버에 업로드하고 모바일 장치에서 테스트

 

가장 좋은 해결책은 모바일 장치에서 직접 웹 사이트를 시험해 보는 것이므로 웹 사이트의 모양뿐만 아니라 웹 사이트의 상호 작용 느낌, 즉 사이트의 링크를 클릭하는 것이 얼마나 쉬운 지 확인할 수 있습니다. 개발 중에는 변경하지 않고 서버에 업로드하여 모바일 장치에서 볼 수 있습니다. 이 모바일에서 로컬 호스트 웹 사이트를 보는 방법을 살펴 보겠습니다.

 

 

Viewing Localhost

Ubuntu를 사용한다고 가정하지만 다른 운영 체제에서도 동일한 접근 방식을 사용할 수 있습니다. 모바일 장치에서 로컬 호스트를 보려면 개발 시스템의 IP 주소로 이동하면됩니다. 우분투에서 IP 주소를 찾으려면 터미널을 열고 ifconfig를 입력하고 inet addr를 검색합니다. 이 값은 IP 주소를 의미합니다.

이제 모바일 장치에서 이 주소로 이동합니다. 개발 머신의 /var/www/에 있으면 기본 localhost 파일이 표시됩니다. 그러나 개발 웹 사이트가 /var/www 내의 폴더에 있을 가능성이 높으므로 http://192.0.0.1/test-website에서 모바일 장치에서 보려는 웹 사이트의 별칭을 설정합니다. command line에서 /etc/apache2/sites-available/000-default.conf 파일을 열고 가상 호스트에 다음을 입력합니다.

Alias /test-website /path/to/website/root

<Directory /path/to/website/root>
    AllowOverride All
    Options All
</Directory>

 

모바일 장치에서 http://192.0.0.1/test-website로 이동하면 개발 웹 사이트를 볼 수 있습니다.

반응형