최근 글

브라우저 창의 상단 탭 영역에 새로운 빈 제목 카드가 끼워지는 모습

JavaScript / document.title로 브라우저 탭 제목 변경하기

document.title로 현재 페이지의 제목을 읽고 브라우저 탭 제목을 바꾸는 방법을 설명합니다. title 요소와의 관계 및 원래 제목 복원을 예제로 확인합니다.

하나의 문자열 리본 조각이 같은 간격으로 반복되어 길게 이어지는 모습

JavaScript / repeat()로 문자열 반복하기와 횟수 제한

String.repeat()로 문자열을 지정한 횟수만큼 연결하는 방법을 설명합니다. 0회 결과, 소수·음수 처리와 사용자 입력 검증을 예제로 확인합니다.

작은 코드 단위 블록들이 합쳐져 하나의 부드러운 문자 형태 조각으로 바뀌는 모습

JavaScript / fromCharCode()로 UTF-16 코드 값을 문자로 변환하기

String.fromCharCode()로 UTF-16 코드 단위 숫자에서 문자열을 만드는 방법을 설명합니다. charCodeAt()과의 방향 차이 및 fromCodePoint()가 필요한 경우를 확인합니다.

긴 문자열 리본의 첫 조각이 검사 프레임 안에서 밝게 강조되는 모습

JavaScript / startsWith()로 문자열의 시작 부분 검사하기

String.startsWith()로 맨 앞 또는 지정 위치의 접두어를 검사하는 방법을 설명합니다. includes()와의 차이, 빈 문자열·대소문자·URL 경로 검사 범위를 확인합니다.

문자열 리본 가운데에 포함된 특정 조각을 작은 탐색 렌즈가 찾는 모습

JavaScript / includes()로 문자열 포함 여부 확인하기

String.includes()로 부분 문자열의 포함 여부를 확인하는 방법을 설명합니다. 시작 위치, 대소문자와 빈 검색어 동작을 브라우저 예제로 비교합니다.

긴 문자열 리본의 끝 조각이 검사 프레임 안에서 밝게 강조되는 모습

JavaScript / endsWith()로 문자열의 끝부분 검사하기

String.endsWith()로 문자열 끝을 검사하는 방법과 대소문자·빈 문자열 규칙을 설명합니다. endPosition의 경계 의미와 파일명·URL 적용 시 주의점을 실습합니다.

하나로 보이는 문자 조각 아래 여러 작은 코드 단위 블록이 나뉘어 놓인 모습

JavaScript / 문자열 length와 글자 수 차이, 이모지 길이 계산

String.length가 UTF-16 코드 단위 수를 반환하는 원리와 문자 수가 달라지는 경우를 설명합니다. 코드 포인트와 표시 문자 묶음을 비교하는 입력 예제를 제공합니다.

두 개의 유연한 문자열 리본이 매끄럽게 연결되어 하나가 되는 모습

JavaScript / String.concat()으로 문자열 연결하기

String.concat()으로 여러 값을 이어 새 문자열을 만들고 원본이 그대로 남는 동작을 설명합니다. 숫자·null·배열 인수와 +, 템플릿 리터럴의 선택 기준을 확인합니다.

문자열의 한 조각을 두 렌즈로 살펴 형태와 내부 데이터 블록을 나누어 보는 모습

JavaScript / charAt()과 charCodeAt()으로 문자와 코드 값 읽기

String.charAt()과 charCodeAt()으로 위치별 문자와 UTF-16 코드 단위를 읽는 방법을 설명합니다. 범위 밖 결과와 이모지의 codePointAt() 차이도 확인합니다.

배열 블록들의 순서가 곡선 트랙을 돌아 반대로 정렬되는 모습

JavaScript / reverse()로 배열 순서 뒤집기와 원본 보존 방법

Array.reverse()가 원본 배열을 바꾸고 같은 배열을 반환하는 점을 설명합니다. 원본을 유지하는 복사 방법과 두 방식의 차이를 실행 예제로 확인합니다.