JavaScript47 JavaScript 날짜 시간 Javascript에서는 날짜, 시간을 출력 및 계산할 수 있도록 Date 객체를 제공합니다. Date객체에서 제공하는 날짜관련 함수를 이용해서 날짜, 시간과 밀리초를 출력하는 방법과, 성능 검증 및 테스트에 많이 사용하는 경과시간을 계산하는 방법에 대해서 알아 보겠습니다. 1. 현재시간 출력 1) 날짜시간 (년월일 시분초) let now = new Date() // // 로컬 날짜시간 // console.log(now.toLocaleString()) // 2022. 3. 1. 오후 4:51:43 console.log(now.toString()) // Tue Mar 01 2022 16:51:43 GMT+0900 (대한민국 표준시) const myYear = now.getFullYear() const my.. 2022. 3. 1. JavaScript JSON 자바스크립트 사용 환경에서 JSON 데이터와 Javascript 객체 간의 양방향으로 변환하는 방법에 대해서 알아봅니다. 1. Javascript 객체에서 JSON 데이터로 변환 "JSON.stringify" 함수를 사용합니다. const myObject = { name: 'David', age: 23, } // Javascript 객체 const myJsonString = JSON.stringify(myObject) console.log(myJsonString) // {"name":"David","age":23} 2. JSON 데이터에서 Javascript 객체로 변환 "JSON.parse" 함수를 사용합니다. const myJsonObject = JSON.parse(myJsonString) conso.. 2022. 3. 1. JavaScript로 sleep함수 구현 자바스크립트로 sleep(delay) 함수를 구현하는 방법은 아래 소스와 같습니다. sleep함수 구현 // 화살표 함수로 구현 const sleep = (ms) => { return new Promise((resolve) => setTimeout(resolve, ms)) } // 일반 함수로 구현 function sleep(ms) { return new Promise((resolve) => setTimeout(resolve, ms)) } sleep함수 사용 (2가지 방식) 1) async, await 방식 // 화살표 함수로 구현 const func = async () => { await sleep(3000) // 3초 console.log('Do something...') } // 일반 함수로 구현 .. 2022. 1. 27. Bootstrap 모달창 드래그 Bootstrap 모달창을 드래그가 가능하게 해달라는 요구가 간혹 있습니다. jquery ui를 사용하여 modal-dailog에 draggalbe 이벤트를 걸어주면 됩니다. 아래는 stackoverflow 참고 사이트 주소입니다. 참고 자료: stackoverflow.com/questions/46192427/how-to-do-draggable-bootstrap-modal 핵심 코드 Bootstrap Modal 창 드래그하는 3가지 방법 (Javascript, jQuery, jQuery UI) Bootstrap Modal 창의 헤드를 클릭 드래그해서 움직이게 하는 3가지 방법에 대해서 알려 드립니다. Bootstrap의 Modal에 기본적으로 들어 있지 않은 기능으로 따로 구현해야 하는 기능이기 때문에 .. 2020. 11. 5. JavaScript 태그 사용법 1. 기본 2. 파일 불러오는 방식 or myScript.js 내용 document.getElementById("demo").innerHTML = "Hello World!"; 태그 위치 기본적으로 안에 위치하며, 태그 안에 넣을 수도 있습니다. 태그안에서 아래부분에 넣는 경우는 페이지 로딩(표시)을 빠르게 하기 위한 경우에 사용합니다. 보통, 페이지 로딩 후에 필요한 스크립트들을 body아래쪽에 위치 시킵니다. (예: button 클릭 이벤트, 콤보박스 선택 이벤트) 2019. 4. 25. 이전 1 ··· 5 6 7 8 다음 반응형
