01 네비게이션 바 추가하기
-
어떠한 화면에 있더라도 항상 메인 화면으로 돌아갈 수 있도록 내비게이션 바를 만들어 화면 상단에 고정해 보자 -> 네비게이션 바 이용
-
네비게이션의 숨은기능 ?
- 부트스트랩(Bootstrap)은 브라우저의 크기가 작아지면 자동으로 내비게이션 바에 있는 링크들을 햄버거 메뉴 버튼으로 숨긴다.
- 햄버거 메뉴 버튼 : 링크나 메뉴를 숨기는 것은 부트스트랩의 반응형 웹 기능
- 반응형 웹 : 웹 디자인 기법 중 하나로, 디스플레이의 크기나 종류에 반응하여 그에 맞도록 UI 요소가 자동으로 배치되도록 설계한 웹
-
햄버거 버튼을 누르면 로그인 창이 나와야 하는데 뜨지 않음
- 해결방법 (bootstrap.min.js 파일은 이러한 부트스트랩의 특별한 기능들을 수행하는데 필요한 내용이 담긴 자바스크립트 파일 사용)
-
네비게이션 바 분리하기
- 공통 템플릿으로 사용하기
- 네비게이션 템플릿 만들기
- 레이아웃 템플릿에 네비게이션 템플릿 사용
-
이렇게 하면 독립된 하나의 템플릿으로 관리 ,유지 보수에 유리, 코드의 재사용성을 높여줌
