최근 포스트

Vue UI 컴포넌트: 상하 스크롤을 따라다니는 플로팅 컴포넌트 만들기 (추가 라이브러리 X)

플로팅 컴포넌트 만들기 상하 스크롤을 쫓아오는 플로팅 메뉴를 만들어야 했다. 해당 기능을 또 쓸 일이 있을 것 같아, 플로팅 기능만 유틸처럼 떼놓은 형태의 컴포넌트를 만들기로 결정했다. 현재는 위치를 디테일하게 정하는 기능 없이, 일단 스크롤을 따라다니는 기능만 만들어본다. (Vu...

Window.getComputedStyle이란?

Window.getComputedStyle() 브라우저에 그려진 엘리먼트의 스타일을 객체로 반환해주는 메서드이다. Window.getComputedStyle() 메소드는 인자로 전달받은 요소의 모든 CSS 속성값을 담은 객체를 회신합니다. (출처: MDN) 사용하는 예시는 아...

Object.values() : 객체 내 값을 배열로 변경하기

Object.values() values()는 JS의 내장 객체 Object가 갖는 정적 메서드 중 하나다. 인자로 열거 가능한(enumarable) 객체를 받으며, 인자로 들어온 객체 내 속성의 값들로 이루어진 배열을 리턴한다. 이때 배열 내 값 순서는 객체의 속성을 for i...