모바일웹 썸네일형 리스트형 모바일 앱과 모바일 웹 안녕하세요 날라리기획자 입니다. 오늘은 모바일 앱과 모바일 웹에 대해 이야기 해 보고자 합니다. 1. 모바일 앱(App)과 모바일 웹(Web) 위의 이미지는 네이버의 모바일 웹과 모바일 앱을 캡쳐한 사진입니다. 좌측의 모바일 웹은 사파리라는 브라우저(또는 휴대폰에서 지원하는 브라우저)를 통해 HTML형태의 문서로 화면을 제공하는 방식이며 우측의 모바일 앱은 iOS(Android)의 프로그램 언어 (C, Java)를 통해 화면을 제공하는 것입니다. 그렇기 때문에 모바일 웹은 해당 브라우저와 HTML에 귀속된 정보구조, 기능을 제공하는 반면, 모바일 앱은 각 휴대폰과 소프트웨어에 귀속된다고 보시면 됩니다. - 새창을 띄우는 방식(화면 및 메뉴이동 컨트롤 포함)도 웹과 앱이 다르게 표현됩니다. (물론 동일하게.. 더보기 미디어쿼리를 공부해 보자. 안녕하세요. 키다리디자이너입니다. 오늘은 요즘 있어보인다는 웹사이트의 필수요소인 반응형웹에서 주로 사용되는 미디어쿼리에 대해 알아보도록 할게요. 미디어쿼리란 모르면 어려워 보이지만 알고 나면 별 거 아닌 쉬운 기술입니다. 키다리디자이너는 구구절절 긴얘기 하는 거 딱 질색이니 짧고 굵고 이해하기 쉽게 설명해보도록 할게요. 1. 반응형웹이란 무엇인가? 걍 화면 크기에 따라 레이아웃(그리드) 달라지는 화면이요. 더 이상 알필요 없음 ㅇㅇ 2. 미디어쿼리란 무엇인가? 화면 크기에 따라 달라질 경우 현재 화면 크기에 따라 다른 CSS내용이 적용될 수 있도록 해주는 것입니다. 이것도 더 이상 알필요 없음 ㅇㅇ 3. 코딩 준비 미디어 쿼리는 앞서 말한 것처럼 현재 화면사이즈를 인식해 다른 CSS를 뿌려주는 것입니다... 더보기 이전 1 다음
