카테고리: JavaScript

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 삽입 위험과 자식 요소 교체 시 주의점도 설명합니다.

JavaScript / 숫자 천 단위 쉼표 넣기·제거하기와 입력 검증
숫자에 천 단위 구분 기호를 표시하고, 쉼표가 포함된 입력을 검사해 숫자로 변환하는 방법입니다. 로캘·소수 자릿수·안전한 정수 범위와 전체 실습을 설명합니다.

JavaScript / String()으로 숫자를 문자열로 변환하기
String()으로 숫자를 기본형 문자열로 바꾸고 값·자료형을 확인합니다. 선택형 전체 예제로 null·BigInt·Symbol을 비교하며, 문자열 연결과 숫자 표시 형식의 차이도 설명합니다.

JavaScript / Number()로 문자열을 숫자로 변환하고 검사하기
Number()의 문자열·빈 값·NaN 변환 규칙을 설명합니다. 실행 가능한 입력 검사 예제로 유한한 숫자와 십진수 형식을 구분하고 parseInt(), parseFloat()와 비교합니다.

JavaScript / 내림·올림·반올림·버림, floor·ceil·round·trunc 차이
Math.floor(), ceil(), round(), trunc()의 방향을 양수와 음수에서 비교합니다. 원하는 소수 자릿수 처리와 부동소수점 오차도 설명합니다.