세연아빠의 개발과 일상의 모습

반응형 웹 만들기반응형 웹 만들기 반응형 웹에 대한 1차 포스팅에서 반응형 웹이란 어떤것이며 무엇을 위해 만들어 졌는지에 대하여 알아보았다. 그럼 이번시간에는 반응형 웹은 어떻기술들로 만들어 지는지에 대하여 알아보는 시간을 가져보자 크게 반응형 웹을 만드는 기술은 3가지로 분류할 수있다. 1 가변그리드 가변그리드란 웹화면 구현에 있어 px(픽셀) 단위대신 %(비율, 가변)으로 처리하는것을 말한다. 만일 고정된 px 로 화면에 사이즈를 정한 다면. 모바일 화면에서는 화면이 작게 보여질 수 밖에 없고, 이런 문제를 비율로 보여지도록 처리하여 적당한 사이즈로 처리되도록 한다. 1234567891011#wrap {/* width:960px; */ width: 90%;height:500px;margin:0 aut..

반응형 웹 무엇인가? 장점 및 만들기반응형 웹 무엇인가? 장점 및 만들기 반응형 웹이란? 최근에 반응형 웹이란 이야기들을 많이들 한다. 기존에 홈페이지가 있든 새롭게 홈페이지를 만들게 되든 시대에 맞게 홈페이지를 만들어야 한다는 생각을 가지게 되므로 주목받게 되는 웹기술이다. 뭐 특별한건 없다 반응형 웹(Responsive Web) 단어의 뜻에서도 알 수 있듯이 웹이 반응한다는 이야기인데 무었에 반응 을 할까? 바로 브라우저의 창 크기에 반응한다는 말이다. 그럼 이게 왜 필요할까? 2007년 이후 스마트폰 모바일 기기가 세상에 선을 보이면서 모바일의 특성상 화면 사이즈가 PC 와는 다르므로 웹페이지 접속시 화면 사이즈가 모바일 크기로 축서되어 보인다는 점이다. 그래서 등장한 것이 바로 반응형웹이다. 모바..

CSS 외부파일 불러오기CSS 외부파일 불러오기 웹페이지를 작성시 스타일시트의 위치는 Colored by Color Scriptercs 이글이 도움이 되셨다면 아래에 로그인이 필요없는 공감 버튼을 클릭해주세요 ^^