최근 글
JavaScript / 함수 선언과 호출, 매개변수와 반환값 사용법
함수 선언문·표현식, 매개변수와 인수, return 및 기본값을 설명합니다. 입력 검사·계산·출력을 분리한 전체 HTML 예제로 호출 시점과 이벤트 등록의 차이도 확인합니다.
JavaScript / isNaN()과 Number.isNaN() 차이와 NaN 검사
isNaN()과 Number.isNaN()의 검사 범위를 구분합니다. 나눗셈 버튼 예제로 정상 값·NaN·Infinity를 비교하고 빈 값과 숫자 입력을 검증할 때의 주의점도 설명합니다.
JavaScript / isFinite()와 Number.isFinite()로 유한한 수 검사
isFinite()와 Number.isFinite()의 형 변환 차이를 표와 입력 실습으로 비교합니다. 빈 문자열·null·NaN·Infinity의 처리와 정수·범위 검사가 별개인 이유도 설명합니다.
JavaScript / encodeURI와 encodeURIComponent 차이, URL 인코딩·디코딩
encodeURI와 encodeURIComponent의 처리 범위를 비교하고, 검색어를 URLSearchParams로 넣는 전체 예제를 제공합니다. 디코딩 오류, +와 공백, 중복 인코딩을 구분하는 방법도 설명합니다.
JavaScript / 비교 연산자 사용법과 ==, === 차이
===·!==·==·!=와 크기 비교를 입력 예제로 설명합니다. 문자열과 숫자의 비교 차이, NaN과 객체의 예외, 올바른 범위 비교 방법도 확인할 수 있습니다.
JavaScript / typeof로 데이터 타입 확인하기와 주의점
typeof의 8가지 반환 문자열을 전체 실행 예제로 비교합니다. 배열·null·NaN 판별, BigInt·Symbol, 초기화 전 let의 오류와 연산 우선순위까지 다룹니다.
JavaScript / getElementById()로 ID가 있는 요소 선택하기
getElementById()로 ID가 일치하는 요소를 찾고 텍스트를 바꾸는 전체 예제입니다. null 반환, 대소문자와 #의 차이, 스크립트 실행 시점 및 중복 ID 문제를 함께 설명합니다.
JavaScript / getAttribute()로 HTML 속성 값 가져오기
getAttribute()의 문자열·null 반환값을 구분하고 href·checked 속성과 DOM 프로퍼티의 차이를 전체 예제로 확인합니다. data 속성의 자료형과 안전한 출력 방법도 설명합니다.
JavaScript / innerText와 innerHTML 차이와 사용법
innerText·innerHTML·textContent의 읽기와 쓰기를 전체 HTML 예제로 비교합니다. 숨겨진 텍스트, 줄바꿈, HTML 삽입 위험과 자식 요소 교체 시 주의점도 설명합니다.
jQuery / Selector / :checked - 체크박스, 라디오 버튼에서 체크한 요소 선택하는 선택자
:checked로 체크박스·라디오의 현재 선택을 읽는 방법을 설명합니다. 전체 예제로 여러 값 수집, checked 속성과 현재 상태, 비활성 항목의 제출 차이와 초기화를 확인합니다.