JavaScript에서 과학적 표기법(Scientific Notation)이 포함된 문자열을 일반적인 숫자 형식으로 변환하려면 Number() 함수를 사용하면 됩니다. 이 함수는 인자로 전달된 값을 숫자 타입으로 자동 변환해 주며, 과학적 표기법으로 작성된 문자열도 정확하게 해석합니다.Number() 함수의 동작 원리Number() 함수는 문자열을 받아 해당 값을 숫자로 변환합니다. 예를 들어 7.53245683E7처럼 지수 표기(E)가 포함된 문자열을 전달하면, 함수가 이를 해석하여 75324568.3이라는 일반적인 숫자 값으로
JavaScript에서 두 숫자를 비교하려면 비교 연산자(Comparison Operator)를 사용합니다. 가장 기본적인 동등 비교 연산자인 ==는 두 값이 같은지 확인하고, 그 결과로 true 또는 false를 반환합니다.기본 예제: == 연산자로 두 숫자 비교하기아래 코드는 변수 a와 b에 저장된 두 숫자를 == 연산자로 비교하는 간단한 예제입니다.<!DOCTYPE html> <html> <body> <script> var a = 10;
문자열 abcdef 30과 같이 텍스트와 숫자가 섞여 있을 때 숫자만 추출하려면 정규식(Regular Expression)을 활용해야 합니다. 단순히 parseInt()만 사용하면 문자열이 숫자로 시작하지 않는 경우 NaN(Not a Number)을 반환하게 됩니다.정규식과 match(), parseInt() 조합해결 방법은 간단합니다. String 객체의 match() 메서드에 정규식 /\d+/을 적용하여 문자열 내의 숫자 부분을 먼저 찾아낸 뒤, 그 결과를 parseInt()로 감싸면 원하는 정수 값을 얻을 수 있습니다.예제 코
JavaScript에서 현재 시각을 밀리초 단위로 다뤄야 하는 경우가 자주 있습니다. 타임스탬프 비교, 캐시 만료 처리, 성능 측정 등 다양한 상황에서 유용하게 활용되는데요. 이번 글에서는 Unix Epoch 이후 경과 시간을 밀리초 단위로 구하는 방법을 알아보겠습니다.Unix Epoch란 무엇인가?표준 Unix Epoch(Unix 시간)는 초 단위로 표현되는 시간 체계입니다. Unix Epoch 또는 Unix Time은 1970년 1월 1일 00:00:00 UTC부터 경과한 시간을 나타내며, 운영체제와 프로그래밍 언어 전반에서 널
JavaScript에서 두 숫자 사이의 난수를 생성하려면 Math.random() 메서드를 사용합니다. Math.random()은 기본적으로 0 이상 1 미만의 부동소수점 난수를 반환하기 때문에, 원하는 범위의 정수 난수를 얻으려면 약간의 변환 과정이 필요합니다. 구현 예제 아래 코드는 최솟값(min)과 최댓값(max) 사이의 정수 난수를 생성하는 함수입니다. 직접 실행해 결과를 확인해 보세요. <!DOCTYPE html> <html> <body> &n
JavaScript에서 쿠키를 다룰 때 가장 먼저 알아야 할 것은 document.cookie 속성입니다. 이 속성은 현재 문서에 저장된 모든 쿠키를 이름=값; 이름=값 형태의 하나의 문자열로 반환합니다. 아래는 이 문자열을 파싱하여 각 쿠키의 이름과 값을 읽어내는 간결한 함수입니다. function ReadCookie() { var allcookies = document.cookie; document.write(All Cookies : + al
JavaScript에서 두 날짜 사이의 차이를 구할 때 가장 기본적으로 활용되는 것이 getTime() 메서드입니다. getTime()은 해당 날짜를 1970년 1월 1일 자정(UTC)부터 경과한 시간을 밀리초 단위의 숫자로 변환해 주기 때문에, 두 날짜의 밀리초 값을 서로 빼기만 하면 시간 차이를 손쉽게 계산할 수 있습니다.계산 원리두 날짜의 차이를 일(day) 단위로 구하는 과정은 다음 세 단계로 정리할 수 있습니다.밀리초 값 가져오기 – 비교할 각 Date 객체에 getTime()을 호출하여 밀리초 값을 얻습니다.시간 차이 계
쿠키(cookie)는 웹 서버가 사용자의 브라우저에 저장하는 작은 데이터 조각으로, 로그인 상태 유지, 사용자 환경설정 저장, 세션 관리 등 다양한 용도로 활용됩니다. 하지만 모든 웹 브라우저는 성능과 보안상의 이유로 저장할 수 있는 쿠키의 개수와 하나의 쿠키가 가질 수 있는 최대 크기에 제한을 두고 있습니다.아래 표는 주요 웹 브라우저별 쿠키 저장 제한을 정리한 것입니다.웹 브라우저별 쿠키 제한 비교웹 브라우저최대 쿠키 개수쿠키당 최대 크기Google Chrome180개4096바이트Firefox150개4097바이트Opera180개
JavaScript에서 두 날짜 사이의 일 수를 구하려면 getTime() 메서드를 활용하면 됩니다. getTime()은 날짜를 밀리초 단위의 타임스탬프 값으로 반환하기 때문에, 두 날짜의 타임스탬프 차이를 계산한 뒤 하루에 해당하는 밀리초 값으로 나누면 일 수 차이를 손쉽게 얻을 수 있습니다.계산 원리1초는 1000밀리초이고, 1시간은 3600초, 하루는 24시간이므로 하루 = 1000 × 3600 × 24 밀리초입니다. 따라서 두 날짜의 시간 차이를 이 값으로 나누면 일 단위의 차이가 계산됩니다.예제 코드아래 예제 코드를 실행하
JavaScript에서 정수 나눗셈을 수행한 후 나머지를 구하려면 % 연산자(나머지 연산자)를 사용하면 됩니다. 반대로 몫을 구할 때는 Math.floor() 메서드를 함께 활용할 수 있습니다.% 연산자란?% 연산자는 왼쪽 피연산자를 오른쪽 피연산자로 나눈 후 그 나머지를 반환합니다. 예를 들어 25 % 10은 5를 반환합니다.예제다음 코드를 실행하면 JavaScript에서 정수 나눗셈을 수행하고 나머지를 구할 수 있습니다.<!DOCTYPE html> <html> <body>
JavaScript에서 소수점 두 자리로 숫자 형식화하기JavaScript에서 숫자를 소수점 두 자리까지 표시하려면 toFixed() 메서드를 사용하면 됩니다. 이 메서드는 소수점 오른쪽에 지정한 개수만큼의 자릿수를 유지하도록 숫자를 형식화하며, 그 결과를 지수 표기법 없이 문자열로 반환합니다. 즉, 반환되는 값은 요청한 소수점 이하 자릿수를 정확히 가진 문자열입니다.예제다음 코드를 실행하면 숫자를 소수점 두 자리로 형식화하는 과정을 직접 확인할 수 있습니다. 소수점 두 자리까지 표시하려면 toFixed() 메서드의 매개변수로 2를
JavaScript에서 소수점 이하를 버리고 정수로 내림하고 싶다면 Math.floor() 메서드를 사용하면 됩니다. 이 메서드는 전달된 숫자보다 작거나 같은 정수 중에서 가장 큰 값, 즉 가장 가까운 아래쪽 정수를 반환합니다.Math.floor()의 기본 동작Math.floor()는 양수뿐만 아니라 음수에 대해서도 항상 아래 방향으로 내림한다는 점을 기억하세요. 예를 들어 Math.floor(2.7)은 2를 반환하고, Math.floor(-2.7)은 -3을 반환합니다.예제 코드아래 코드를 실행하면 다양한 숫자에 대해 내림 처리된
웹 개발을 하다 보면 사이트 전체가 아닌 특정 페이지에만 쿠키를 설정해야 하는 경우가 있습니다. 이럴 때는 자바스크립트의 window.location.pathname 속성을 활용하면 됩니다.window.location.pathname이란?window.location.pathname 속성은 현재 페이지의 경로(path)와 파일명을 반환합니다. 예를 들어 브라우저 주소가 https://example.com/products/item.html이라면, 이 속성은 /products/item.html을 반환합니다.쿠키를 설정할 때 path 속성
JavaScript에서 숫자가 가질 수 있는 최대값은 1.7976931348623157E+308입니다. 이 값은 Number.MAX_VALUE 속성으로 확인할 수 있으며, 해당 속성은 정적(static) Number 객체에 속합니다.Number.MAX_VALUE는 JavaScript 엔진이 다룰 수 있는 가장 큰 양수를 나타내는 상수입니다. JavaScript의 숫자는 IEEE 754 배정밀도 부동소수점 방식으로 표현되기 때문에, 이 값을 초과하는 숫자는 Infinity(무한대)로 처리됩니다.예제다음 코드를 실행하면 Number 객
여러 페이지에서 사용 가능한 쿠키 만들기JavaScript에서 쿠키를 설정하면 기본적으로 해당 쿠키는 현재 페이지가 속한 디렉터리와 그 하위 경로에서만 유효합니다. 따라서 사이트 전체의 여러 페이지에서 동일한 쿠키를 공유하려면 쿠키를 설정할 때 path 속성을 루트 경로인 /로 지정해야 합니다.;path=/이렇게 경로를 루트(/)로 설정하면 해당 쿠키는 단일 페이지에 국한되지 않고 도메인 내 모든 페이지에서 접근할 수 있는 사이트 전역 쿠키(site-wide cookie)가 됩니다.예제 코드아래 예제는 사용자가 이름을 입력한 후 버
도메인 기반 쿠키란?쿠키(cookie)는 기본적으로 쿠키를 설정한 도메인에서만 유효합니다. 하지만 domain 속성을 지정하면 하위 도메인까지 포함한 여러 도메인에서 하나의 쿠키를 공유할 수 있습니다. 도메인 기반 쿠키를 생성하려면 쿠키 문자열에 domain과 path 속성을 함께 설정하면 됩니다.domain=.example.com;path=/도메인 앞에 점(.)을 붙이면 example.com뿐만 아니라 www.example.com, blog.example.com 같은 모든 하위 도메인에서 해당 쿠키에 접근할 수 있습니다. 또한 p
JavaScript에서 숫자가 가질 수 있는 최소값은 5E-324입니다. 이 값은 Number.MIN_VALUE 속성으로 표현되며, 정적(static) Number 객체에 속한 상수입니다.여기서 주의할 점은 Number.MIN_VALUE가 가장 작은 음수가 아니라는 것입니다. 이 값은 JavaScript가 다룰 수 있는 0에 가장 가까운 양수, 즉 가장 작은 양수를 의미합니다. 만약 이 값보다 더 작은 숫자가 계산되면 언더플로(underflow)가 발생하여 0으로 변환됩니다.Number.MIN_VALUE의 특징값: 약 5E-324
쿠키를 생성할 때는 path 매개변수를 활용할 수 있습니다. 이 매개변수는 쿠키가 설정되는 디렉터리 또는 웹 페이지의 경로를 지정하는 역할을 합니다. 현재 페이지에서 쿠키를 조회하고 싶다면 이 값을 비워두어도 무방하며, 기본적으로 쿠키는 현재 페이지에 귀속됩니다. document.cookie 속성 이해하기 JavaScript에서는 document.cookie 속성을 통해 현재 문서에 속한 모든 쿠키에 접근할 수 있습니다. 이 속성은 각 쿠키를 세미콜론(;)으로 구분한 하나의 문자열로 반환하기 때문에, 이를 적절히 파싱하여 개별 쿠키
쿠키(Cookie)는 일반적으로 약 4KB 정도의 작은 용량 제한이 있어 대용량 데이터를 직접 저장하기에는 적합하지 않습니다. 하지만 아래와 같은 방법들을 활용하면 이러한 제한을 효과적으로 우회할 수 있습니다.1. 세션 ID를 활용하는 방법세션 ID(session id)를 생성하고, 실제 설정값과 데이터는 데이터베이스에 저장합니다. 그런 다음 세션 ID만 쿠키에 담아두면 됩니다. 서버는 쿠키에 포함된 세션 ID를 기반으로 데이터베이스에서 해당 사용자의 정보를 조회할 수 있습니다.2. 선택된 항목의 인덱스만 저장전체 데이터를 저장하는
NaN 속성이란 무엇인가?자바스크립트에서 Number.NaN은 Not-a-Number(숫자가 아님)를 나타내는 특수한 값입니다. 따옴표로 감싸지 않은 리터럴 상수인 NaN은 숫자가 아닌 값을 표현할 때 사용됩니다.NaN의 가장 중요한 특징은 어떤 값과도 같지 않다는 점입니다. 심지어 자기 자신(NaN)과 비교해도 같다고 판정되지 않습니다. 이러한 특성 때문에 NaN은 주로 유효한 숫자를 반환해야 하는 함수에서 오류 상황을 표시하는 용도로 활용됩니다.NaN의 핵심 특징숫자가 아닌 값(Not-a-Number)을 나타내는 특수한 값입니다