반응 형 웹 구축 시 css calc ( ) 활용 팁 
 반응 형 웹 은 이제 모든 웹 페이지 의 필수 가 되 어 버린 것 같 다 . .. 최근 접하 는 프로젝트 의 거의 모든 웹 페이지 에서 사용 되 고 있 기 때문 이 다 . 부트스트랩 이나 기타 반응 형 웹 을 쉽 게 구현 가능 하 도록 돕 는 라이브러리 등 을 사용 한다면 크 게 고민 하 지 않 을 수 도 있 지만 필자 는 항상 어떻게 레이아웃 을 잡 을 것 인지 부터 매우 많 은 부분 들 에 고민 들 이 함께 하 고 있 다 . ! 고정 영역 을 함께 가지 는 반응 형 웹 반응 형 웹 은 어떤 요소 가 가변 길이 를 가지 기 위해 css 에서 길이 를 정하 는 경우 고정 된 단위 인 px , pt 가 아닌 em , pecent ( %) 를 사용 하 게 된다 . 물론 스크립트 언어 를 사용 해 항상 변하 는 코드 를 사용 하 기 도 하 지만 스크립트 의 사용 은 최대 한 줄 이 면서 즉시 반응 하 는 웹 페이지 가 더 쉽 고 유지 보수 에 도 좋 을 것 이 다 . 두 개 또는 그 이상 의 컬 럼 들 이 하나 의 row 안 에 존재 하 고 이 들 이 브라우저 의 크기 에 반응 한다고 생각 해 보 자 . 각각 의 컬 럼 들 이 예 를 들 어 각각 50 %, 50 % 라면 width 에 이 값 을 설정 하 여 쉽 게 코드 작성 이 
 2016 - 08 - 05 18 : 47 : 42 
 반응 형 홈페이지 구축 시 유용 한 팁 과 노하우 
 최근 웹 사이트 를 구축 할 때 반응 형 웹 사이트 를 많이 볼 수 있 습니다 . 반응 형 웹 사이트 가 왜 유용 한지 굳이 말 할 필요 가 없 겠 지만 한 줄 로 요약 하 면 . .." 내 디바이스 가 무엇 이 든 최적 화 된 UI / UX 를 주 렴 ! !" 이라고 할 수 있 다 . .. 어쨌든 퍼블리셔 의 기본 소양 이 된 반응 형 웹 구축 에 대해 간단 하 고 짧 지만 굵직 한 한 글 을 적 어 보 고자 한다 . 반응 형 웹 ( Responsove Web ) 은 다양 한 디바이스 . .. 데스크 탑 , 노트북 , 모바일 등 에서 브라우저 의 크기 에 즉각 적 으로 변화 하 여 최적 화 된 인터페이스 를 제공 해야 한다 . 이 를 구현 하 기 위해서 는 html 은 물론 이 고 css 와 자바 스크립트 ( 제이 쿼리 ) 등 을 활용 하 여야 한다 . .. 그렇 다고 너무 걱정 할 필요 는 없 다 . 반응 형 웹 이 어려울 수 도 있 지만 웹 이 복잡 하 냐 간단 함 하 냐 의 차이 일 뿐 간단 한 웹 은 간단 하 게 반응 형 이 가능 하 기 때문 이 다 . !! 반응 형 웹 구축 에 꼭 알 아야 할 내용 아래 사항 들 은 필수 적 이 거나 알 면 매우 유용 한 내용 들 을 정리 한 부분 이 다 . 대부분 간단 하 지만 쉽 게 간과 
 2016 - 03 - 15 23 : 50 : 09