Computer/Web Design (3) 썸네일형 리스트형 Bootstrap 4 와 AdminLTE 3 부트스트랩(Bootstrap)은 2011년 8월 19일 트위터에서 발표한 반응형 웹 디자인(Responsive Web Design)을 지원하는 오픈소스 CSS,JS 프레임워크 이다. * 트위터는 2024년 현재 X(엑스) 로 사명이 바뀌었다. CEO는 따로있지만 영향력 있는 인물은 우리가 아는 바로 그분(일론 머스크) 이다. 로켓 회사와 소셜미디어 회사이름이 유사한것이 포인트. 부트스트랩 초기 이름은 트위터 블루프린트 였다.(위키백과 참조) AdminLTE는 Bootstrap 기반의 Admin Dashboard 탬플릿 이다. 1,2 버전을 거쳐서 현재(2024.01) 3 버전이다. * GitHub 에는 Bootstrap 5 를 지원한다고 하는데 공식사이트 문서에는 Bootstrap 4 기반이라고 나온다... CSS 전처리기(Pre-Processor) CSS(Cascading Style Sheet) 란 CSS(Cascading Style Sheet)는 마크업 언어(HTML, XML 등)가 실제 표시되는 방법을 기술하는 스타일 언어로 W3C(The World Wide Web Consortium) 에서 관리하는 표준이며 1996년 12월 17일 에 최초로 발표되었다. 버전은 2.1 까지 버전 2라고 부르고 이후 버전들을 3이라고 부른다. W3C를 보면 level로 관리하고 있다. 버전 2 이후부터는 CSS 구성요소별 level 을 두어 관리하고 있다. 강력한 그러나 까다로운 CSS는 굉장히 강력한데 https://csszengarden.com/ 사이트를 방문해 보면 동일한 내용의 HTML 을 CSS만 변경해서 8가지 (Mid Century Modern, .. CSS를 이용한 웹의 다양한 변화 CSS를 이용한 웹의 다양한 변화 The Zen of CSS Design 의 Tip - 의미단위의 Markup 작성과 페이지에 이미지 넣기 작성자: 월하검객(ykid1@naver.com) 마지막수정일: 2007-06-18 최초작성일: 2007-06-18 1. 기존의 방법과 문제점(테이블 레이아웃과 문제점) 이전 초기의 웹 디자인들은 대부분 HTML의 [TABLE]태그를 이용한 레이아웃을 설정하고 거기에 맞게 이미지와 텍스트를 넣는 방식이었다. 이 방법은 [TABLE]태그 즉 표를 이용한 레이아웃 이기때문에 제작하는 사람이 이해하기 쉬워서 많이 사용한다. 포토샵에서도 웹 디자인 시에 이미지를 자르면 자동적으로 테이블 레이아웃 형태의 HTML을 작성해 주었다.(MS워드나 한글 등에서도 문서작업을 위해 표를 .. 이전 1 다음
