position: sticky로 사이드바·목차 고정하기
안녕하세요 이코노트허브 입니다. 긴 글을 읽다 보면 스크롤을 한참 내렸는데, 목차나 "맨 위로" 버튼이 화면 위쪽에 그대로 남아있어서 클릭 한 번에 원하는…
안녕하세요 이코노트허브 입니다. 긴 글을 읽다 보면 스크롤을 한참 내렸는데, 목차나 "맨 위로" 버튼이 화면 위쪽에 그대로 남아있어서 클릭 한 번에 원하는…
안녕하세요 이코노트허브 입니다. 블로그 글 아래에 "자주 묻는 질문(FAQ)"을 넣고 싶은데, 질문을 다 펼쳐두면 페이지가 너무 길어 보일 때가 있습니다.…
안녕하세요. 이코노트허브 입니다. 블로그 하단이나 사이드바에서 "관련 글" 섹션이 카드 형태로 반듯하게 정렬된 걸 보신 적 있으실 겁니다. 이런 격자(그리…
안녕하세요 이코노트허브 입니다. 지난 글에서 만든 페이드인 효과는 페이지가 열리는 순간에만 실행되고 끝났습니다. 그런데 글이 길어지면, 스크롤을 한참 내려야 나오는 내용은 …
안녕하세요.이코노트허브 입니다. 오늘은 지난 글에서 쓴 transition 은 "상태가 바뀔 때" 부드럽게 변하는 효과였습니다. 예를 들어 다크모드 버튼을…
지난 다크모드 글을 다시 보면, 배경색과 글자색을 body 와 .dark-mode 에 각각 따로 적었습니다. 만약 색상을 하나 바꾸고 싶다면, 코드 여기저기를 찾아다니며 일…
지난 글에서 다크모드 버튼을 만들어봤는데, 아쉬운 점이 하나 있었죠. 버튼을 눌러 다크모드로 바꿔도 새로고침하면 다시 라이트모드로 돌아가는 문제 였습니다. 오늘은 이 문제를…