홍준혁

리액트 프로젝트 휴대폰 , 타블렛에서 확인하는 법 본문

React.js

리액트 프로젝트 휴대폰 , 타블렛에서 확인하는 법

홍준혁 [Hong-JunHyeok] 2021. 1. 30. 00:15
728x90

이번에는 리액트를 빌드하면

 

 

이런 화면이 뜨게 되는데 다른 플랫폼에서 웹사이트를 접속하는 법을 알려주도록 하겠다.

하지만 조건이 있는데, 접속하는 플렛폼은 반드시 같은 네트워크에 있어야 한다.

 

윈도 기준으로 설명하겠다! 

 

윈도우키 + R을 눌러서 실행창에 cmd라고 검색한다

 

그러면 우리가 잘 아는 시꺼먼 창이 나올 텐데,

거기서,

 

ipconfig라고 치자. 그러면 우리가 해킹하는 거 마냥 촤르르 뭐가 많이 나올 텐데,

무선 LAN 어댑터 Wi-Fi:

 

이 부분에 IPv4 주소라는 곳이 있을 것이다.

 

그 부분이 옆에 XXX.XXX.X... 이런 형식의 ip주소가 있을 텐데,

이제 이걸 알아냈으면 다 왔다.

 

우리가 접속할 플랫폼에 주소창에다가

 

http://아까 얻어낸 IP주소:포트번호

 

이렇게 검색을 해보면 우리가 실행하고 있는 리액트 앱을 모바일 , 태블릿에서도 확인할 수 있다!

 

여기서 포트번호는 리액트 빌드에 성공했을 때 뜨는 

 

저 뒤에 숫자를 뜻한다!

 

만약 안되거나 모르는 부분이 있으면 댓댓!

나도 그냥 심심해서 해보다가 돼서 이렇게 블로그에 쓴다.

728x90
Comments