[javascript] 자바 스크립트 기초 학습 커리큘럼 생성

학습 커리큘럼: 

📚 1. 기초 다지기 (1~2개월)

목표: 자바스크립트의 기본 문법과 동작 원리를 이해하기

• 자바스크립트 기본 문법
  • 변수와 상수 (let, const, var 차이점)
  • 자료형 (Primitive vs. Reference)
  • 연산자 (산술, 비교, 논리 연산자)
  • 조건문 (if, switch)
  • 반복문 (for, while, for...of, for...in)
  • 함수 선언 방식 (함수 선언문, 함수 표현식, 화살표 함수)
  • 스코프와 클로저 (Lexical Scope, Block Scope)
• 기본 프로젝트: 계산기, 랜덤 숫자 맞히기 게임 만들기

---

📊 2. 심화 개념 이해 (2~3개월)

목표: 비동기 처리와 객체 지향 프로그래밍 이해하기

• 객체와 배열
  • 객체 생성 (Object, class)
  • 배열 메서드 (map, filter, reduce 등)
• ES6+ 최신 문법
  • 템플릿 리터럴
  • 구조 분해 할당
  • 스프레드 연산자
  • 모듈 시스템 (import, export)
• 비동기 처리
  • 콜백 함수
  • 프로미스 (Promise)와 async/await
  • setTimeout, setInterval 활용
• 기본 프로젝트: API 호출해서 날씨 앱 만들기 (공공 API 활용)

---

🔥 3. DOM 조작과 이벤트 (1~2개월)

목표: 웹페이지와 상호작용하는 방법 배우기

• DOM(Document Object Model)
  • querySelector / getElementById
  • 이벤트 핸들링 (addEventListener, 이벤트 객체)
  • 이벤트 위임과 전파 (캡처링 vs 버블링)
  • 폼 입력 처리와 유효성 검사
• 기본 프로젝트:
  • TODO 리스트 (추가, 수정, 삭제)
  • 모달 창 구현

---

⚙️ 4. 웹 개발 심화 (2~3개월)

목표: 실제 서비스와 비슷한 기능 구현하기

• 브라우저 환경 이해
  • 로컬 스토리지 / 세션 스토리지
  • 쿠키와 인증 개념
• HTTP & Fetch API
  • CRUD 구현 (GET, POST, PUT, DELETE)
  • JSON 데이터 처리
• 에러 핸들링
  • try...catch와 에러 객체
  • 커스텀 에러 만들기
• 기본 프로젝트:
  • 사용자 로그인 시스템 (로컬 스토리지 활용)
  • 간단한 게시판 만들기

---

💡 5. 프레임워크 & 라이브러리 (3~6개월)

목표: 생산성 향상을 위한 프레임워크와 툴 학습

• React 기본
  • 컴포넌트 개념과 JSX
  • 상태 관리 (useState, useEffect)
  • 라우팅 (react-router-dom)
  • API 연동 및 비동기 데이터 처리
• Node.js & Express
  • REST API 구축
  • 기본적인 서버 구축
• 기본 프로젝트:
  • React로 SPA(단일 페이지 애플리케이션) 만들기
  • 풀스택 게시판 만들기 (React + Node.js)

---

🧰 6. 심화 학습 및 배포 (3개월 이상)

목표: 실무와 유사한 프로젝트 경험 쌓기

• 테스트 코드 작성 (Jest, Vitest)
• CI/CD와 배포 (Vercel, Netlify)
• 성능 최적화 (Lazy Loading, Code Splitting)
• 포트폴리오 프로젝트
  • 실시간 채팅 앱 (Socket.io 활용)
  • 일정 관리 웹 앱 (React + Express + MongoDB)

참고 사이트: https://javascript.info/keys-values-entries

Object.keys, values, entries

 

회사에서 자바 스크립트에 대한 중요도가 높아지면서, 기본부터 배워본 적 없는 자바 스크립트에 대한 독학을 해 보려고 합니다. 커리큘럼 자체는 챗 gpt에게 맡겼고, 모르는 부분이나 이해 안 가는 모든 부분은 챗 gpt로 해결하려고 합니다. 챗gpt에 대한 의존도가 높아질 수록 불안하지만....