카테고리: JavaScript

크고 작은 문자 형태 조각이 두 개의 변환 통로에서 서로 바뀌는 모습

JavaScript / toUpperCase·toLowerCase로 대소문자 변환

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

달력의 마지막 칸이 강조되고 다음 달 첫 칸과 연결되는 모습

JavaScript / Date로 이번 달 말일 구하기와 윤년 처리

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

달력 격자와 시계 형태의 입체 오브젝트가 함께 배치된 모습

JavaScript / Date로 현재 날짜·시간과 연월일·요일 구하기

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

두 브라우저 창 사이에 작은 데이터 캡슐이 양방향으로 오가는 모습

JavaScript / window.open()으로 새 창 열기와 부모·자식 값 전달

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

입력 카드가 검증 게이트를 통과하고 조건에 따라 전송 경로가 열리는 모습

JavaScript / submit 이벤트로 폼 전송 전 검사하고 취소하기

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

높이가 다른 데이터 기둥들 중 가장 높은 기둥과 가장 낮은 기둥이 강조되는 모습

JavaScript / Math.max()와 Math.min()으로 최댓값·최솟값 구하기

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

서로 다른 간격으로 증가하는 블록 계단과 이를 비교하는 부드러운 곡선이 놓인 모습

JavaScript / Math.log·log10·log2로 로그 계산하기

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

투명한 수 범위 트레이 안에 무작위 위치의 구슬들이 흩어져 있는 모습

JavaScript / Math.random()으로 범위 내 랜덤 정수 만들기

Math.random()의 0 이상 1 미만 범위와 양 끝을 포함한 정수 난수 공식, 입력 검증을 설명합니다. 보안용 난수와의 차이도 짚습니다.

문자열 입력이 세 갈래 변환 장치로 나뉘어 정수와 소수, 검증 결과 블록으로 나오는 모습

JavaScript / parseInt·parseFloat·Number 차이와 숫자 변환

parseFloat(), parseInt(), Number()가 문자열을 숫자로 바꾸는 범위를 비교합니다. 단위가 붙은 값, 빈 문자열, 진법과 NaN 검사까지 실습합니다.

외부에서 들어온 코드 리본이 경고 경계를 만나고 안전한 처리 경로로 분기되는 모습

JavaScript / eval() 사용법과 보안 위험, 대체 방법

eval()이 문자열을 JavaScript로 실행하는 원리와 사용자 입력을 전달할 때의 위험을 설명합니다. JSON.parse와 함수 선택을 이용한 대안 및 안전한 계산기 예제를 제공합니다.