javascript-syntax

Using JavaScript in 2022
📌: JavaScript 문법 정리 (기초 문법부터 DOM/BOM까지)

🚀 Introduction

JavaScript의 기본 문법을 챕터 단위로 정리한 개인 학습 저장소입니다. 출력 방법과 변수부터 조건문, 반복문, 내장 객체, BOM(Browser Object Model), DOM(Document Object Model) 조작까지 예제 코드로 정리했습니다.

---

✨ Features

• 🖨️ 출력 & 변수 (ch00~ch02) alert, document.write, console.log를 통한 출력 방법, 변수 선언 규칙과 undefined

• 🔀 조건문 & 반복문 (ch03~ch06) if/else, switch문 활용, 복합대입연산자, 배열과 for문을 통한 순회

• 🧩 함수 & 객체 (ch07~ch08) 함수 선언과 호출, 객체의 속성(property)과 메서드(method) 구조

• 🔡 내장 객체 (ch09~ch12) String, Number, Array, Date 생성자 함수와 변수식 선언 방식의 차이, 형변환

• 🪟 BOM - Browser Object Model (ch13~ch15) window 객체(open, close, setTimeout, setInterval), location 객체를 통한 페이지 이동, screen 객체를 통한 창 크기 조절

• 🌳 DOM - Document Object Model (ch16~ch17) window.onload를 통한 로드 시점 제어, 엘리먼트 스타일 조작, createElement/appendChild를 통한 동적 엘리먼트 생성

---

📂 Folder Structure

javascript-syntax/
├── ch00.html        # HTML 기본 구조 & 콘솔 출력
├── ch01.js           # 출력 방법 (alert, document.write, console.log)
├── ch02.js           # 변수 선언, undefined
├── ch03.js           # 조건문 (if/else)
├── ch04.js           # 조건문 (switch)
├── ch05.js           # 복합대입연산자
├── ch06.js           # 배열과 for문
├── ch07.html         # 함수 선언과 호출
├── ch08.html         # 객체 (속성 & 메서드)
├── ch09.html         # String 객체
├── ch10.html         # Number 객체 & 형변환
├── ch11.html         # Array 객체
├── ch12.html         # Date 객체
├── ch13.html         # BOM - window 객체
├── ch14.html         # BOM - location 객체
├── ch14_test.html    # location 객체 테스트용 페이지
├── ch15.html         # BOM - screen 객체
├── ch16.html         # DOM - onload & 엘리먼트 스타일
└── ch17.html         # DOM - 엘리먼트 동적 생성

---

🛠️ Built With

• Programming Language: JavaScript (Vanilla JS)

---

📧 Contact

• Name: Eunseo Yu
• E-mail: eunseoyu0825@gmail.com
• GitHub: 221B0825