2030 BigDATA

grid system[그리드 시스템] 웹 사이트 전체의 디자인을 체계적으로 하기 위해 사용하는 시스템 column을 나누어 요소들을 배치하여 필요할 때마다 칼럼들을 묶어서 배치 그리드 시스템을 사용하면 화면을 단순하게 만들면서도 규칙적으로 배열 가능 960[px] 그리드, 1200[px] 그리드, 12칼럼 그리드, 16칼럼 그리드, 24칼럼 그리드, 백분율 그리드 등의 시스템이 있음 ※ 일반적으로 12칼럼을 많이 사용 고정 그리드 시스템 브라우저 너비 값이 바뀌어도 웹 요소의 너비 값이 변경되지 않는 시스템 960[px] 그리드, 1200[px] 그리드, 12칼럼 그리드, 16칼럼 그리드, 24칼럼 그리드 가변 그리드 시스템 브라우저 너비 값이 바뀔 때마다 웹 요소의 너비 값이 함께 변경되는 시스템 가변..

HTML 2020. 8. 21. 23:23

반응형 웹 창의 크기가 변화함에 따라 창 안에 표시되는 내용들이 그에 맞게 변화하는 웹 문서 스마트폰 보급이 확대됨에 따라 모바일 기기에서도 콘텐츠들을 맞춤형 크기로 제공해야 할 필요성 증대 컴퓨터 화면 너비로 고정된채 스마트폰으로 보면 많은 내용을 작은 스마트폰 화면에 전부 출력해야하므로 글자 사이즈가 작게 보임 다양한 브라우저 환경에 맞는 웹 사이트를 각각 별도로 제작하는 것은 비효율적 다양한 브라우저 환경에 따라 변화하는 웹사이트의 콘텐츠들을 자동으로 변화시켜주는 것인 반응형 웹 반응형 웹의 장점 설 명 다양한 브라우저 환경 지원 스마트폰, 웨어러블 기기, 스마트 TV, 게임 콘솔 등에서 전부 사용 가능 가로 모드에 맞춰 레이아웃 변경 가능 스마트폰, 태블릿 등에서 가로*세로 변경시 그에 맞춰 레이..

HTML 2020. 8. 20. 23:23

들어가기 전... 스타일[style] HTML문서에서 자주 사용하는 글꼴이나 색상, 정렬 등 시각적으로 보기 좋게 꾸미는 것 인라인 스타일[Inline style] 스타일을 적용할 태그 안에 style속성을 이용해서 스타일을 지정하는 것 스타일 시트[stylesheet] 스타일 규칙들을 한눈에 확인하고 필요할 때 수정하기 위해 스타일들을 묶어둔 곳 스타일 시트는 내부스타일 시트와 외부스타일 시트로 나뉜다. * 내부스타일시트 : 태그 안에 태그를 사용해 작성 * 외부스타일시트 : 웹 문서에서 가져와서 태그 안에 태그를 사용해 작성 스타일 상속[style inherit] 부모 요소에 있는 스타일 속성들이 자식 요소로 전달되는 것 → 스타일의 모든 속성이 상속되는 것은 아님![배경색*배경 이미지는 상속되지 않..

HTML 2020. 8. 12. 23:23

들어가기 전... 단위의 종류에는 상대단위와 절대 단위가 있다. 상대 단위 em 부모 요소의 폰트 크기를 기준으로 하는 단위 부요 요소의 대문자 M의 너비를 1em으로 지정[부요 요소 크기에 따라 기준이 달라짐] rem 태그의 크기를 기준으로 하는 단위 처음부터 기본 크기를 지정[부모 요소가 아닌 최상위 태그의 크기로 기준이 고정] root와 em의 합성어 % 부모 요소를 기준으로한 비율 단위 vw viewpoint의 너비를 기준으로 하는 비율 단위 vh viewpoint의 높이를 기준으로 하는 비율 단위 절대 단위 px 가장 일반적으로 사용하는 절대 단위 여러 장치를 모두 지원하고 싶을 때는 값을 따로따로 지정해줘야 됨 웹을 개발할 때는 크게 '프론트엔드[Front-end]'와 '백엔드[Back-end..

HTML 2020. 8. 1. 23:23