리액트 프로젝트 휴대폰이나 다른 기기에서 확인하는 방법

리액트를 개발하다 보면, 모바일이나 태블릿 등에서 확인을 해야 할 때도 있다.

바로 반응형이 잘 되는지에 대한 체크인데, 확인하는 방법은 매우 간단하였다.

 

우선 필자의 운영체제가 윈도우 기준으로 설명을 해보려고 한다.

먼저, widow + R 을 눌러 실행창에 cmd라고 검색한다. 혹은 시작 버튼에서 명령 프롬프트 OR cmd로 검색한다.

window + R -> cmd 확인

cmd 화면

 

그리고 거기에 명령어 ipconfig를 검색을 한다. 그럼 아래처럼 뭔가 촤르륵 나오는데 여기서 봐야 할 것은 단 한 가지다.

cmd에서 ipconfig를 검색한 화면

IPv4 주소에서 000.000.00.00이라는 숫자가 있다. 그럼 아래처럼 입력을 하면 된다.

IPv4 주소 : 123.456.78.90
123.456.78.90:3000

만약 IPv4 주소가 123.456.78.90이라 하였을 때, 내 핸드폰 인터넷 주소창에는 123.456.78.90:3000이라 검색을 하면 된다.

 

그럼 현재 PC 화면이 내 모바일 화면에서도 확인이 되는 것을 알 수 있다.

PC에서 리액트 프로젝트 URL 화면

노트9에서 보는 내 프로젝트;;

다 깨지는 화면이 적나라하게 부끄럽지만 수정하려고 이렇게 두겠다. (그래야 빨리 수정하지)

 

 

이렇게 오늘은 리액트 프로젝트를 로컬로 작업하여도 모바일과 태블릿 모두 확인할 수 있는 방법을 알아보았다.

프로젝트 프런트와 벡 앤드 모두를 건들지만...

아직은 한계점으로 인해 영상의 도움으로 조금씩 응용 중이라 많이 어색하지만

꼭 좋은 사이트를 만들고 싶다.