자바스크립트 정규 표현식(Regular Expression)에서 16진수로 지정된 유니코드 문자를 찾으려면 \uxxxx 형식의 패턴을 사용합니다.\uxxxx여기서 xxxx는 매칭하고자 하는 문자의 16진수 코드 값입니다. 예를 들어 \u0053은 16진수 53에 해당하는 대문자 S를 의미합니다.예제아래 코드는 문자열에서 16진수 53, 즉 문자 S와 일치하는 부분을 찾는 예제입니다. 코드를 직접 실행하면서 결과를 확인해 보세요.<html> <head>
16진수 문자 검색이란?JavaScript 정규 표현식(Regular Expression)에서 특정 16진수 값에 해당하는 문자를 찾으려면 \x 뒤에 16진수 값을 붙인 \xdd 형식의 패턴을 사용합니다. 이 패턴은 아스키(ASCII) 코드 기준으로 해당 16진수와 일치하는 문자를 검색합니다.기본 사용 형식\xdd여기서 dd 부분에 찾고자 하는 문자의 16진수 코드를 입력하면 됩니다.예제 코드아래 예제는 문자열에서 16진수 53, 즉 대문자 S(아스키 코드 83번)를 검색하는 코드입니다.<html> &
JavaScript의 toLocaleString() 메서드는 Date 객체를 운영체제의 로컬 규칙(로케일)에 따라 문자열로 변환해 줍니다.toLocaleString() 메서드는 스크립트가 실행되는 환경, 즉 운영체제에 설정된 날짜 형식 규칙에 의존하여 동작합니다. 예를 들어 미국에서는 월이 일보다 앞에 표시되어 04/15/98처럼 나타나지만, 독일에서는 일이 월보다 앞에 표시되어 15.04.98처럼 나타납니다. 한국에서는 일반적으로 2018. 1. 15. 오후 2:39:07과 같은 형식으로 출력됩니다.예제아래 코드를 실행하면 현재
JavaScript에서 screen.availWidth 속성은 사용자 화면(screen)의 사용 가능한 너비를 픽셀(pixel) 단위로 반환합니다.일반적인 화면 전체 크기를 나타내는 screen.width와 달리, screen.availWidth는 운영체제가 차지하는 영역인 작업 표시줄(Taskbar)을 제외한 값을 반환한다는 점이 핵심 특징입니다.주요 특징반환값의 단위는 픽셀(px)입니다.Windows의 작업 표시줄처럼 화면에 상시 표시되는 시스템 UI 영역은 포함되지 않습니다.브라우저 창의 크기가 아니라 모니터(디스플레이) 기준
정규 표현식(RegExp)과 일치하는 텍스트를 문자열에서 검색하려면 JavaScript의 exec() 메서드를 사용합니다. 이 메서드는 일치하는 항목을 찾으면 결과가 담긴 배열을 반환하고, 찾지 못하면 null을 반환합니다.반환되는 배열에는 일치한 텍스트뿐만 아니라 인덱스(index)와 원본 입력 문자열(input) 같은 추가 정보도 포함됩니다. 또한 g(전역 검색) 플래그를 사용하면 lastIndex 속성이 갱신되어, exec()를 반복 호출할 때마다 다음 일치 항목을 순차적으로 찾을 수 있습니다.매개변수string − 검색 대상
JavaScript의 setUTCMilliseconds() 메서드는 협정 세계시(UTC)를 기준으로 지정된 날짜 객체의 밀리초를 설정합니다. 이 메서드를 활용하면 시간대와 관계없이 표준 시간 기준으로 밀리초 값을 일관성 있게 다룰 수 있습니다. 매개변수 setUTCMilliseconds(millisecondsValue) 메서드에서 사용되는 매개변수는 다음과 같습니다. millisecondsValue − 설정할 밀리초를 나타내는 0부터 999 사이의 숫자입니다. 만약 이 범위를 벗어나는 값이 전달되면, JavaScript는 초 단
안전한 정수(Safe Integer)란?안전한 정수는 IEEE-754 배정밀도 부동소수점 숫자로 오차 없이 정확하게 표현할 수 있는 정수를 의미합니다. JavaScript에서 안전한 정수의 범위는 -(2⁵³ - 1)부터 (2⁵³ - 1), 즉 -9007199254740991부터 9007199254740991까지입니다.이 범위를 벗어나는 정수는 연산 과정에서 정확성이 보장되지 않으므로, 특히 큰 숫자를 다룰 때는 값이 안전한 정수인지 반드시 확인해야 합니다.Number.isSafeInteger() 메서드 사용하기JavaScript에서
JavaScript 정규 표현식에서 숫자가 아닌(non-digit) 문자를 찾으려면 메타 문자 \D를 사용하면 됩니다. \D는 0부터 9까지의 숫자를 제외한 모든 문자와 일치하며, 숫자에 해당하는 \d의 반대 개념입니다. 즉, [^0-9]와 동일한 의미를 가집니다. 주요 특징 \D: 숫자가 아닌 단일 문자 하나와 일치합니다. /g 플래그를 함께 사용하면 문자열 전체에서 일치하는 모든 문자를 배열로 반환합니다. 공백, 특수문자, 영문자 등 숫자 외의 모든 문자가 검색 대상이 됩니다. 예제 아래 코드를 실행하면 문자열 100% Re
JavaScript 정규 표현식(RegExp)에서 세로 탭(vertical tab) 문자를 찾으려면 다음 메타 문자를 사용하면 됩니다.\v\v는 문자열 내에 포함된 세로 탭 문자와 일치하는 특수 문자 시퀀스입니다. 이를 search(), match(), replace() 등 다양한 정규 표현식 메서드와 함께 활용할 수 있습니다.예제아래 코드를 실행하면 문자열에서 세로 탭(\v) 문자가 발견된 위치(인덱스)가 반환됩니다. 만약 일치하는 문자가 없다면 -1이 출력됩니다.<html> <head>
자바스크립트에서 유니코드(Unicode) 값을 문자로 변환하려면 fromCharCode() 문자열 메서드를 사용하면 됩니다. 이 메서드는 String 객체의 정적(static) 메서드로, 지정된 UTF-16 코드 유닛 시퀀스를 기반으로 새로운 문자열을 생성해 반환합니다.fromCharCode() 메서드의 기본 문법기본 사용 형식은 다음과 같습니다.String.fromCharCode(num1, num2, ..., numN)인수로 전달하는 숫자는 각각 유니코드 코드 포인트를 나타내며, 여러 개의 값을 한 번에 전달하면 해당 문자들이 연
JavaScript 정규 표현식에서 공백이 아닌(non-whitespace) 문자를 찾으려면 \S 메타 문자를 사용합니다. \S는 공백, 탭, 줄바꿈 등 모든 공백 문자를 제외한 문자 하나와 일치하며, g(전역) 플래그와 함께 사용하면 문자열 전체에서 해당하는 모든 문자를 찾을 수 있습니다.정규 표현식 패턴\S예제다음 코드는 /\S/g 패턴을 사용하여 문자열 100% Responsive!에서 공백이 아닌 모든 문자를 찾아 배열로 반환하고 화면에 출력하는 예제입니다.<html> <head>
JavaScript에서 repeat() 메서드를 사용하면 기존 문자열을 원하는 횟수만큼 반복하여 새로운 문자열을 반환할 수 있습니다. 이 메서드는 원본 문자열은 그대로 두고, 반복된 결과만 담은 새로운 문자열을 생성합니다.repeat() 메서드의 매개변수count — 문자열을 몇 번 반복할지 지정하는 숫자 값입니다. 0을 입력하면 빈 문자열이 반환되며, 음수를 입력하면 RangeError가 발생합니다.사용 예제아래 코드는 문자열 Welcome!을 3번 반복하여 새로운 문자열로 출력하는 간단한 예제입니다.<!DOCTYPE htm
JavaScript에서 두 문자열을 현재 로케일(locale) 기준으로 비교하려면 localeCompare() 메서드를 사용하면 됩니다. 이 메서드는 다음과 같은 값을 반환합니다.두 문자열이 동일한 경우: 0string1이 string2보다 정렬 순서상 앞에 오는 경우: -1string1이 string2보다 정렬 순서상 뒤에 오는 경우: 1localeCompare() 사용 예제아래 코드를 실행하면 JavaScript에서 현재 로케일 기준으로 두 문자열을 비교하는 방법을 직접 확인할 수 있습니다.<!DOCTYPE html>
JavaScript 정규 표현식(RegExp)에서 캐리지 리턴(carriage return) 문자를 찾으려면 \r 메타 문자를 사용하면 됩니다. 캐리지 리턴은 커서를 현재 줄의 맨 앞으로 이동시키는 제어 문자로, 주로 Windows 계열 시스템에서 줄 바꿈을 나타낼 때 \r\n 형태로 사용됩니다.예제 코드다음 예제는 search() 메서드와 정규식 /\r/을 활용하여 문자열 안에 포함된 캐리지 리턴 문자의 위치를 찾는 방법을 보여줍니다. search() 메서드는 패턴과 일치하는 문자가 처음 발견된 인덱스를 반환하며, 일치하는 항목이
JavaScript 정규 표현식(RegExp)으로 문자열 내 줄바꿈(new line) 문자를 찾으려면 다음과 같은 메타 문자를 사용하면 됩니다. \n \n은 개행 문자(newline character)를 의미하는 특수 문자로, 정규식 패턴에 포함하면 문자열 안에서 줄이 바뀌는 지점을 손쉽게 찾아낼 수 있습니다. 예제 아래 코드를 실행하면 문자열에서 줄바꿈 문자(\n)가 발견된 위치(인덱스)가 반환됩니다. <html> <head> <title>
정규식에서 대체(alternation) 패턴이란?JavaScript 정규식(RegExp)에서 지정된 여러 단어 중 하나라도 일치시키고 싶을 때는 파이프(|) 기호를 사용한 그룹 패턴을 활용합니다. 이 기법을 교차(alternation)라고 부르며, OR 조건처럼 동작합니다.기본 패턴은 다음과 같습니다.(foo|bar|baz)위 패턴은 문자열에서 foo, bar, baz 중 어느 하나와 일치하는 부분을 모두 찾아냅니다. 괄호()는 그룹을 만들어 패턴의 범위를 명확히 하고, 파이프(|)는 각 대체 항목을 구분하는 역할을 합니다.예제 코
JavaScript 정규 표현식에서 여러 줄(multiline) 일치를 수행하려면 m 수정자(modifier)를 사용하면 됩니다.기본적으로 앵커 문자인 ^(문자열 시작)와 $(문자열 끝)는 전체 문자열을 기준으로 동작합니다. 하지만 m 플래그를 추가하면 각 줄의 시작과 끝을 개별적으로 인식하기 때문에, 줄바꿈(\n)이 포함된 문자열에서도 각 라인 단위로 패턴을 검사할 수 있습니다.예제아래 코드는 m 플래그를 사용해 여러 줄 일치를 수행하는 예시입니다.<html> <head>
JavaScript에서 테이블에 새로운 행을 동적으로 추가하려면 DOM 메서드인 insertRow()를 사용하면 됩니다. 이 메서드는 테이블의 지정된 위치에 새로운 행(<tr> 요소)을 삽입하고, 생성된 행 객체를 반환하므로 이후 셀을 추가하거나 내용을 채우는 작업을 이어서 수행할 수 있습니다.핵심 메서드 정리insertRow(index): 테이블의 지정한 인덱스 위치에 새 행을 추가합니다. 인덱스를 0으로 지정하면 테이블의 맨 위에 행이 삽입됩니다.insertCell(index): 새로 만든 행 안에 셀(<td&g
JavaScript에서 in 연산자는 특정 프로퍼티(속성)가 객체 안에 존재하는지 여부를 확인할 때 사용하는 연산자입니다.in 연산자는 왼쪽에 프로퍼티 이름(문자열 또는 심볼), 오른쪽에 확인 대상이 되는 객체를 배치하며, 프로퍼티가 존재하면 true, 존재하지 않으면 false를 반환합니다.기본 문법propertyName in objectName사용 예제아래 코드를 실행하면 in 연산자가 어떻게 동작하는지 직접 확인할 수 있습니다.<!DOCTYPE html> <html> <body>
JavaScript match() 메서드란?문자열에서 특정 표현식과 일치하는 부분을 찾으려면 자바스크립트의 match() 메서드를 사용하면 됩니다. 이 메서드는 문자열을 정규 표현식(Regular Expression)과 비교하여 일치하는 결과를 검색할 때 활용됩니다.match() 메서드는 하나의 매개변수를 받습니다.param – 매칭에 사용할 정규 표현식 객체(RegExp object)g 플래그 유무에 따른 반환값 차이match() 메서드의 동작은 정규 표현식에 g(global) 플래그가 포함되어 있는지에 따라 달라집니다.g 플래그