fadeIn, fadeOut 효과 (w. Vanilla JS, CSS Keyframes)
간단하게 CSS의 Keyframes와 Vanilla JavaScript를 활용한 fadeIn, fadeOut 효과를 만드는 방법을 기록한다. Preview See the Pen fadeIn / fadeOut Effect (w. Vanilla JS, CSS Keyframes) by Tae ...
블로그
간단하게 아코디언 메뉴 만들기
자바스크립트를 사용해서 정말 간단하게 아코디언 메뉴를 만드는 방법을 기록한다. 미리보기 See the Pen Accordion Menu 1 by Tae Young, Kim (@kty0529) on CodePen. HTML <ul> &...
파일 첨부 input 외형 변경 (w. jQuery)
input type file의 외형을 간단히 수정할 수 있는 방법을 기록한다. jQuery로 작성되어 있으나 IE는 고려하지 않았다. HTML <label for="attached"> <input class="file_real" id="attached"...
IE, isNaN 함수 대체
IE에서는 isNaN 함수가 없기 때문에 필요한 경우 수동으로 추가 작업을 해줘야한다. CODE if ( ! Number.isNaN ) { Number.isNaN = function isNaN(value) { return value !== value; }; }
oninput 이벤트로 input type text에 숫자만 받기
작업을 하다보면 종종 input type="text"에 숫자만 받아야 하는 경우가 있다. 물론 input type="number"를 사용하면 아주 간단하게 해결되지만 maxlength, minlength 속성이 적용되지 않아 number 타입...
Javascript Location 오브젝트 모음
현재 접속해있는 사이트의 location 정보를 가져올 수 있는 location object에 대해 잊지 않기 위해 간단히 기록해본다. 브라우저 개발자도구로 바로 테스트해볼 수 있으니 직접 써보면 이해하는데 더 도움이...