카테고리: 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()의 방향을 양수와 음수에서 비교합니다. 원하는 소수 자릿수 처리와 부동소수점 오차도 설명합니다.