최근 글
JavaScript / createElement()와 appendChild()로 요소 추가하기
createElement(), createTextNode(), appendChild()로 DOM 요소를 만들어 문서에 붙이는 순서를 설명합니다. 항목 추가·이동·원상복구를 실행 예제로 확인합니다.
JavaScript / alert, confirm, prompt 대화상자 사용법과 반환값
JavaScript의 alert(), confirm(), prompt()가 각각 무엇을 보여 주고 어떤 값을 반환하는지 설명합니다. 확인·취소·빈 입력을 실행 예제로 비교합니다.
JavaScript / substring()으로 문자열 추출하기와 slice 차이
String.substring()의 시작 포함·끝 제외 규칙을 설명합니다. 역순·음수 인덱스가 어떻게 처리되는지 확인하고, DOM 텍스트 미리보기 예제를 제공합니다.
JavaScript / substr() 사용법과 slice·substring 대체 방법
String.substr()의 시작 위치와 길이 규칙을 설명하고 음수 인수의 결과를 확인합니다. 레거시 코드에서 slice()·substring()으로 옮길 때의 조건과 차이를 비교합니다.
JavaScript / split()으로 문자열을 배열로 나누기
String.split()으로 문자열을 배열로 나누는 방법을 설명합니다. 구분자, limit의 실제 의미, 빈 항목과 유니코드·CSV의 주의점을 실행 예제로 확인합니다.
JavaScript / splice()로 배열 요소 삭제·추가·교체하기
Array.splice()가 원본 배열에서 요소를 제거·삽입하고 제거된 요소를 반환하는 방법을 설명합니다. 제거 개수, 삽입만 하기, 원상복구를 실습할 수 있습니다.
JavaScript / slice()로 배열 일부 복사하기와 음수 인덱스
Array.slice()의 시작 포함·끝 제외 규칙과 음수 인덱스를 설명합니다. 원본 보존, 얕은 복사, splice()와의 차이를 실행 예제로 확인합니다.
JavaScript / setAttribute()로 HTML 속성 추가·변경하기
Element.setAttribute()로 HTML 속성을 추가하거나 기존 값을 변경하는 방법을 설명합니다. 불리언 속성의 설정·제거와 결과 확인을 실행 예제로 보여 줍니다.
JavaScript / replace()로 문자열 바꾸기와 전체 치환 방법
String.replace()가 첫 일치만 바꾸고 원본은 유지하는 규칙을 설명합니다. replaceAll(), 정규표현식 g·i 플래그, $ 치환 기호를 실행 예제로 비교합니다.
JavaScript / querySelectorAll()로 모든 요소 선택하고 반복 처리하기
document.querySelectorAll()로 여러 CSS 일치 요소를 NodeList로 가져오는 방법을 설명합니다. 빈 결과, forEach 순회, 정적 목록과 새 조회의 차이를 실습합니다.