JavaScript를 어떻게 공부해야 되는지 순서 정리
사람마다 공부하는 방법은 다릅니다. 이 로드맵을 맹목적으로 따르지는 마세요.

1. 기초 문법#

• 변수와 상수 (Variables & Constants)
• 데이터 타입 (Data Types)
• 연산자 (Operators)
• 조건문 (Conditional Statements)
• 반복문 (Loops)
• 함수 (Functions)

2. 객체 및 배열#

• 객체 (Objects)
• 배열 (Arrays)
• 객체와 배열의 메서드 (Object & Array Methods)
• JSON (JavaScript Object Notation)

3. 함수 심화#

• 함수 표현식과 선언 (Function Expressions & Declarations)
• 콜백 함수 (Callback Functions)
• 클로저 (Closures)
• 즉시 실행 함수 표현식 (IIFE)
• 화살표 함수 (Arrow Functions)

4. 비동기 처리#

• 콜백 패턴 (Callback Pattern)
• 프로미스 (Promises)
• async/await

5. DOM 조작#

• DOM(Document Object Model) 이해
• DOM 선택 및 조작 (DOM Selection & Manipulation)
• 이벤트 처리 (Event Handling)

6. 모듈 및 패키지 관리#

• 모듈화 (Modules)
• import/export 문법
• 패키지 관리 도구 (NPM, Yarn 등)

7. 브라우저 API#

• 타이머 (Timers: setTimeout, setInterval)
• 이벤트 루프 (Event Loop)
• Fetch API (AJAX & HTTP Requests)
• 로컬 스토리지 (LocalStorage & SessionStorage)
• Web APIs (Geolocation, Canvas 등)

8. 에러 처리 및 디버깅#

• 예외 처리 (Error Handling: try/catch)
• 디버깅 기법 (Debugging Techniques)
• 콘솔 사용 (Console Methods)

9. ES6+ 최신 문법#

• let/const 키워드
• 템플릿 리터럴 (Template Literals)
• 디스트럭처링 (Destructuring)
• 스프레드 연산자 (Spread Operator)
• 클래스 (Classes)
• 심볼 (Symbols)

10. 테스트 및 도구#

• 단위 테스트 (Unit Testing)
• 린팅 도구 (Linting Tools)
• 빌드 도구 (Build Tools: Webpack, Babel 등)

11. 프레임워크 및 라이브러리#

• jQuery (기본 개념)
• React, Vue.js, Angular (프레임워크 이해)
• Node.js (백엔드 JavaScript)

12. 프로젝트 실습#

• 간단한 웹 애플리케이션 제작
• API 연동 프로젝트
• 클론 코딩 (복잡한 웹사이트 또는 애플리케이션 클론)