빠르게 성장하는 개발자

navbar (navigation bar)을 만들면서, 약간의 난관에 봉착했다.내가 원하는 네비게이션 바의 조건 (은근 간단하지만 구현하는데 하루종일 걸렸다.)💡1. 화면 크기가 줄어들면 hamburger icon이 나오고, menu들은 세로형으로 나온다. 2. menu를 누르면 다시 햄버거 아이콘으로 돌아간다. 3. 스크롤을 내리면 네비게이션 바가 사라진다. 4. 살짝만 스크롤을 올리면 네비게이션바가 상단에 다시 나온다.tailwind는 mobile-first 를 지향해서 min-width만 제공하고 max-width는 따로 제공하지 않는다.즉, md:w-2 같은 코드는 클래스에 바로 넣으면 돼서 편하지만, 나처럼 큰화면에서 반대로 작아질 때 media query를 default로 제공하지 않는다. m..

import InputStyle from './Input.module.css'; function Input({ placeholder, helper, InputType }: InputProps): JSX.Element { let helpermessage = helper ? helper : ''; return ( {helpermessage} ); } export default Input; .Div { @apply w-[21.875rem] flex flex-col gap-1; } .InputBox { @apply w-full p-4 /* shadow */ appearance-none border border-main-30 rounded-lg text-body focus:border-none focus:outl..