최근 글

내용·padding·border·margin의 역할과 content-box·border-box의 너비 계산을 비교합니다. 실행 가능한 두 상자 예제로 padding 변경 결과와 세로 margin 병합을 확인하고 개발자 도구로 점검하는 방법을 설명합니다.

모바일 우선 Grid 예제로 화면 너비에 따라 한 열·두 열·세 열을 전환합니다. viewport 설정, 미디어 쿼리 적용 순서, 전환점 직전·직후의 점검 방법과 가로 넘침 해결 기준을 설명합니다.

960px 고정 너비의 페이지에 본문과 사이드바를 배치하는 전체 예제입니다. Grid 열 크기 계산, 좌우 위치 변경, 3단 확장과 좁은 화면의 가로 스크롤 원인을 함께 설명합니다.

String.toUpperCase()와 toLowerCase()로 새 문자열을 만드는 방법입니다. 원본 보존, input 이벤트를 이용한 실시간 미리보기, 로캘별 변환 차이를 예제로 설명합니다.

Date 생성자에서 다음 달의 0일을 이용해 이번 달 또는 임의의 달의 마지막 날짜를 구하는 방법입니다. 윤년과 12월 처리, 입력 검사까지 예제로 확인합니다.

JavaScript Date 객체로 현재 날짜와 시간, 연·월·일·요일 및 시·분·초를 읽는 방법을 설명합니다. 월의 0 기반 인덱스와 현지 시간·UTC 차이를 예제로 확인합니다.

window.open()으로 새 창을 열고 부모·자식 창 사이에 값을 안전하게 전달하는 방법입니다. 팝업 차단 확인, postMessage 출처 검증, 실행 가능한 두 파일 예제를 설명합니다.

폼의 submit 이벤트와 onsubmit 속성이 전송 전에 실행되는 방식을 설명합니다. preventDefault(), 기본 검증, requestSubmit() 차이를 비밀번호 확인 실습으로 보여 줍니다.

Math.max()와 Math.min()으로 여러 숫자의 최댓값·최솟값을 찾는 방법을 설명합니다. 배열 펼침, 빈 목록과 NaN 처리를 실행 예제로 확인합니다.

Math.log(), Math.log10(), Math.log2()의 밑과 입력 조건을 비교합니다. 임의의 밑으로 로그를 구하는 공식과 실행 예제를 설명합니다.