최근 글
JavaScript / Math.random()으로 범위 내 랜덤 정수 만들기
Math.random()의 0 이상 1 미만 범위와 양 끝을 포함한 정수 난수 공식, 입력 검증을 설명합니다. 보안용 난수와의 차이도 짚습니다.
JavaScript / parseInt·parseFloat·Number 차이와 숫자 변환
parseFloat(), parseInt(), Number()가 문자열을 숫자로 바꾸는 범위를 비교합니다. 단위가 붙은 값, 빈 문자열, 진법과 NaN 검사까지 실습합니다.
JavaScript / eval() 사용법과 보안 위험, 대체 방법
eval()이 문자열을 JavaScript로 실행하는 원리와 사용자 입력을 전달할 때의 위험을 설명합니다. JSON.parse와 함수 선택을 이용한 대안 및 안전한 계산기 예제를 제공합니다.
JavaScript / document.URL로 현재 주소 가져오기와 URL 분석
document.URL로 현재 문서의 전체 주소를 읽고 URL 객체로 경로·쿼리·해시를 분리합니다. 읽기 전용 속성과 location을 통한 이동의 차이를 설명합니다.
JavaScript / document.characterSet으로 문자 인코딩 확인하기
document.characterSet으로 브라우저가 현재 HTML 문서를 해석한 인코딩을 확인합니다. meta charset 선언과 실제 적용값의 차이 및 문자 깨짐 점검 방법을 설명합니다.
JavaScript / screen으로 화면 크기 구하기와 뷰포트 차이
JavaScript Screen 객체의 화면 크기·사용 가능 영역·색 깊이 속성을 설명합니다. screen.width와 브라우저 뷰포트의 innerWidth를 직접 비교합니다.
JavaScript / childElementCount로 자식 요소 개수 구하기
Element.childElementCount가 텍스트 노드를 제외한 직접 자식 요소만 세는 방법을 설명합니다. children.length·childNodes와 비교하고 목록 추가·삭제로 확인합니다.
JavaScript / removeAttribute()로 HTML 속성 제거하기
Element.removeAttribute()로 HTML 속성을 제거하고 hasAttribute()로 확인하는 방법을 설명합니다. disabled 속성의 제거와 복원을 실행 가능한 예제로 보여 줍니다.
JavaScript / document.write() 사용법과 문서가 지워지는 이유
document.write()가 HTML 파싱 중에 문서 스트림에 쓰는 방식과 로드 후 호출 시 위험을 설명합니다. 사용자 입력은 DOM과 textContent로 안전하게 표시합니다.
JavaScript / document.writeln()의 줄바꿈 동작과 대체 방법
document.writeln()이 줄바꿈을 추가하는 방식과 HTML에서 실제로 보이는 결과를 설명합니다. 기존 코드의 위험과 textContent를 쓰는 대체 예제를 확인합니다.