local 개발 환경과 내 폰을 연결하는 방법

 

 

최근에 모바일 반응형 작업을 시작하게 되었다. 당연히 모바일에서 어떻게 화면이 나오는지가 중요했다.

처음에 나는 어떻게 해야할지를 몰라서 같이 개발하시는 분이 CI/CD 를 구성해놓으셨기때문에 그 CI/CD로 배포된 url를 통해 화면을 확인했다.

배포가 되는 시간이 5분정도 매우 오래걸리기 때문에 너무 불편함을 느꼈다. (css 하나 변경해도 5분을 기다려야했다.)

다른 방법이 없나 찾아보다가 커뮤니티에 도움을 요청드렸다.

 

2가지 방법을 알아내었다.

1. 같은 와이파이 환경에서 ip를 통하여 내 스마트폰으로 화면을 볼 수 있었다.

2. 에뮬레이터를 통한 방법

 

우선 에뮬레이터는 지금 설치를 하는중이라 안드로이드 스튜디오와 xcode 환경모두 구성하려면 시간이 걸릴 것 같아 비교적 빠르게 할 수 있는 1번부터 해보고 있다.

아래글을 참고하였더니 다음처럼 화면이 잘 나온다.

https://anerim.tistory.com/164

[Dev 개발] 모바일에서 로컬 열기 / 모바일에서 localhost 접속하기

 

짜잔! 

 

도움 주신 프론트엔드 오픈채팅방 분들 감사합니다!!