자바스크립트를 다루다 보면 typeof, null, undefined의 개념에서 헷갈리는 경우가 많습니다. 특히 예상과 다른 결과값이나 데이터 타입 판별 문제로 디버깅이 어려울 때가 있죠. 이 글에서는 자바스크립트의 기본 데이터 타입을 정확하게 이해하고, typeof, null, undefined를 명확히 구분하는 방법을 정리해보겠습니다.✨ 자바스크립트의 기본 데이터 타입자바스크립트의 데이터 타입은 크게 원시 타입과 참조 타입으로 나뉩니다.✅ 원시 타입 (Primitive Types)string: 문자열 → 'hello', "abc"number: 숫자 → 10, 3.14, NaNboolean: 참/거짓 → true, falseundefined: 값이 할당되지 않은 변수null: 값이 "없음"을 명시big..

자바스크립트를 처음 접하면 가장 헷갈릴 수 있는 부분 중 하나가 변수 선언 방식입니다. var, let, const는 모두 변수를 선언하는 키워드지만, 작동 방식과 사용 범위에서 큰 차이를 보입니다. 이 글에서는 각 키워드의 특징과 차이점을 정리하고, 언제 어떤 키워드를 사용해야 하는지 명확히 이해할 수 있도록 설명합니다.✨ 1. var — 과거 방식의 변수 선언var name = "Alice";재선언 가능: 같은 변수명을 다시 선언해도 오류가 발생하지 않음재할당 가능: 값을 자유롭게 바꿀 수 있음함수 스코프(Function Scope): 함수 내부에서만 유효함. 블록(if, for, while) 내에서 선언해도 함수 전체에서 접근 가능호이스팅(Hosting): 선언이 코드 상단으로 끌어올려짐. 단, 초..

연관글2025.04.22 - [Programing/PHP] - php 비밀번호 유효성 검사 회원가입 또는 비밀번호 변경 기능을 구현할 때, 사용자의 비밀번호가 보안 기준을 충족하는지를 확인하는 절차는 필수적입니다. 본 글에서는 JavaScript로 작성된 checkPasswordJson 함수의 구조와 검증 기준을 정리하고, 각 조건별 반환 메시지를 살펴봅니다.✨ 함수 설명function checkPasswordJson(password){ const lengthValid = password.length >= 10 && password.length /?`~]/.test(password); const hasWhitespace = /\s/.test(password); if (!lengthVali..

연관글2025.04.22 - [Programing/PHP] - PHP 이메일 유효성 검사2025.04.21 - [Programing/javascript] - 이메일 입력 필드를 위한 한글 및 공백 제거 jQuery 함께보면 좋은 글 사용자가 입력하는 이메일 주소가 형식에 맞는지를 검사하는 기능은 대부분의 회원가입, 로그인, 문의폼 등에 필수적으로 포함됩니다. JavaScript에서 이를 정규표현식으로 간단하게 처리할 수 있으며, 본 글에서는 isValidEmail 함수의 동작 방식과 정규표현식의 의미를 정리합니다.✨ 함수 설명function isValidEmail(email) { const EMAIL_PATTERN = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{..

여권번호는 국가마다 규칙이 다르기 때문에, 이를 검증할 때는 국가별로 적절한 정규표현식을 사용하는 것이 중요합니다. 이 글에서는 입력된 여권번호가 특정 국가의 규칙에 부합하는지를 검사하는 JavaScript 함수 isValidPassportNumber의 구조를 살펴보고, 실제 여권번호를 조회 또는 검증할 수 있는 공공 API가 있는지에 대해서도 함께 안내합니다.✨ 함수 설명function isValidPassportNumber(passportNumber, isoCode) { const passportPatterns = { KR: /^[A-Z]{1}\d{8}$/, // 대한민국 US: /^\d{9}$/, // 미..

2019.06.26 - [Programing/javascript] - JavaScript 윤년(leap year) 체크 글의 응용 버전입니다.php 윤년 체크는 2019.06.26 - [Programing/PHP] - PHP 윤년(leap year)체크 글을 참조해주세요. 웹 서비스에서 날짜를 기준으로 기간을 선택하는 UI를 제공할 때, 윤년(Leap Year)에 따라 '365일'이 아닌 '366일'로 바뀌어야 할 때가 있습니다. 이 글에서는 JavaScript를 활용해 윤년인 경우 자동으로 '일 수'를 변경해주는 함수 leapYearChangeTerm의 동작 방식을 소개합니다.✨ 함수 전체 코드function isLeapYear(year) { return (year % 4 === 0 && year..

2025.04.22 - [Programing/javascript] - 날짜 형식 유효성 검사 함수 글의 응용 코드입니다. 회원가입, 본인 확인, 나이 계산 등의 기능을 구현할 때 생년월일 입력값이 실제 존재하는 날짜인지, 미래의 날짜는 아닌지 검증하는 절차는 매우 중요합니다. 이 글에서는 YYYYMMDD 형식의 생년월일 문자열이 올바른지 확인하는 isValidBirthDate 함수의 동작 방식을 설명합니다.✨ 함수 코드 원문function isValidBirthDate(input) { const BIRTHDATE_PATTERN = /^\d{8}$/; if (!BIRTHDATE_PATTERN.test(input)) return false; const [year, month, day] = [..

이전 2025.04.22 - [Programing/javascript] - 날짜 형식 유효성 검사 함수 글의 응용 버전입니다.날짜 선택 UI나 기간 검색 조건을 다룰 때, 사용자가 입력한 날짜 범위가 올바른 형식인지, 실제 존재하는 날짜인지, 그리고 시작일이 종료일보다 이른지 등을 확인하는 작업은 매우 중요합니다. 이 글에서는 YYYY-MM-DD ~ YYYY-MM-DD 형식의 문자열을 검증하는 checkRangeDateFormat 함수의 구조와 동작 방식을 소개합니다.✨ 함수 코드 원문function checkRangeDateFormat(input) { const DATE_RANGE_PATTERN = /^\d{4}-\d{2}-\d{2} ~ \d{4}-\d{2}-\d{2}$/; if (!DATE..

날짜 입력값은 다양한 형식으로 존재할 수 있으며, 단순한 문자열 검사만으로는 실제 존재하지 않는 날짜까지 통과될 수 있습니다. 이를 방지하기 위해, YYYY-MM-DD 형식의 문자열이 실제 유효한 날짜인지까지 검사하는 함수가 필요합니다. 이 글에서는 정규표현식과 JavaScript의 Date 객체를 조합하여 날짜 형식과 존재 여부를 동시에 확인하는 함수 isValidDateFormat을 살펴보겠습니다.✨ 함수 코드 원문function isValidDateFormat(dateString) { const DATE_PATTERN = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/; if (!DATE_PATTERN.test(dateString)) return fa..

사용자가 입력한 문자열이 실제로 유효한 도메인 혹은 URL인지 판단하는 기능은 웹 서비스에서 매우 중요합니다. 예를 들어, 링크 등록 기능이나 외부 사이트 연결 기능을 제공할 때, 형식이 잘못된 주소를 사전에 걸러내는 것이 사용자 경험 및 보안 측면에서 매우 중요합니다.이 글에서는 URL 형식을 검사하는 JavaScript 함수 checkUrlFormat의 구조와 동작 원리를 살펴보겠습니다.✨ 함수 코드 원문function checkUrlFormat(url) { try { const parsed = new URL(url.startsWith('http') ? url : `https://${url}`); return /^[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)+$..