인텔리제이로 웹 프로젝트를 작업하다가 App to Web이나 모바일 웹 브라우저에서 프로젝트를 확인해야 할 때 어떻게 해야 하나? 난감한 부분이 있습니다. 오늘은 인텔리제이 웹 프로젝트를 모바일에서 실행시키는 방법에 대해 아래에서 확인해 보겠습니다. (이 방법은 이클립스에서도 동일하게 사용하실 수 있습니다.)
목차
1) 컴퓨터에서 모바일 핫스팟 켜기
인텔리제이 웹 프로젝트를 모바일 폰에서 실행하려면 우선 해당 프로젝트가 있는 노트북에서 핫스팟을 켜줘야 합니다. (윈도우 10 기준)
우선 윈도우 오른쪽 하단에 네트워크 아이콘을 클릭해 주고 네트워크 및 인터넷 설정을 클릭해 줍니다.
들어가서 모바일 핫스팟을 선택해 주고 끔에서 켬으로 변경해 주고 중간에 네트워크 이름과 네트워크 암호를 기억하셔야 합니다. 나중에 모바일 폰에서 모바일 핫스팟을 이용할 때 사용할 비밀번호와 네트워크입니다.
여기까지 하면 컴퓨터에서의 모바일 핫스팟 설정은 끝났습니다.
이후 인텔리제이 프로젝트로 들어가 Run을 클릭해 줍니다. 여기서는 Swagger-ui 페이지를 띄우는 예제를 보여드릴 겁니다.
2) 모바일 웹 브라우저에서 인텔리제이 웹 프로젝트 열기
우선 와이파이를 켜서 아까 본 네트워크 이름을 연결해 줍니다. 이때 비밀번호도 같이 숙지하고 계셔야 합니다.
이후 크롬이나 다른 웹 브라우저를 열고 "http://<해당 ip 주소>:8080/swagger-ui/index.html"을 주소창에 입력해 줍니다.
해당 ip주소는 아래와 같이 컴퓨터에서 명령 프롬프트에 ipconfig를 입력하여 알 수 있습니다. 하단에 박스 친 부분을 확인하시면 됩니다.
이렇게 입력하면 아래와 같이 인텔리제이 웹 프로젝트를 모바일 환경에서 실행하실 수 있습니다. swagger 뿐만 아니라 다른 웹 프로젝트도 동일하게 사용하실 수 있습니다.
