최근 글
JavaScript / every()로 배열 요소가 모두 조건에 맞는지 검사하기
Array.every()가 첫 실패에서 검사를 멈추는 방식과 빈 배열에서 true를 반환하는 이유를 설명합니다. 숫자 입력 예제로 검사 위치와 입력 검증을 확인합니다.
JavaScript / 배열 length 속성과 길이 변경 시 주의점
Array.length가 희소 배열의 슬롯 수를 어떻게 나타내는지 설명합니다. 큰 인덱스 대입과 길이 축소·확대가 값에 미치는 영향을 실행 예제로 확인합니다.
JavaScript / 배열 indexOf()와 lastIndexOf()로 요소 위치 찾기
Array.indexOf()와 lastIndexOf()의 검색 방향, fromIndex, -1 반환값을 비교합니다. 타입·NaN 예외와 시작 인덱스를 바꾸는 브라우저 예제도 제공합니다.
JavaScript / matchMedia()로 미디어 쿼리 검사와 변경 감지하기
window.matchMedia()의 matches와 change 이벤트로 CSS 미디어 쿼리 상태를 읽고 갱신하는 방법을 설명합니다. 600px 경계의 CSS·JavaScript 동작을 함께 시험합니다.
JavaScript / 페이지 이동과 리디렉트, location.assign·replace 차이
JavaScript의 location.assign(), replace(), href로 다른 주소에 이동하는 방법과 뒤로 가기 차이를 설명합니다. 조건부 이동과 반복 리디렉션을 피하는 예제도 제공합니다.
JavaScript / join()으로 배열을 문자열로 변환하기
Array.join()으로 배열 요소를 문자열로 연결하는 방법을 설명합니다. 구분자 생략과 지정, 빈 값 처리, 원본 배열과 되돌릴 수 없는 경우를 예제로 확인합니다.
JavaScript / push·pop·unshift·shift로 배열 요소 추가·삭제하기
Array.push(), pop(), unshift(), shift()가 배열 양쪽 끝을 어떻게 변경하고 무엇을 반환하는지 비교합니다. 빈 배열과 원상복구도 실행 예제로 확인합니다.
JavaScript / concat()으로 배열 합치기와 원본 보존
Array.concat()으로 값과 배열을 이어 붙여 새 배열을 만드는 방법을 설명합니다. 원본 보존, 한 단계 펼침, 중첩 객체의 얕은 복사를 예제로 비교합니다.
JavaScript / 배열 선언과 요소 읽기·수정하기
JavaScript 배열을 리터럴과 생성자로 선언하는 방법을 비교합니다. 숫자 한 개를 new Array()에 넣을 때의 차이와 인덱스·빈 슬롯·length를 예제로 설명합니다.
JavaScript / location 객체로 URL·도메인·경로 가져오기
JavaScript Location 객체의 href, host, hostname, pathname, search 등을 비교합니다. 현재 페이지 주소와 입력한 URL을 안전하게 분석하는 예제를 제공합니다.