홈페이지

2. 반응형 웹의 맛보기!

2. 반응형 웹의 맛보기! 33p~ 34p 가변 그리드에 대해서 간단히 알아보자. 간단히 html에 div tag를 이용해서 네모를 출력할 때,id로 style을 지정해줄때, 가변 그리드를 사용하려면 하나만 바꾸면 됩니다. 위의 소스는 보통의 html의 style입니다.하지만 width에 px를 %로 바꾸면?! width:90%; 이렇게 바꾸면 갑지가 반응형이 되어버립니다.자~! 반응형 이제 끝?! 일까요?? 아닙니다. 현재 웹이 반응형이긴 하지만 접속하는 기기의 해상도나 화면이 어느 크긴지 모르기때문에 아무런 소용이 없습니다. 이것을 해결해 주는 것이 있는데 이것들은 바로 미디어 쿼리와 뷰포트 입니다. 일단 맛보기는 여기까지로 하겠습니다. 감사합니다. 2. 반응형 웹의 맛보기! 끝.

1. 실습 예제 준비하기.

1. 실습 예제 준비하기. 책을 처음 봤을때, 엄청 얇다. 그 이유가 첨부 소스를 독자가 보고 있다고 가정하고 기술이 되어 있기 때문이다.(git처럼 델타를 사용하는것과 비슷한 느낌이랄까?) 그래서 소스를 먼저 다운받고 책을 읽을 준비를 해야했다. 우선 이지스 퍼블리싱 홈페이지(http://easyspub.com/)에 가서 가입을 한 후 다운로드를 받는다. 다운로드를 받을 때, 다운로드를 받는게 편하겠다. 자. 압축을 풀어놓고 시작할 준비가 되었다.