카테고리: JavaScript
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을 안전하게 분석하는 예제를 제공합니다.
JavaScript / createElement()와 appendChild()로 요소 추가하기
createElement(), createTextNode(), appendChild()로 DOM 요소를 만들어 문서에 붙이는 순서를 설명합니다. 항목 추가·이동·원상복구를 실행 예제로 확인합니다.
JavaScript / alert, confirm, prompt 대화상자 사용법과 반환값
JavaScript의 alert(), confirm(), prompt()가 각각 무엇을 보여 주고 어떤 값을 반환하는지 설명합니다. 확인·취소·빈 입력을 실행 예제로 비교합니다.
JavaScript / substring()으로 문자열 추출하기와 slice 차이
String.substring()의 시작 포함·끝 제외 규칙을 설명합니다. 역순·음수 인덱스가 어떻게 처리되는지 확인하고, DOM 텍스트 미리보기 예제를 제공합니다.