웹디자인 (HTML,JS)54 728x90 반응형 웹을 위한 레이아웃 설계 방법 지난 아티클을 통해 반응형 웹의 정의와 반응형 웹을 위해 개발자가 꼭 알아야 하는 기술들에 대해 살펴보았습니다. 반응형 웹을 위해 개발자가 꼭 알아야 하는 기술들 반응형 웹(Responsive Web) 개발은 이미 일상이 되었습니다. 다만, 최근 몇 가지 프로젝트를 진행하며 알게 된 사실은 대부분의 개발자들이 반응형 웹에 대한 개념은 이해하지만 막상 어떻게 개발해 blog.pages.kr 이번 아티클에서는 ‘반응형 웹을 어떻게 만들 것인가’에 대한 실질적 내용인 “반응형 레이아웃”에 대해서 알아보고 간단한 실습 예제를 진행하겠습니다. 1. CSS3와 미디어 쿼리 일반적으로 레이아웃은 ‘사물을 공간에 잘 배치하는 것’을 이야기합니다. “Lay something out”이 “~을 잘 사용할 수 있도록 보기 .. 2021. 1. 8. 반응형 웹을 위해 개발자가 꼭 알아야 하는 기술들 반응형 웹(Responsive Web) 개발은 이미 일상이 되었습니다. 다만, 최근 몇 가지 프로젝트를 진행하며 알게 된 사실은 대부분의 개발자들이 반응형 웹에 대한 개념은 이해하지만 막상 어떻게 개발해야 하는지는 모른다는 겁니다. Q. 이런 일이 왜 발생했을까? 동료들과 이야기하며 이런 상황이 발생하게 된 이유를 정리해 보니 대부분의 개발자들이 부트스트랩과 같은 CSS 웹 프레임워크를 쓰거나, 반응형 웹을 퍼블리셔의 영역이라고 생각한다는 것을 알게 되었습니다. CSS의 담당자가 개발자인지, 디자이너인지에 대한 역할 정의는 회사별 혹은 팀별로 다르니 이 포스팅에서는 다루지 않겠습니다. Q. 왜 지금에서야 문제가 되었을까? 최근 웹 개발 시 리액트(React), 뷰(Vue), 앵귤러(Angular) 같은 .. 2021. 1. 8. 티스토리 페이지 종류별 body_id 값 BODY ID 티스토리 스킨을 만들 때 body 태그에 id를 출력하는 치환자를 넣습니다. 페이지의 종류에 따라 id의 값은 다음과 같습니다. 괄호 안은 URL입니다. 목록 첫페이지 : tt-body-index (/) 공지사항 글 목록 : tt-body-index (/notice) 카테고리 글 목록 페이지 : tt-body-category (/category/categoryname) 보관함 글 목록 : tt-body-archive (/archive/202101) 달력 글 목록 : tt-body-archive (/archive/20210101) 태그 글 목록 : tt-body-tag (/tag/tagname) 검색 결과 글 목록 : tt-body-search (/search/keyword) 글 포스트 : .. 2021. 1. 8. 비표준 웹 기술(ActiveX, NPAPI) 개선 관련 정보제공 미래부,「구글 NPAPI 지원중단 대응방안 세미나」개최- 국내 민간 주요 웹사이트 대상으로 관련 현황 및 대응 방안 공유 - ActiveX 및 NPAPI 확인 방법 : http://www.koreahtml5.kr/jsp/supportCenter/activeXReplaceTech3.jspNPAPI 전환 관련 기술안내서 : http://www.koreahtml5.kr/jsp/supportCenter/guide.jsp대체 솔루션 및 업체정보 : http://www.koreahtml5.kr/jsp/supportCenter/activeXReplaceTech.jsp웹 표준 전환 및 비표준 대체 기술 도입 지원사업 안내 : http://www.koreahtml5.kr/newsLetter/20150609/index.h.. 2015. 7. 3. KISA, 웹 표준 및 액티브X 대체기술 교육 KISA(한국인터넷진흥원, 원장 서종렬)는 차세대 웹 표준(HTML5 등) 및 액티브X 대체기술에 대한 교육을 6월 23일부터 4차례에 걸쳐 주요 100대 사이트 담당자 및 웹 개발자 대상으로 시행한다고 밝혔다. KISA아카데미에서 개최되는 '제1기 웹 표준 및 액티브X 대체기술 교육'은 웹 표준 동향, 브라우저별 웹 표준 적용, 모바일 웹 표준, 액티브X 대체기술에 대한 이론 및 실습 교육으로 구성되었다. 이번 교육은 액티브X 과다사용에 따른 웹 호환성 및 보안성 문제를 개선하고 향후 모바일 환경에 적합한 웹 표준환경을 구현하기 위해 지난 3월 방송통신위원회가 발표한 ‘인터넷 이용환경 개선 추진계획’의 일환으로 진행된다. ‘인터넷 이용환경 개선 추진계획’은 웹 서비스 제공자 대상 액티브X 대체기술 적용.. 2011. 6. 27. 이전 1 ··· 5 6 7 8 9 10 11 다음 728x90 728x90
