Blog
DogKaeBi Blog
중국/광둥 이야기, 블로그 개발 이야기, 일상 이야기
[Next.js 블로그] 햄버거-닫기 버튼
hamburger to close menu icon 만들고 변경 애니메이션 추가하기
[Next.js 블로그] 반응형 햄버거 버튼
hamburger menu button 만들고 @media 사용해서 넓이에 의해 감추기
[Next.js 블로그] pathname 현제 페이지 강조
Navigation bar에서 usePathname으로 현재 페이지를 강조하기
[Next.js 블로그] 호버 밑줄 애니메이션 css
Header Navigation, 링크 hover하면 밑줄이 나오는 css를 작성했다.
[Next.js 블로그] 헤더 네비 외형과 링크
map()함수와 Link 컴포넌트로 header navigation bar 기본틀 만들기
[Next.js 블로그] Tailwind 최소 높이 화면 만큼
기본 최소 높이를 화면의 높이로 하고 요소 채우기
[Next.js 블로그] Tailwind 좌우 정렬, 최대 넓이
광고 배너 공간을 고려해서 화면의 중간만 사용하기로 했다.
[Next.js 블로그] Hero 컴포넌트
컴포넌트를 만들어 각 페이지의 히어로가 내용이 다르게 만들기