JavaScript 기초 개념 요약

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

• 초보 개발자
• 웹 개발 기초 학습자
• JavaScript 문법 이해 필요자
• 난이도: 초급(기본 문법 및 개념 설명)

핵심 요약

• 변수 선언: let, const, var 사용, Camel Case 명명 규칙 적용
• 데이터 타입: string, number, boolean, object, BigInt, null, undefined 포함
• 사용자 상호작용: alert(), prompt(), confirm() 메서드 활용
• 연산자: 수학 연산자 +, -, *, /, 비교 연산자 ===, ==, 논리 연산자 &&, || 포함

섹션별 세부 요약

1. 변수 및 명명 규칙

• 변수 선언: let, const는 블록 범위, var는 함수 범위
• 명명 규칙: 숫자로 시작 금지, Camel Case 적용, 예: let userAge = 30;
• 예시: const PI = 3.14; (상수 선언)

2. 데이터 타입

• 기본 타입: number (예: 42, 3.14), string (예: "Hello, World!"), boolean (true, false)
• 특수 타입: null (값 없음), undefined (선언되지 않음), BigInt (대규모 정수: 123n)
• 타입 확인: typeof 연산자 사용 (예: typeof "Hello" → "string")

3. 사용자 상호작용

• alert(): 사용자에게 메시지 표시 (예: alert("Welcome!");)
• prompt(): 사용자 입력 받기 (예: let name = prompt("이름을 입력하세요");)
• confirm(): 확인/취소 다이얼로그 (예: let isConfirmed = confirm("정말 삭제하시겠습니까?");)

4. 타입 변환

• 문자열 변환: String() 함수 또는 .toString() 메서드
• 수치 변환: Number(), parseInt(), parseFloat(), + 연산자
• 불리언 변환: Boolean() 생성자 또는 !! 연산자

5. 연산자

• 수학 연산자: +, -, *, /, %, (예: 2 3 → 8)
• 비교 연산자: === (엄격 동일), == (비교 시 타입 무시)
• 논리 연산자: && (AND), || (OR), ! (NOT)
• 비트 연산자: &, |, ^
• Null 병합 연산자: ?? (예: let x = y ?? "기본값";)
• 옵셔널 체이닝: ?. (예: user?.address?.city)

6. 조건문 및 반복문

• if/else: 조건에 따라 코드 실행
• 삼항 연산자: condition ? value1 : value2
• switch: 다중 조건 처리
• 반복문: while, for, for...in, for...of

7. 함수 정의

• 함수 선언: function myFunction() { }
• 화살표 함수: const myFunction = () => { }
• 함수 표현식: const myFunction = function() { }

8. 변수 범위

• const는 재할당 불가, let/var은 재할당 가능
• const는 블록 범위, var는 함수 범위

9. 타입 강제 변환

• typeof null → "object" (역사적 결함)

결론

• JavaScript의 핵심 문법(변수, 연산자, 조건문, 함수)을 이해하고 실습 예제를 통해 적용해야 한다.
• alert(), prompt(), confirm()은 사용자와의 상호작용을 위한 기초 도구로, 모든 웹 개발자에게 필수이다.
• 타입 변환과 연산자 우선순위는 실무에서 빈번하게 발생하는 실수를 방지하기 위해 반드시 숙지해야 한다.