우롱이 공책정리

GNB (Global Navication bar) : 어느 페이지에 들어가든 공통적으로 사용할 수 있는 메뉴 최상위 메뉴로 보통 상단에 위치 (메인메뉴라고도 부른다) LNB (Local Navigation Bar) : GNB를 누를 경우 소제목 형식으로 나오는 메뉴 SNB(SIde Navigation Bar) : 일반적으로 왼쪽에 많이 있기 때문에 LNB(Left Navigation Bar)라고 부르기도 함. 메인메뉴와 서브메뉴를 제외한 나머지 사이드 메뉴 FNB (Foot Navigation Bar) : 하단 메뉴

PC 해상도 : 1280 px 모바일 해상도 : 360 x 640 제일작은 Container : 안에 담기는 내용의 최대 폭 1200px 을 추천 전체폭은(max-width) 1920px 컨테이너는(내용) 1200px 칼럼 웹기준으로 12단 추천 2,3,4,6단으로 나눌때도 정수값 가이드라인 잡기도 편하고 퍼블리싱 간편 너무 단을 많이 쪼개면 반응형에 취약 거터는 30px 추천 칼럼은 72px로 딱 떨어짐 출처 : www.youtube.com/watch?v=iqv9CDY-QCA&t=89s 출처 : www.youtube.com/watch?v=Q_gcAAKfGKw&t=434s

칼럼(Columns) 실제로 컨텐츠를 포함하는 부분은 칼럼이라고 합니다. 칼럼의 넓이는 고정된 값으로 제공되며, 1개 이상의 칼럼이 조합하여 컨텐츠의 크기를 결정합니다. 그리고 하나의 칼럼 안에는 반드시 양 옆에 여백, 즉 거터를 동반합니다. 거터(Gutters) 거터는 칼럼과 칼럼사이의 공간입니다. 1개 이상의 칼럼이 조합된 컨텐츠와 컨텐츠 사이의 간격이 됩니다. 거터의 넓이 역시 고정 값으로 제공하며, 스크린의 너비에 비례하여 넓은 거터는 큰 스크린에 적합니다. 칼럼사이에 공백을 더 많이 생성하기 때문입니다. 마진(Margins) 여백은 내용과 화면의 왼쪽 및 오른쪽 가장자리 사이의 공간입니다. 여백 너비의 넓이도 고정 값으로 정의되며, 여백 역시 큰 여백은 내용의 둘레에 더 많은 공백을 만들기 때문..