지속가능한 개발 노트:)

안드로이드 기기의 모바일웹 개발자 모드로 디버깅했듯이, 오늘은 아이폰의 사파리를 통해서 모바일웹 개발자 모드 디버깅을 하는 법을 알아보겠습니다. 1. PC 맥 사파리에서 개발자 도구 활성화 2. 아이폰 혹은 IOS 기기 사파리 설정에서 Web Inspector을 활성화 3. PC 맥과 아이폰을 케이블로 연결하고 사파리 개발메뉴에서 기기탐색 4. PC 맥 사파리의 개발 메뉴를 통해 아이폰에서 활성화된 모바일웹 페이지를 개발자 도구로 확인! 이제 어떤 모바일웹이든 편리하고 빠르게 디버깅 할 수 있겠습니다!! 유용하게 사용해보시길 바랍니다. 수정할 내용이나 알려주실 내용있으시면 댓글로 가르침 주세요^_^ 글 읽어주셔서 감사합니다~ 관련글 - 안드로이드 기기의 개발자 모드 활성화하여 디버깅 하기(feat. 개발..

PC보다 모바일 작업이 까다롭게 느껴지는 이유는 PC는 작업 도중 개발자 도구로 즉각적으로 확인 하여 정확도를 높일 수 있지만, 모바일은 PC에서 제작된 작업물을 정확하게 모바일 환경에서 바로 바로 확인하기 어렵기 때문이라고 생각합니다. 그래서!! 정확하고 빠르게 모바일 작업물을 확인하기 위해 모바일, 그 중에서도 안드로이드 기기의 개발자 도구 활용해 디버깅할 수 있는 방법을 알려드리려고 합니다! 1. 안드로이드 기기 설정에서 개발자 모드 활성화하기 2. 안드로이드 기기와 개발용 컴퓨터 케이블로 연결하기 3. 개발용 컴퓨터에서 크롬 실행 후 chrome://inspect 주소창에 입력 4. 로컬호스트 환경을 포트포워딩을 통해서 연결 정말 훨씬 빠르고 정확하게 답답함 없이 해결 가능해서 아주 좋네요 정말 ..

1. IP주소란? IP란 인터넷 프로토콜(internet Protocol)의 약자로 인터넷상에서 데이터를 주고 받기 위한 통신 규약입니다. 정의를 고대로 이해하기 어렵지만, 실생활에서 예를 들어보면 우편을 보내기 위해 각각의 주소라는 규약을 만든 것, 전화를 주고 받기 위해 각자의 전화번호가 있는 것, 이메일을 주고 받기 위해 각자의 이메일이 있는 것과 같은 의미라고 보면 됩니다. 이런 IP에는 공인 IP와 사설 IP가 있는데 이에 대해 자세히 알아보겠습니다!! 2. IPv4, IPv6?!?! 일반적으로 IP주소라 하면 IPv4를 의미합니다. 172.00.000.0 IP는 위와 같이 총 4bytes(32bit)이고, 이진수로 표기된 IP주소는 사람이 알아보기 어렵기 때문에 1byte(8bit)씩 마침표로..

2022년 12월 7일(수)~9일(금), 3일간 개최했던 if(kakao)dev2022 카카오 개발자 컨퍼런스를 듣고 정리한 내용을 이제야 올리네요 ㅎㅎ 기술섹션 프론트엔드에서 웹 반응성 개선을 주제로 발표하신 내용입니다~ 저의 공부 삼아 올리는 내용이지만, 참고하시면 좋을 거 같아요! 1. 웹 성능이란? 웹에서 성능을 이야기할 때는 로딩 성능을 말한다. 웹 로딩 성능은 링크 클릭 후 사용자가 기본적인 동작을 시작할때까지의 시간을 의미한다. 빠르게 로드되지 않는 페이지는 사용자들은 기다리지 않고 떠나기 때문에 로드 성능을 최적화하는 것은 매우 중요한 일이다. 그러나 웹앱이 점점 복잡해지고, 사용자가 웹 안에서 더 많은 일을 하기 때문에 웹성능의 초점이 로드에서 로드 이후로 이동하기 시작했다. 블로그와 같..