func;

사용된 라이브러리 및 프레임워크 Bootstrap css 4.6.0 Bootstrap js 4.6.0 Jquery 3.5.0 popper 1.14.0 #HTML Menu1 Menu1-1 Menu1-2 Menu1-3 Menu2 Menu2-1 Menu2-2 Menu2-3 Menu3 사이드 메뉴 숨기기 - ul은 브라우저에서 제공하는 기본 스타일이 적용되서 보이는데 다르게 꾸미기위해선 해당 스타일을 없애야하므로 list-unstyled 를 class에 선언한다. - 드롭다운 메뉴를 사용하기 위해 상위메뉴인 a 태그의 href 속성값과 하위 메뉴의 ul 태그의 id 속성값이 일치해야한다. - 상위메뉴 ul 태그 안 a 태그는 ... data-toggle="collapse" aria-expanded="false"..

# HTML 1 2 3 4 1-1 2-1 3-1 4-1 1-2 2-2 3-2 4-2 1-3 2-3 3-3 4-3 6 7 8 9 10 6-1 7-1 8-1 9-1 10-1 6-2 7-2 8-2 9-2 10-2 6-3 7-3 8-3 9-3 10-3 - table을 움직이지 않는 table(wrapTable)하나와 그렇지 않은 table(horizonTable)을 나눠서 만들어줍니다. - div(scroll)에 가로 스크롤을 만들어 줍니다. # CSS /* 내용이 세로로 많으면 스크롤 지정 */ .vertical { width: max-content; overflow-y: scroll; } /* 두 개의 테이블을 옆으로 나란히 배치하기 위해 float 속성을 사용함 */ .wrap { float: left; ..