Day 5 - JavaScript Basic

이 글은 2026년 3월 9일 작성된 글입니다.

오늘은 자바스크립트의 기본적인 문법과 구성요소에 대한 강의를 들었으며, 이를 정리해서 작성해보았다.

1. JS 개념

• **JavaScript(JS)**는 웹에서 동작을 제어하는 프로그래밍 언어
• 프로그램은 위에서 아래로 순서대로 실행
• console.log()로 값을 화면에 출력
• CSS보다 우선순위가 높으며, 웹을 감독하는 역할
• JS와 CSS는 협력해서 사용하는 것이 바람직

2. JS의 4대 구성요소

1. 조건문 (Conditional Statements)

• 코드 실행을 상황에 따라 달리 처리
• 대표: if, switch (스위치는 아직 학습 안 함)
• 예제:

if (조건) {
    // 조건이 참일 때 실행
} else {
    // 조건이 거짓일 때 실행
}

2. 반복문 (Loops)

• 같은 코드를 여러 번 반복 실행
• 대표: while, for (do while은 아직 학습 안 함)
• 예제:

for (var i = 0; i < 5; i++) {
    console.log(i);
} // i가 0에서 4까지 1씩 증가하며 console.log(i) 실행.

3. 변수와 값 (Variables & Values)

변수 선언 방식

• var : 함수 스코프, 재선언 및 재할당이 가능함. 요즈음엔 지양하는 추세이다.
• let : 블록 스코프, 재선언 불가능, 재할당 가능.
• const : 블록스코프, 재선언 및 재할당이 불가능하다.
• 데이터를 저장하는 그릇
• 값(Value, 데이터) 종류:
  • 숫자(Number) : 1, 1.5
  • 문자(String) : "안녕", "a", "잘가세요."
  • 논리(Boolean) : true, false
  • 객체(Object) : let obj = { 이름: "홍길동", 나이: 22 }
    • 객체는 버스처럼 여러 데이터를 한 번에 담을 수 있음
    • []와 . 문법으로 내부 변수(좌석) 관리 가능
  • 지역변수(Local Variable) : 함수 안에서만 존재하는 하루살이 변수
  • 배열(Array) : 동일한 자료형의 데이터들을 하나의 변수 이름으로 관리하는 자료구조

4. 함수 (Function)

• 실행 가능한 코드 블록
• 매개변수(Parameter) : 함수 입력 역할
• return : 함수 출력 역할
• 예제:

function greet(name) {
    return "안녕, " + name + "!";
}
console.log(greet("홍길동")); // 안녕, 홍길동!

✅ 정리

• JS는 웹에서 동작을 감독하는 언어
• 변수와 객체로 데이터를 담고, 함수와 조건/반복문으로 동작을 제어