[JavaScript] Date 객체
서론 날짜, 시계열 데이터를 다룰 때 유용한 Date객체에 대해 알아보려합니다. 날짜는 정말 다양한 곳에서 사용됩니다. 가장 일반적으로 웹페이지, 어플리케이션 등에서 조회를 할 때도 사용되고, 시계열 데이터가 들어간 자료를 만들때도 활용됩니다. 제대로 정리를 해놓으면 저 스스로에게도 다시 찾아와서 참고할 수 있는 글이 될테니 꼼꼼히 적을 생각입니다. 아래 소개할 내용으로 Date 객체생성, 메소드(내장함수), 날짜표현 형식변경, 날짜계산 등에 대해 다룰 예정입니다. 목차 Date 객체 메소드 get메소드 : getFullYear(), getMonth(), getDate(), getDay(), getHour(), getMinutes(), getSeconds(), getMilliseconds() 날짜 For..
[CSS] CSS 단위 - %, em, rem, vw, vh 속성 알아보기
서론 웹 페이지를 이용하는 사용자들은 데스크탑, 모바일, 태블릿 PC 등 다양한 기기환경에서 접속을 합니다. 그렇기에 웹페이지 요소들 크기에 고정된 절대값인 'px'값으로 주게되면, 모든 기기에 개발자가 의도한 최적의 디자인을 보여주기 어렵습니다. 이때 요소의 크기를 "상대적인 크기"로 정의하는 속성을 사용하면 유용합니다. 목차 % 속성 em 속성 rem 속성 vw, vh 속성 1. % 속성 크기를 %로 입력하게 되면, 부모의 크기를 기준으로 따라가게 됩니다. 예를 들어, 아래 예시와 같이 부모태그의 크기가 20px일 때, 자식태그의 크기를 50%로 준다면 자식태그는 10px로 표시됩니다. parent child 아래는 결과물을 보면 글자태그 뿐만 아니라 박스크기의 속성도(heigt, width) 부모태..
