JavaScript에서 Epoch 이후 경과 일수 계산하기Epoch(에포크)는 1970년 1월 1일 00:00:00 UTC를 기준점으로 삼는 시간 표기 방식으로, 흔히 유닉스 시간(Unix Time)이라고도 불립니다. JavaScript에서 현재 날짜까지의 경과 일수를 구하려면 Math.abs() 메서드를 사용해 두 날짜 사이의 절대적인 차이를 먼저 구하고, 이어서 Math.floor() 메서드로 소수점 아래를 잘라 정수 형태의 일수를 얻으면 됩니다.JavaScript에서 날짜 객체끼리 뺄셈을 하면 두 날짜의 차이가 밀리초 단위로
JavaScript에서 문자열을 문자 배열로 변환하기JavaScript에서 문자열을 문자 배열 형태로 다루려면 substring() 메서드를 활용할 수 있습니다. 이 메서드는 문자열에서 특정 위치의 문자를 하나씩 추출해 주기 때문에, 반복문과 함께 사용하면 문자열의 각 문자를 배열 요소처럼 순차적으로 처리할 수 있습니다.substring() 메서드 활용 예제아래 코드를 실행하면 문자열 Amit가 한 글자씩 차례대로 출력되는 것을 확인할 수 있습니다.<html> <head> &
개요JavaScript에서 날짜는 기본적으로 1970년 1월 1일 자정(UTC)을 기준으로 경과한 시간을 밀리초 단위로 표현합니다. 따라서 서버나 API로부터 1514789449605처럼 긴 숫자 형태의 에포크(Epoch) 타임스탬프를 전달받았다면, 이를 사람이 읽기 쉬운 의미 있는 날짜 형식으로 변환해 주어야 합니다.변환 원리에포크 값을 날짜로 바꾸는 과정은 다음과 같습니다.substr(6): /Date(1514789449605)/ 문자열에서 앞부분(/Date()을 잘라내고 숫자 부분만 추출합니다.parseFloat(): 추출한
자바스크립트에서 날짜 값을 이용해 Date 객체를 생성하려면 new Date() 생성자에 연도, 월, 일 값을 순서대로 전달하기만 하면 됩니다. var date = new Date(2018,1,1); 위 코드는 2018년 3월 1일이 아닌 2018년 2월 1일의 Date 객체를 생성합니다. 자바스크립트에서는 월(month)이 0부터 시작하기 때문입니다. 예제 다음 코드를 직접 실행해 보면서 Date 객체가 어떻게 생성되는지 확인해 보세요. 아래 예제에서는 월 값으로 0을 사용했으므로 2018년 1월 1일에 해당하는 객체가 만들어집니
serializeArray() 메서드란?jQuery의 serializeArray() 메서드는 .serialize() 메서드와 마찬가지로 폼(form)과 폼 요소들을 직렬화하지만, URL 인코딩된 문자열 대신 JSON 데이터 구조(객체 배열)를 반환한다는 점이 다릅니다. 반환되는 배열의 각 항목은 { name: 필드명, value: 값 } 형태의 객체이므로, 자바스크립트에서 각 필드 값을 손쉽게 순회하거나 가공할 수 있습니다.서버 측 예제 (PHP)먼저 POST 요청을 처리할 PHP 파일 serialize.php의 내용은 다음과 같습
JavaScript에서 기존 배열에 새로운 값을 추가하려면 splice() 메서드를 사용하면 됩니다.splice() 메서드는 배열의 특정 위치에 요소를 삽입하거나 삭제할 때 활용되는 강력한 도구입니다. 세 번째 인자부터 전달되는 값들이 배열에 새롭게 추가되며, 두 번째 인자를 0으로 설정하면 기존 요소를 삭제하지 않고 순수하게 삽입만 수행합니다.splice() 메서드의 기본 문법array.splice(시작인덱스, 삭제할개수, 추가할요소1, 추가할요소2, ...)시작인덱스: 요소를 삽입하거나 삭제할 시작 위치삭제할개수: 제거할 요소의
JavaScript에서 현재 시간의 분을 추출하려면 getMinutes() 메서드를 사용하면 됩니다. 이 메서드는 Date 객체가 나타내는 날짜와 시간에서 현지 시간(local time) 기준으로 분 값을 반환합니다.getMinutes() 메서드의 특징getMinutes()는 별도의 매개변수 없이 호출할 수 있는 간편한 내장 메서드이며, 반환되는 값은 항상 0부터 59 사이의 정수입니다. 예를 들어 오후 8시 30분이라면 30을 반환하는 방식입니다.예제 코드아래 코드를 실행하면 지정된 시간에서 분을 추출하는 과정을 직접 확인할 수
JavaScript에서 현재 날짜와 시간을 가져오려면 Date() 메서드를 사용하면 됩니다. Date() 메서드는 오늘의 날짜와 시간을 반환하며, 별도의 객체 생성 없이 바로 호출할 수 있다는 점이 특징입니다.기본 사용법다음 예제 코드를 실행하면 현재 날짜와 시간을 손쉽게 확인할 수 있습니다.<html> <head> <title>JavaScript Date Method</title> </head>&n
JavaScript getDate() 메서드란?JavaScript에서 특정 날짜가 속한 달의 일(day of the month)을 구하려면 getDate() 메서드를 사용하면 됩니다. 이 메서드는 지정된 Date 객체를 기준으로 현지 시간(local time)에 따라 그 달의 며칠인지를 반환합니다.getDate() 메서드가 반환하는 값은 항상 1부터 31 사이의 정수입니다. 예를 들어 날짜가 12월 31일이라면 31을 반환합니다.사용 예제아래 코드를 직접 실행해 보면 JavaScript에서 해당 월의 일(day of the mont
JavaScript에서 특정 날짜의 요일을 알아내려면 getDay() 메서드를 사용하면 됩니다. Date 객체의 getDay() 메서드는 지정된 날짜의 요일을 현지 시간(local time) 기준으로 반환합니다.getDay() 메서드의 반환값getDay()가 반환하는 값은 요일에 해당하는 정수입니다. 각 숫자와 요일의 매핑은 다음과 같습니다.0 – 일요일(Sunday)1 – 월요일(Monday)2 – 화요일(Tuesday)3 – 수요일(Wednesday)4 – 목요일(Thursday)5 – 금요일(Friday)6 – 토요일(Satu
JavaScript에서 현재 연도만 필요하다면 getFullYear() 메서드를 사용하면 됩니다. 이 메서드는 Date 객체와 함께 사용되며, 현지 시간(local time)을 기준으로 지정된 날짜의 연도를 반환합니다.getFullYear() 메서드의 특징getFullYear() 메서드는 다음과 같은 특징을 가지고 있습니다.반환되는 값은 항상 절대값(absolute number)입니다.1000년부터 9999년 사이의 날짜에 대해서는 4자리 숫자를 반환합니다. 예를 들어 2008년인 경우 그대로 2008을 반환합니다.연도 전체를 반환
JavaScript에서 Date 객체에 분을 더하려면 setMinutes() 메서드를 사용하면 됩니다. 이 메서드는 지정된 날짜의 분을 현지 시간(local time) 기준으로 설정하는 기능을 제공합니다.30분 추가하기핵심 원리는 간단합니다. 먼저 getMinutes() 메서드로 현재 분 값을 가져온 뒤, 여기에 30을 더하고 그 결과를 setMinutes()로 다시 설정하는 것입니다. 이렇게 하면 시(hour)가 넘어가는 경우에도 자동으로 올바르게 계산됩니다.예제 코드아래 코드를 실행하면 현재 시간에 30분이 추가된 결과를 확인할
JavaScript에서 날짜를 UTC(협정 세계시)로 변환하려면 getUTCDate() 메서드를 사용하면 됩니다. 이 메서드는 지정된 날짜의 일(day) 값을 세계 표준시(UTC) 기준으로 반환합니다.getUTCDate()가 반환하는 값은 1부터 31 사이의 정수입니다. 참고로 UTC는 국제적인 시간 표준으로, 시간대와 상관없이 전 세계 어디서나 동일한 기준 시각을 사용할 수 있도록 해줍니다.주요 UTC 관련 메서드Date 객체에는 getUTCDate() 외에도 다양한 UTC 메서드가 제공되므로 함께 알아두면 유용합니다.getUTC
JavaScript에서 Date 객체에 시간을 더하려면 setHours() 메서드를 사용하면 됩니다. 이 메서드는 지정된 날짜의 시간(hour)을 현지 시간 기준으로 설정하며, 현재 시간을 가져온 뒤 원하는 시간만큼 더하는 방식으로 활용할 수 있습니다.setHours() 메서드란?setHours()는 Date 객체의 시간을 설정하는 메서드입니다. 먼저 getHours()로 현재 시간을 조회한 후, 여기에 2를 더해 다시 설정하면 날짜 객체의 시간이 정확히 2시간 늘어납니다.예제 코드아래 코드를 실행하면 현재 시간에 2시간이 추가된
JavaScript에서 상수를 선언하려면 ECMAScript(ES6)에서 도입된 const 키워드를 사용합니다. const로 선언된 변수는 한 번 값이 할당되면 다시 변경할 수 없으므로, 프로그램 전체에서 변하지 않아야 하는 정수 값을 안전하게 보관할 수 있습니다.const를 사용한 정수 상수 정의다음 예제는 const 키워드를 사용하여 정수 상수를 정의하는 기본적인 방법을 보여줍니다.const MY_VAL = 5; // 이 코드는 에러를 발생시킵니다 MY_VAL = 10;위 코드에서 MY_VAL은 상수로 선언되었으며, 값 5가
JavaScript에서 배열의 맨 끝에 새로운 항목을 추가하려면 push() 메서드를 사용하면 됩니다. push() 메서드는 지정한 값을 배열 마지막에 삽입한 후, 변경된 배열의 길이를 반환합니다.기본 사용 예제다음 코드를 실행하면 기존 배열 끝에 HR이라는 항목이 추가되는 것을 확인할 수 있습니다.<html> <body> <script> var arr = ["market
JavaScript에서 모든 요소가 0으로 초기화된 배열을 만들어야 하는 경우가 종종 있습니다. 이럴 때 가장 간단하고 효율적인 방법은 타입 배열(Typed Array)인 Uint8Array를 사용하는 것입니다.Uint8Array를 사용한 방법Uint8Array는 생성 시 크기를 지정하면 해당 길이만큼의 배열을 자동으로 0으로 채워 생성해 줍니다. 다음 예제 코드를 직접 실행해 보세요.<html> <body> <script> var arr1 = [marketing, technical, finance,
자바스크립트(JavaScript)에서 배열의 길이를 확인하려면 length 속성을 사용하면 됩니다. length 속성은 배열에 포함된 요소의 개수를 나타내는 부호 없는 32비트 정수(unsigned 32-bit integer)를 반환합니다.length 속성의 특징배열의 마지막 인덱스보다 항상 1 큰 값을 반환합니다.요소가 추가되거나 삭제되면 자동으로 갱신됩니다.값을 직접 할당하여 배열의 크기를 줄이거나 늘릴 수도 있습니다.예제 코드아래 코드를 실행하면 배열의 길이를 확인할 수 있습니다.<html>
자바스크립트(JavaScript)에서 배열을 문자열로 변환하려면 toString() 메서드를 사용하면 됩니다. 배열의 toString() 메서드는 해당 배열과 그 요소들을 나타내는 문자열을 반환하며, 각 요소는 쉼표(,)로 구분됩니다.기본 사용법다음 예제 코드를 실행하여 배열이 문자열로 변환되는 과정을 직접 확인해 보세요.<html> <head> <title>JavaScript Array toString Method</title>
JavaScript에서 배열의 마지막에 새로운 요소를 추가하려면 push() 메서드를 사용하면 됩니다. push()는 전달된 요소(또는 여러 개의 요소)를 배열의 끝에 추가한 뒤, 변경된 배열의 새로운 길이(length)를 반환합니다.push() 메서드의 기본 동작배열의 맨 뒤에 하나 이상의 요소를 추가합니다.추가된 후의 배열 길이를 숫자로 반환합니다.원본 배열 자체가 변경됩니다(mutating method).예제 코드아래 코드를 실행하면 배열의 마지막에 요소가 차례대로 추가되는 것을 확인할 수 있습니다.<html> &n