25/01/27 - 25/01/28

✅ 안네의 일기 리뷰
✅ 영락공원묘지
✅ 할머니 산소
✅ 자바스크립트
 - 포스팅 자료 - canva에서 만들기
 - 미리쌤 DOM 문서객체모델 수업 시간에 한거 정리
 - 기본선택자 
✅ 프로그래머스 코테 1문제 -> 깃 커밋
  - (그래프) 순위
  - (그래프) 가장 먼 노드
✅ JSP - url mapping, 실습문제 포스팅 그동안 한거 복붙
✅ Spring MVC Pattern
✅ AWS
 - 44. Spot Instance & Spot Fleet
 - 45. EC2 인스턴스 launch type 실습

---

 
👉🏻 블로그 커스텀 관련
 
✅ 모바일에서만 상단 Nav 바 보이도록 하기
 
모바일 chrome 앱에서 접속할 때 사이드 메뉴가 숨겨지는 문제를 해결 하기 위해  메인 페이지랑 썸네일 페이지 상단에 네비게이션 바를 하나씩  달아주었다.

 하지만 웹에서 보면 이미 좌측에 메뉴가 있는데 Nav 바가 하나 더 있어서 외관을 해친다고 생각해서 볼 때 마다 마음에 걸렸다

. 그래서 모바일에서만 상단 메뉴가 나오게 변경하고 싶어졌다.
 
CSS 미디어 쿼리로 화면이 특정 크기 이하로 줄어들면 Nav 바가 나타나도록 수정하기
 

 

/* nav바 모바일에서만 보이는 CSS 미디어 쿼리 (25.01.28) */
/* 기본적으로 숨김 */
/* 화면 크기가 1000px 이하일 때만 표시 */
.btn-17-nav-container {
  display: none;
}


@media (max-width: 1000px) {
  .btn-17-nav-container {
    display: block;
  }
}

.main-nav-container {
  display: none;
}

@media (max-width: 1000px) {
  .main-nav-container {
    display: block;
  }
}
/* nav바 모바일에서만 보이는 CSS 미디어 쿼리 (25.01.28) 끝 */

 
 
 
일반 크기에서는 상단 메뉴바가 안 나타나고 화면 width < 1000px이면 메뉴가 나타남