반응형

4. 미디어 쿼리를 써보자.

4. 미디어 쿼리를 써보자. 3. 뷰포트란 무엇인가?! ( 바로가기 )에 이어서 미디어 쿼리를 사용해서 웹사이트의 디바이스가 달라질때, 웹사이트가 어떻게 변하는지 확인해봅시다. 위 코드에 보면 viewport와 함께 적용이 되어 있습니다. 실제로 코드를 작성한 후에 실습을 해봤는데 매우 흥미롭군요ㅎㅎ웹의 크기를 변경하면 배경색이 바뀌네요~! 자~! 미디어 쿼리를 사용해봤습니다ㅎㅎ실제로 터미널을 열어서 코딩을 하면서 확인을 해보면 더욱 잘 익혀집니다~! 4. 미디어 쿼리를 써보자. 끝.

1. 실습 예제 준비하기.

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