본문 바로가기
[자바스크립트] 타이머 구현하기 자바스크립트에서는 setTimeout과 setInterval 함수를 사용하여 타이머를 구현할 수 있습니다. 이 두 함수는 모두 지정된 시간 후에 미리 정의된 작업을 실행합니다. 1. setTimeout() setTimeout 함수는 일정 시간 후에 한 번만 작업을 실행합니다. 아래는 setTimeout 함수의 사용 방법입니다. setTimeout(function() { // 실행할 작업 }, 1000); // 1초 후에 실행 위 코드에서 setTimeout 함수는 첫 번째 인수로 콜백 함수를 받습니다. 이 콜백 함수는 지정된 시간이 지난 후에 실행됩니다. 두 번째 인수로는 지연 시간을 밀리초 단위로 받습니다. 위의 예제에서는 1000 밀리초 즉 1초 후에 콜백 함수가 실행됩니다. setTimeout 함수.. 2023. 3. 20.
[자바스크립트] 현재 날짜와 시간 구하는 방법 자바스크립트에서 현재 날짜와 시간을 구하는 방법은 다음과 같습니다. 1. 예제 1) Date() 객체 생성하기 var now = new Date(); 2) 현재 년도, 월, 일 구하기 var year = now.getFullYear(); // 년도(4자리) var month = now.getMonth() + 1; // 월(0부터 시작하기 때문에 1을 더해줘야 함) var date = now.getDate(); // 일 3) 현재 시간 구하기 var hour = now.getHours(); // 시간(0~23) var minute = now.getMinutes(); // 분 var second = now.getSeconds(); // 초 4) 현재 날짜와 시간을 문자열로 변환하기 var datetime =.. 2023. 3. 19.
[자바스크립트] 객체를 JSON 으로 변환 하는 방법 자바스크립트 객체를 JSON 형식으로 변환하는 방법은 JSON.stringify() 메서드를 사용하는 것입니다. JSON.stringify() 메서드는 자바스크립트 객체를 JSON 문자열로 변환합니다. 이 메서드는 객체의 속성 값들을 문자열로 변환하고, 모든 함수 및 심볼 프로퍼티는 무시됩니다. 1. 예제 코드 예를 들어, 다음과 같은 자바스크립트 객체가 있다고 가정해 봅시다. const myObject = { name: "John", age: 30, city: "New York" }; 이 객체를 JSON 문자열로 변환하려면 다음과 같이 코드를 작성할 수 있습니다. const jsonString = JSON.stringify(myObject); 이제 jsonString 변수에는 다음과 같은 문자열이 저장.. 2023. 3. 15.
[자바스크립트] 배열 중복 제거 3가지 방법 JavaScript에서 배열 중복을 제거하는 방법은 여러 가지가 있습니다. 1. Set 사용 Set은 ES6에서 새로 추가된 데이터 타입으로, 유일한 값을 저장하는 자료형입니다. Set 객체를 이용하여 배열의 중복 값을 제거할 수 있습니다. const arr = [1, 2, 2, 3, 3, 3]; const uniqueArr = [...new Set(arr)]; console.log(uniqueArr); // [1, 2, 3] 2. filter()와 indexOf() 사용 filter()와 indexOf() 메서드를 이용하여 배열의 중복 값을 제거할 수 있습니다. const arr = [1, 2, 2, 3, 3, 3]; const uniqueArr = arr.filter((value, index, arr.. 2023. 3. 15.
[자바스크립트] 히스토리 (history) 객체 사용 방법 JavaScript에서 history 객체는 브라우저 창에서 사용자가 방문한 모든 URL의 목록을 포함하고, 이를 통해 이전 페이지로 이동하거나 다음 페이지로 이동하거나, 특정 페이지로 이동하는 등의 기능을 제공합니다. 1. 개념 history 객체는 window 객체의 속성 중 하나이며, 사용자의 브라우저 세션 동안 유지됩니다. history 객체는 사용자가 방문한 페이지를 브라우저 기록에서 추적하고, 각 페이지의 URL, 타이틀, 방문 시간 등과 같은 정보를 유지합니다. history 객체는 다양한 메서드와 속성을 제공합니다. 일반적으로 사용되는 메서드로는 go(), back(), forward()가 있습니다. go() 메서드는 사용자가 방문한 목록에서 특정 위치로 이동하는 데 사용되며, 음수 값을 .. 2023. 3. 15.
[자바스크립트] 키보드 이벤트 처리 (Enter 키) 자바스크립트에서 키보드 이벤트는 사용자가 키보드를 눌렀거나 뗀 때 발생하는 이벤트를 의미합니다. 이러한 이벤트를 사용하여 사용자가 웹 페이지에서 무엇을 하는지 감지하고, 그에 따라 적절한 동작을 수행할 수 있습니다. 1. 기본 설명 키보드 이벤트는 다양한 종류가 있습니다. 대표적인 이벤트로는 keydown, keyup, keypress가 있습니다. 이들 이벤트의 차이점은 다음과 같습니다. keydown: 사용자가 키를 누를 때 발생하는 이벤트입니다. 이벤트 핸들러가 실행되기 전에 발생합니다. keyup: 사용자가 키를 뗄 때 발생하는 이벤트입니다. 이벤트 핸들러가 실행된 후에 발생합니다. keypress: 사용자가 키를 누르거나 뗄 때 발생하는 이벤트입니다. 이벤트 핸들러가 실행되기 전에 발생합니다. 이.. 2023. 3. 15.

티스토리툴바