Simple Is Best

안녕하세요! 오늘은 제이쿼리를 활용한 애니메이션 구현에 대해서 공부해보도록 하겠습니다. 어제 갑자기 잔여백신을 맞게 되어서 오늘 오른팔이 너무 뻐근해서 제 컨디션이 아니지만 여느 때와 마찬가지로 오늘도 공부 해 보겠습니다!! 오늘의 Target - 우리에게 익숙한 Web UI 일 것 같습니다. 특정 버튼을 클릭하면 왼쪽에서 새로운 메뉴 창이 뜨는 것을 자주 볼 수 있죠? 오늘 우리는 이것을 구현해보도록 하겠습니다. 1. 클릭 이전 2. 클릭 이후 animate( {원하는 CSS 속성: '속성 값' },밀리초 ); animate 메소드를 활용하면 원하는 애니메이션을 쉽게 구현 할 수 있습니다. 첫번 째 인자로는 원하는 CSS 속성과 CSS 속성 값을 넣어줍니다. [주의 할 점] 1. CSS 속성을 작성할 ..

안녕하세요. 이번 포스팅에서는 position : sticky에 대해서 공부하겠습니다. 비슷한 속성으로는 position : fixed 가 존재합니다. 우선 position:fixed와 position: sticky의 차이점에 대해서 알아보도록 하겠습니다. fixed vs sticky [position : fixed] : 사이트 내 전체에 스크롤 되어도 viewpoint 에 고정되어서 처음부터 끝까지 고정 된다. ▷ fixed는 body 태그에 붙어서 처음부터 끝까지 fix됩니다. [position : sticky] : 상위 영역에 의존하여 상위 태그가 스크롤 되어서 사라질 때 까지만 고정된다. ▷ sticky는 상위 태그에 붙어서 상위태그가 스크롤 영역에서 사라질 때 까지만 fix 됩니다. 그럼 sti..