Javascript 정리 - swkim0128/PARA GitHub Wiki

자바스크립트 문법 정리 목차

1. 자바스크립트 소개

2. 기본 문법

3. 제어 흐름

  • 조건문 (if, else, else if)
  • switch문
  • 반복문 (for, while, do-while)
  • break와 continue

4. 함수

  • 함수 선언 및 호출
  • 함수 표현식
  • 화살표 함수 (Arrow Functions)
  • 기본 매개변수와 나머지 매개변수
  • 콜백 함수
  • 즉시 실행 함수(IIFE)

5. 객체와 배열

  • 객체 리터럴
  • 객체 프로퍼티 접근 (. 연산자, [] 연산자)
  • 객체 메서드와 this 키워드
  • 배열 리터럴
  • 배열 메서드 (push, pop, map, filter, reduce 등)
  • 배열 순회 (for, forEach, map)

6. ES6+ 기능

  • 템플릿 리터럴
  • 구조 분해 할당 (객체, 배열)
  • 스프레드 연산자 (...)
  • let과 const
  • 모듈 시스템 (import, export)
  • 클래스 (Class)와 상속

7. 비동기 자바스크립트

  • 콜백 함수와 콜백 지옥
  • 프로미스(Promise)
  • async와 await
  • fetch API
  • setTimeout과 setInterval

8. DOM(Document Object Model) 조작

  • DOM 개념
  • DOM 선택 (getElementById, querySelector)
  • DOM 조작 (텍스트, HTML, 클래스 변경)
  • 이벤트 처리 (addEventListener)
  • 이벤트 객체와 이벤트 전파

9. 오류 처리

  • try, catch, finally
  • 오류 객체 (Error, TypeError, SyntaxError)
  • 오류 발생 (throw)

10. 정규 표현식

  • 정규 표현식 개념
  • 정규 표현식 메서드 (test, match, replace)

11. 자바스크립트 객체지향 프로그래밍

  • 생성자 함수와 객체 생성
  • 프로토타입과 상속
  • 클래스 (ES6+)
  • this의 동작 원리

12. 고급 자바스크립트 개념

  • 클로저(Closures)
  • 즉시 실행 함수(IIFE)
  • 함수형 프로그래밍 개념
  • 커링(Currying)
  • 함수 합성(Composition)

13. 메모리 관리와 가비지 컬렉션

  • 메모리 할당과 해제
  • 가비지 컬렉션(Garbage Collection)
  • 메모리 누수 방지

14. 모듈 시스템

  • CommonJS와 ES6 모듈 차이점
  • 모듈 불러오기 (require, import)
  • 모듈 내보내기 (module.exports, export)

15. 자바스크립트의 성능 최적화

  • 코드 성능 최적화 방법
  • 이벤트 위임(Event Delegation)
  • debounce와 throttle 사용법
  • 메모리 관리와 성능 고려 사항

16. 자바스크립트의 최신 기능 (ECMAScript 2023 기준)

  • 최신 문법과 기능
  • 옵셔널 체이닝 (?.)
  • Null 병합 연산자 (??)
  • Private 필드 (#)
  • Promise.allSettled, Promise.any

자바스크립트 문법 참조 사이트 목록

  1. MDN Web Docs (Mozilla Developer Network)
    • 사이트: https://developer.mozilla.org/ko/docs/Web/JavaScript
    • 설명: 자바스크립트 문법, 웹 API, 브라우저 환경 관련 문서로, 자바스크립트 개발자들이 가장 많이 사용하는 사이트입니다. 기본 문법부터 고급 기능까지 잘 정리되어 있습니다.
⚠️ **GitHub.com Fallback** ⚠️