본문 바로가기

Today I Learned

<TIL>반응형해더</TIL>

풀스크린 해더
가로:1024px 이하였을때 해더 
메뉴 버튼누르면 아래로 쭉 떨어지는 메뉴

간단해 보이지만, 코드로는 절대 간단하지 않았던 반응형 해더.

엄청난 CSS코드 분량과의 싸움

이 코드들을 움직이는 것처럼 보이게 하기 위한 JS

개발자는 편한것을 만들기 위해 편하면 안 되는 것 같다.

 

toggle 버튼을 움직이게 하기위한 JS

보면 알겠지만 토글 버튼이 클릭으로 열렸을때 뿐만아니라, 토글 버튼으로 메뉴가 내려왔을 때 브라우저 크기를 변동시키면 토글 버튼이 그대로 열려있는 것과 같은 상태를 제어하기 위한 resize 펑션을 만드는 부분은 생각지도 못한 부분이었다.

 

'Today I Learned' 카테고리의 다른 글

<TIL>Flask를 이용한 API 만들기</TIL>  (0) 2021.09.20
<TIL>Flask</TIL>  (0) 2021.09.20
스파르타 HIP한 코딩 이벤트  (2) 2021.09.14
<TIL>JQuery</TIL>  (0) 2021.09.09
<TIL>웹페이지를 만들자</TIL>  (0) 2021.09.08