< Code diaries />

Step 1. Mac에서 해야할일 1. vs code에서 라이브 서버를 이용하여 html페이지를 실행시킨다. 2. 로컬호스트의 주소가 예를들어 http://127.0.0.1:5500/test.html 이라고 하자. 3. 메뉴 > 네트워크 > 와이파이 > 상세정보에서 맥북의 IP Address를 알아내자(예를 들어 192.168.1.12라고 하자) 4. 사파리브라우저를 실행시키고, 설정 > 고급설정(Advanced)탭에서 하단에서 Show develop menu in menu bar (개발자메뉴보기)를 체크 해 준다. 5. 사파리 브라우저 상단메뉴에 'Develop' 메뉴가 추가되었다면 iphone 설정으로 넘어가자. Step 2. iphone 에서 할일 1. usb로 맥북과 iphone을 연결한다. 2..

1. usb로 맥북과 아이폰을 연결한다. 2. 보안경고가 뜨면, '신뢰'를 누르고 비밀번호를 누른다. 3. vs code에서 라이브서버를 띄워서 html문서를 실행한다.(예 : 127.0.0.1:5500/test.html ) 4. 현재 맥북의 IP 주소를 알아낸다. ( 설정 > 네트워크 > 와이파이 정보 > 상세보기 화면 하단에 있다) 5. 연결된 아이폰에서 vs code에서 띄운 라이브서버주소에 있는 ip만 맥북의 ip주소로 변경한다. 예를들어 맥북의 ip주소가 192.168.1.12 라고 가정했을때에, 아이폰의 크롬브라우저의 주소창에는 192.168.1.12:5500/test.html이라고 입력하면 된다.

두가지 방법을 소개한다. 1. 터미널에서 확인하기 터미널에서 아래와 같이 입력하면 바로 ip 주소만 확인이 가능하다. ipconfig getifaddr en0 2. 설정 > 네트워크 메뉴에서 확인하기 설정 > 네트워크 메뉴로 들어가서 연결된 와이파이를 선택 한후, 와이파이 이름 우측의 Details (상세정보)를 클릭하면, 팝업창 하단에 IP 주소가 출력되어있다.