NavBar 2

36일차(1)/CSS(7) : bootstrap CSS 적용하기

36일차(1)/CSS(7) : bootstrap CSS 적용하기 - 지금까지 만들어놓은 페이지에 bootstrap을 사용해 css를 적용할 예정 include/ HELLO! 회원전용공간(공부) 회원전용공간(게임) 자료실 글목록보기 - 네비바 추가하기 : 5개 게시판의 링크를 걸고, 폭에 따라 조정되도록 한다. Home - navbar 아이콘의 active 적용방법 인덱스 페이지입니다. Previous Next - include 형태로 네비바 추가하고, carrosel 적용 - 폭이 좁을 때는 자동으로 버튼형식으로 적용된다 - 로그인 여부에 따라 네비바에 다른 항목이 노출되도록 적용 - if로 분리해서 null이 아니면 회원정보, LOGOUT / null이면 JOIN, LOGIN 이 나타나도록! - sty..

국비교육(22-23) 2022.11.28

29일차(2)/CSS(6) : bootstrap CSS 적용하기

29일차(2)/CSS(6) : bootstrap CSS 적용하기 [ 페이지에 디자인 추가하기 ] - index에 css, javascript CDN 링크를 넣는다. - 쉽게 불러올 수 있도록 Window-Preference-Emmet-Snippets 에도 저장해준다! 인덱스 페이지입니다. Previous Next (nav요소는 /include/navbar.jsp 로 분리함) - 네비 요소. 이동 관련된 요소로, div이긴 한데 좀더 의미가 있는 마크업이라고 할 수 있다. - div class="nav" 와 같음! - 클래스로 의미를 부여할 수도 있지만 마크업 자체에 부여할 수도 있다. 이것을 시멘틱 마크업이라고 한다. - 이동과 관련된 마크업을 div에 넣어도 상관은 없지만, 좀더 의미있게 모아두고 싶으..

국비교육(22-23) 2022.11.17