기록저장소

단방향 range bar는 HTML 기본태그 input range를 사용하면 됨 Volume 양방향 range bar는 input range태그에 커스텀 + js를 사용해서 눈속임으로 만들어야함 https://codingsalon.tistory.com/104 [HTML¦CSS] multi range slider range slider를 유튜브 따라서 만들어봤다! 코드펜 링크🔗 javascript 코드도 들어가지만 input type="range"때문에 HTML¦CSS 카테고리에 글을 쓴다. 먼저 설명하자면, 1. 진짜 슬라이더인 input 2개를 만들고, codingsalon.tistory.com

https://inpa.tistory.com/m/entry/%EB%93%9C%EB%9E%98%EA%B7%B8-%EC%95%A4-%EB%93%9C%EB%A1%AD-Drag-Drop-%EA%B8%B0%EB%8A%A5 [JS] 📚 드래그 앤 드롭(Drag and Drop) 기능 이해 & 구현하기 HTML & JS 드래그 앤 드롭 드래그(drag)와 드롭(drop)은 컴퓨터를 이용하면서 정말 많이 사용하는 기능 중에 하나일 것이다. 파일 애플리케이션에서 문서를 복사해 이동하는 것 부터 주문 하려는 물건 inpa.tistory.com

참고) takeknowledge.tistory.com/34 CSS와 javascript는 눈보다 빠르다 슬라이드와 무한슬라이드 일정 시간이 지나면 가로로 넘어가는 슬라이드를 만들어보자. 준비물은 다음과 같다. div 하나, 가로로 쭉 이어붙인 li 다섯개, 그 li 다섯개의 총 너비와 같은 너비를 가진 ul 하나! 여기에 필자는 takeknowledge.tistory.com

key설정 구글제공 기본 튜토리얼 (function(exports) { "use strict"; function initMap() { var myLatLng = { lat: 35.175185, lng: 129.124936 }; var map01 = new google.maps.Map(document.getElementById("map"), { zoom: 16, center: myLatLng }); var marker = new google.maps.Marker({ position: myLatLng, map: map01, title: "Hello World!" }); } exports.initMap = initMap; })((this.window = this.window || {})); 한페이지 지도 여러..

현재 시간을 기본값으로 설정하기 여러개일 경우 id값 구별하기 - month 타입에 현재 월 설정하기 - date 타입에 현재 일 설정하기 - time 타입에 현재 시간 설정하기 - datetime-local 타입에 현재 날짜, 시간 세팅하기 document. getElementById() : 주어진 문자열과 일치하는 id속성을 가진 요소를 찾고 element객체에 반환 document. querySelector() : id가 없는 요소 Date : 시간의 특정 지점을 나타내는 Date객체 생성 JS Date 객체 생성(초기화) : new 연산자 사용 toISOString() : 단순화한 확장 ISO형식의 문자열 반환, 반환값은 항상 24글자 또는 27글자 slice( begin, end ) : 원본 배..