카테고리: JavaScript
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 순회, 정적 목록과 새 조회의 차이를 실습합니다.
JavaScript / querySelector()로 CSS 선택자에 맞는 첫 요소 선택하기
document.querySelector()로 CSS 선택자에 일치하는 첫 요소를 찾는 방법을 설명합니다. 복합 선택자, null, 잘못된 선택자의 SyntaxError를 실행 예제로 비교합니다.
JavaScript / match()로 정규표현식에 맞는 문자열 찾기
String.match()가 정규표현식 결과를 배열 또는 null로 반환하는 방법을 설명합니다. g·i 플래그와 캡처 그룹에 따라 결과 모양이 어떻게 달라지는지 예제로 비교합니다.
JavaScript / getElementsByTagName()으로 태그별 요소 선택하기
document·Element.getElementsByTagName()으로 태그 요소를 찾는 범위와 인덱스 사용법을 설명합니다. HTMLCollection이 요소 추가·삭제를 즉시 반영하는 모습을 예제로 확인합니다.