지속가능한 개발 노트:)

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

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

안녕하세요!! 저번에 텍스트 흐름 효과를 css로 구현하는 방법을 알려드렸는데요!! 이번엔 같은 흐름효과이긴 하지만, 약간의 디테일이 추가된! 끊김없이 무한 롤링되도록 jQuery를 이용해 구현해보았습니다. HTML 삽입 미리보기할 수 없는 소스 codepen에 작성해두었으니까 확인해보세요~ 글 읽어주셔서 감사합니다! 관련글 - [css] 텍스트 흐름 효과 marquee? animation?(반전 주의)

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

여러 개의 input 체크박스 체크 여부를 확인하여 요리 조리 이리 저리 작동하도록 하고 싶었습니다! 그럼 먼저 체크 여부 부터 확인을 해야 다음 스텝이 가능하겠죠?!ㅎㅎ $(document).ready(function(){ // 체크박스 체크 여부 확인 함수 function isChk(){ var chked = false; if(!chked){ return false; }else{ }); } } // 체크박스 체크시 함수 실행 $('input[type="checkbox"]').each(function(i){ $(this).click(function(){ isChk() }) }) });