[모바일 기기에서 localhost 프리뷰 화면 보는 방법] 핸드폰으로 로컬 개발 서버 테스트하는 방법

핸드폰으로 컴퓨터에서 실행 중인 로컬 서버 http://localhost:3000 보는 방법

 

요약

1. Windows: 명령 프롬프트에서 ipconfig를 입력하고, IPv4 주소를 확인
2. http://localhost:3000/ara-ara | 컴퓨터의 IP 주소 192.168.1.100 일 경우 http://192.168.1.100 :3000/ara-ara

 

설명

1. 컴퓨터의 IP 주소 확인

• Windows: 명령 프롬프트에서 ipconfig를 입력하고, IPv4 주소를 확인한다.
• Mac: 터미널에서 ifconfig를 입력하고, en0 또는 en1 항목에서 inet 주소를 확인한다.

2. 서버를 0.0.0.0으로 실행

서버 코드에서 로컬 서버가 localhost가 아닌 0.0.0.0으로 실행되도록 설정해야 핸드폰이 접근할 수 있다.

Node.js로 서버를 실행 중이라면:

app.listen(3000, '0.0.0.0', () => {
  console.log("Server running on http://0.0.0.0:3000");
});

 

3. 방화벽 설정 확인

컴퓨터의 방화벽이 외부에서 오는 연결을 차단하지 않도록 설정을 확인한다. 3000번 포트가 열려 있어야 한다.

Windows 방화벽 열기:

• "Windows Defender 방화벽"에서 3000 포트를 열어준다.

4. 핸드폰과 컴퓨터가 같은 네트워크에 연결되어 있는지 확인

컴퓨터와 핸드폰이 동일한 와이파이에 연결되어 있어야 한다.

 

5. 핸드폰에서 접속

• 핸드폰 브라우저에 컴퓨터의 IP 주소와 포트를 입력한다. 예를 들어, 컴퓨터의 IP 주소가 192.168.1.100이라면, 핸드폰에서 http://192.168.1.100:3000/ara-ara를 입력한다.

---

※ 로컬 개발 서버 (Local Development Server)

로컬 개발 서버는 개발자가 자신의 컴퓨터에서 직접 실행하여 웹 애플리케이션이나 사이트를 테스트하고 개발하는 서버를 의미한다. 이 서버는 실제 배포 환경과는 별개로, 주로 개발 및 테스트 용도로 사용된다. 개발자가 코드를 작성하고, 수정한 후 실시간으로 결과를 확인할 수 있게 해준다.

• 로컬 서버는 개발자가 사용하는 컴퓨터(로컬 머신)에서 실행되기 때문에, 외부 인터넷 연결 없이도 애플리케이션을 개발하고 테스트할 수 있다.
• 보통 localhost(또는 IP 주소 127.0.0.1)로 접근할 수 있다.

※ localhost

localhost는 컴퓨터 자신을 가리키는 특별한 주소이다. 다른 컴퓨터에서 연결할 수 없는, 오직 자기 자신에게만 접근할 수 있는 주소이다.

• localhost는 IP 주소 127.0.0.1과 동일하며, 이는 loopback address라고도 불린다. 즉, localhost를 입력하면 해당 컴퓨터로 돌아오는 요청을 의미이다.
• 개발자가 서버를 localhost에서 실행하면, 그 서버는 오직 자신의 컴퓨터에서만 접근할 수 있다. 이를 통해 외부와 연결되지 않은 상태에서 애플리케이션을 테스트할 수 있다.

※ 정리

• 로컬 개발 서버는 개발 중인 애플리케이션을 테스트하는 서버이며, localhost는 그 서버를 자신의 컴퓨터에서 접근할 수 있는 주소이다.

---

※ localhost (루프백 주소)

• localhost는 127.0.0.1을 의미하는 주소로, 자기 자신을 가리킨다. 즉, 이 주소로 접속하면 외부 서버가 아닌 자기 컴퓨터로 요청이 가게 된다.
• 루프백 주소라고 불리는 이유는, 네트워크 요청이 "자기 자신에게 돌아오는" 주소이기 때문이다.
• 이 주소는 외부에서 접근할 수 없고, 오직 자신의 컴퓨터에서만 사용할 수 있다.
• 예를 들어, 로컬 서버(http://localhost:3000)에서 실행 중인 웹 애플리케이션은, 이 주소로만 접속할 수 있다.

※ 사설 IP 대역

• 사설 IP는 내부 네트워크에서만 사용되는 IP 주소이다. 즉, 로컬 네트워크 안에서만 유효하며, 외부 인터넷에서는 사용할 수 없다.
• 예를 들어, 192.168.x.x, 10.x.x.x와 같은 주소들이 사설 IP 대역에 속한다.
• 사설 IP는 여러 기기가 같은 네트워크 내에서 통신할 수 있도록 도와주지만, 인터넷에서는 직접 접근할 수 없다.