최근 글
JavaScript / querySelector()로 CSS 선택자에 맞는 첫 요소 선택하기
document.querySelector()로 CSS 선택자에 일치하는 첫 요소를 찾는 방법을 설명합니다. 복합 선택자, null, 잘못된 선택자의 SyntaxError를 실행 예제로 비교합니다.
JavaScript / match()로 정규표현식에 맞는 문자열 찾기
String.match()가 정규표현식 결과를 배열 또는 null로 반환하는 방법을 설명합니다. g·i 플래그와 캡처 그룹에 따라 결과 모양이 어떻게 달라지는지 예제로 비교합니다.
JavaScript / getElementsByTagName()으로 태그별 요소 선택하기
document·Element.getElementsByTagName()으로 태그 요소를 찾는 범위와 인덱스 사용법을 설명합니다. HTMLCollection이 요소 추가·삭제를 즉시 반영하는 모습을 예제로 확인합니다.
JavaScript / 문자열 indexOf()와 lastIndexOf()로 위치 찾기
String.indexOf()와 lastIndexOf()가 찾은 문자열의 첫·마지막 인덱스를 반환하는 방법을 설명합니다. 시작 위치와 겹치는 일치, -1·0 판정을 입력 예제로 비교합니다.
JavaScript / 전역변수와 지역변수 차이, 스코프 이해하기
JavaScript 전역·지역 변수의 접근 범위와 섀도잉을 설명합니다. let·const와 var의 블록/함수 범위, 클로저가 지역 값을 유지하는 경우를 실행 예제로 확인합니다.
JavaScript / 문자열 만들기, 따옴표와 템플릿 리터럴 사용법
JavaScript 문자열을 작은따옴표·큰따옴표·백틱으로 만드는 방법을 설명합니다. 따옴표, 역슬래시, 줄바꿈과 템플릿 리터럴의 실제 값을 예제로 비교합니다.
JavaScript / 명령문·세미콜론 작성법과 줄바꿈 주의점
JavaScript 명령문을 세미콜론과 줄바꿈으로 구분하는 규칙을 설명합니다. 자동 세미콜론 삽입과 return 뒤 줄바꿈의 결과를 실행 가능한 예제로 비교합니다.
JavaScript / HTML에 스크립트 넣기와 외부 JS 파일 연결하기
HTML 문서에 JavaScript를 직접 쓰거나 외부 파일로 연결하는 방법을 설명합니다. 실행 가능한 두 예제로 파일 경로, defer·async의 실행 시점과 오류 확인 방법을 살펴봅니다.
JavaScript / 객체 만들기와 프로퍼티 읽기·수정하기
JavaScript 객체를 리터럴과 빈 객체로 만드는 방법을 설명합니다. 점·대괄호 표기, 속성 존재 검사, 새 객체의 참조 차이를 실행 가능한 상품 예제로 확인합니다.
JavaScript / 한 줄·여러 줄 주석 작성법과 주의점
// 한 줄 주석과 /* */ 블록 주석의 문법을 설명합니다. 한 줄을 주석 처리하거나 해제하는 전체 예제로 실행 차이를 확인하고, 중첩·문자열·공개 소스의 주의점도 살펴봅니다.