1. 반응형 웹 기초

본문 : http://sir.co.kr/bbs/board.php?bo_table=pb_lecture&wr_id=133

반응형?

데스크탑부터 모바일 등 많은 종류의 기기에서 최적의 사용환경(최소의 리사이징,패닝,스크롤링)으로도 읽기 쉽고 접근하기 쉬운 환경을 제공하는 사이트를 말함.

반응형 웹 기법?

1. CSS 미디어 쿼리
2. 유동형 그리드
3. 유동형 이미지
4. 반응형 레이아웃
5. 반응형 네비게이션/메뉴 ...

모바일 퍼스트?

웹 디자인을 할때 모바일을 먼저 생각해서 디자인/프로그래밍 함

Why?

모바일의 성장, 기기의 제약, 기기의 기능 

제약!

스크린의 크기, 네트워크속도/품질, 사용하는 모드

구현!

CSS를 작성할 때 모바일 화면부터 기본 코딩 그 외의 모든 화면은 미디어쿼리를 이용함

이유) 모바일 브라우저가 미디어쿼리를 지원하지않음..

원칙!

모바일 스크린을 위해서 콘텐츠 재정렬이 필요

이유) 일반적으로 데스크탑에서는 네비게이션부터 시작해서 컨텐츠가 보여진다면, 모바일에서는 네비게이션이 컨텐츠를 보여주는 공간을 많이 차지하는것이 좋지 않으므로 컨텐츠를 먼저 보이도록 하고 네비게이션의 경우 아이콘을 이용하여 클릭시 펼쳐지는 방식을 이용

반응형 웹의 단계

• 데스크탑 웹 사이트가 모바일에서도 별 문제없이 나오도록 구현
• 모바일 퍼스트를 원칙으로 불필요한 내용을 정리하는 과정을 거친 구현
• 내용을 중심으로 디바이스별로 특화된 컨텐츠/기능/레이아웃/스타일을 제공
  

위 내용은 그냥 제가 글 읽고 노트에 대충 작성한거라.. 본문 보시는거 강츄'.'