해상도별 이미지 교체 window resize

반응형 웹사이트 제작 시 해상도 처리 및 감지 방법에는 2가지가 있다. CSS의 미디어쿼리 사용 Javascript의 $(window).width();와 if문 사용 CSS로는 미디어쿼리와 background 속성을 이용해 해상도별 이미지를 수정할 수 있지만 마크업을 수정할 순 없다. 이때 Javascript로 브라우저의 가로 값을 계산하여 해상도별로 마크업을 수정해줄 수 있다. resize event // jQuery $(window).resize(function(){ // script }); // JavaScript - addEventListener window.addEventListener('resize', function(event) { // script }, true); // JavaScript..

2022.01.11

mobile web

mobile web 모바일 웹은 스마트폰, 피처폰, 태블릿 PC를 비롯한 모바일 장치에서 접속하는 브라우저 기반의 인터넷을 의미한다. 모바일 OS (Operating System)에는 안드로이드(구글), IOS(애플), MS(마이크로소프트) 3가지가 있다. Native App 아이폰과 같은 모바일 기기에 직접 설치되고 운용되는 전용 애플리케이션이다. 각 프로그래밍 언어와 SDK로 개발해야 하며 기기의 고유정보에 직접 접근이 가능하다. 기기의 하드웨어, 메모리 등과 밀접하게 상호작용 할 수 있어 모바일에 고성능 애플리케이션을 개발할 수 있으며 앱스토어에 등록하고 판매할 수 있다. Native App 개발 프로그램 모바일 os 구글 안드로이드 app 애플 IOS app 개발 프로그램 java object-c..

2021.12.21