An open API service indexing awesome lists of open source software.

https://github.com/seongwonp/javascript_project

자바스크립트의 기초 문법부터 객체, 브라우저 객체 모델, DOM, AJAX까지 단계별로 실습하며 학습한 내용을 정리한 공간입니다.
https://github.com/seongwonp/javascript_project

ajax dom javascript

Last synced: 4 months ago
JSON representation

자바스크립트의 기초 문법부터 객체, 브라우저 객체 모델, DOM, AJAX까지 단계별로 실습하며 학습한 내용을 정리한 공간입니다.

Awesome Lists containing this project

README

          

# 🌐 JavaScript Practice – 자바스크립트 기초 실습 저장소

이 저장소는 자바스크립트의 기초 문법부터 객체, 브라우저 객체 모델, DOM, AJAX까지
단계별로 실습하며 학습한 내용을 정리한 공간입니다.

---

## 📁 폴더 구성

| 폴더명 | 학습 주제 |
|---------------|-----------|
| `00` | 자바스크립트 시작 및 환경 설정
| `01_basic` | 기본 문법 (변수, 자료형, 연산자 등)
| `02_data` | 배열, 객체 등 데이터 구조
| `03_operator` | 연산자 활용
| `04_conditional` | 조건문 (`if`, `switch`)
| `05_loop` | 반복문 (`for`, `while`)
| `06_array` | 배열 메서드 및 반복 처리
| `07_function` | 함수 선언, 매개변수, 반환
| `08_object` | 객체 생성 및 속성 접근
| `09_window` | 브라우저 객체 모델 (`window`, `alert`, `confirm`)
| `10_dom` | DOM 조작 및 이벤트 처리
| `12_ajax` | AJAX 통신 및 비동기 처리
| `Little_project/LunchMenuSpinner` | 간단한 점심 추천기 프로젝트

---

## 🛠️ 개발 환경

- **언어**: JavaScript (ES6+)
- **에디터**: WebStorm
- **브라우저**: Chrome
- **운영체제**: macOS / Windows (병행 사용)

---

## 💡 학습 목적

- 자바스크립트 문법을 단계별로 정리하며 실습
- DOM, 이벤트, AJAX 등 웹 개발 핵심 개념 이해
- 간단한 프로젝트를 통해 실전 감각 향상
- 코드 내 주석을 통해 개념 설명 포함

---

## 🙋‍♂️ 작성자

**박성원 (Seongwon Park)**
- 자바스크립트 기초 문법 학습 및 실습
- DOM 조작 및 브라우저 객체 모델 이해
- AJAX 통신 및 간단한 프로젝트 구현 경험
- WebStorm + Chrome 환경에서 macOS / Windows 병행 실습

---