📜 JavaScript 학습 정리

HTML/CSS로 구성된 정적인 웹페이지를 동적으로 제어하기 위해 JavaScript를 학습했습니다.

---

🏷️ 학습 내용

1️⃣ JavaScript 기초

• 변수 선언: var, let, const
• 자료형: 숫자, 문자열, 불리언, 배열, 객체 등
• 연산자: 산술, 비교, 논리 연산자
• 조건문/반복문: if, switch, for, while 등
• 함수 선언 및 호출 (function, 화살표 함수)

---

2️⃣ DOM(Document Object Model)

• DOM 선택자: getElementById, querySelector 등
• DOM 속성 및 스타일 제어
• 이벤트 처리: onclick, addEventListener 등

---

3️⃣ 이벤트 및 인터랙션

• 마우스/키보드 이벤트
• 폼 이벤트 처리 (onsubmit, onchange)
• 기본 이벤트 방지: event.preventDefault()

---

4️⃣ Ajax (비동기 처리)

• XMLHttpRequest 객체로 데이터 송수신
• 최신 문법: fetch API를 활용한 비동기 통신
• JSON 데이터 파싱 및 활용

---

5️⃣ ES6+ 문법

• 템플릿 리터럴
• 구조분해 할당
• for...of, for...in 반복문
• Spread/Rest 문법

---

📂 예제 및 실습

• 간단한 계산기
• 모바일 메뉴 토글: 햄버거 메뉴 열고 닫기
• Ajax를 활용한 데이터 가져오기
• 게시판 목록의 동적 출력 (JSP 연동 전 JS로 데이터 모킹)

---

💡 느낀 점

• JavaScript를 통해 웹페이지에 동적인 기능을 더할 수 있음을 확인했습니다.
• Ajax를 활용하면 서버와의 통신을 페이지 새로고침 없이 처리할 수 있어 사용자 경험이 좋아진다는 점이 인상적이었습니다.
• 앞으로는 **프레임워크(React, Vue 등)**를 배우기 전, JavaScript로 더 많은 예제와 프로젝트를 진행할 예정입니다.

---

🪄 업데이트 예정

• JavaScript로 동적인 게시판 구현
• ES6+ 문법 및 최신 브라우저 API 학습 추가