매주 일정

• 토요일 오후 2시 ~ 4시

전체 일정

• 초급 : 4주
• 중급 : 2주
• 고급 : 2주

규칙

• 2회 이상 결석시 제명
• 일이 있어서 빠질 경우 미리 말해주기
• 2명이하로 모일때는 그 주는 쉬게 된다.

5회

• TODOMVC 프로젝트 진행하기 : https://todomvc.com/
• realworld 프로젝트 진행 계획 구상
  • api spec : https://realworld-docs.netlify.app/docs/specs/backend-specs/endpoints
  • template : https://realworld-docs.netlify.app/docs/specs/frontend-specs/templates
  • api endpoint : https://api.realworld.io/api
  • frontend show case : https://codebase.show/projects/realworld?category=frontend

4회

• 모두 MVC 모델 알아오기
• 모두 MVC 모델 구현하기

3회 담당자 12/21 저녁 9시

• 1 김용연
• 3 영프로
• 4 김한나
• 5 소정현

2회 담당자

• 5 : 김용연
• 6 : 김한나
• 7 : 권영민
• 8 : 소정현

1회 담당자

• 1섹션 - 김용연
• 2섹션 - 김한나
• 3섹션 - 소정현
• 4섹션 - 권영민

커리큘럼

초급

1. 브라우저 작동원리 이해하기 - js엔진 + web api
2. 각각에 변수 스코프 차이 이해하기
   1. (TDZ - Temporal Dead Zone) 이해하기
   2. 호이스팅 이해하기
   3. 실행 컨텍스트 이해하기
3. 자료구조 알아보기
   1. Array : map, filter, reduce, push, pop, slice
   2. Set
   3. Object(객체)
4. this bind - 호출에 따른 this에 관계 알아보기
5. dom 함수
   1. dom 제어 방법 및 이벤트 처리 방법 알아보기
   2. 이벤트 위임 알아보기 (버블링, 캡쳐링)
6. web api
   1. 타이머 : setTimeout, setInterval
   2. 약속 : promise
   3. 저장소 : localstorage, sessionStorage, cookie
7. 비동기, 동기 처리에 대한 이해와 특징 알아보기
8. 일급함수, 고차함수 특징 알아보기
   1. 익명함수, 유명함수, 즉시실행함수
   2. 클로저 이해하기
9. 프로토타입 알아보기
   1. 문자열 함수 알아보기
   2. 수학 함수 알아보기
   3. Date 함수 알아보기

중급

1. 함수 : 화살표 함수와 일반 함수 차이점 알아보기
2. 깊은복사 vs 얉은복사 차이점 알아보기
3. 객체지향 프로그래밍 알아보기
4. ES5 모듈패턴을 알아보기
5. ES6 클래스 이해하기 - public, private, setter, getter
6. FP 프로그래밍 맛보기 - 순수함수, RxJS, Lodash

고급

1. MVC 모델 알아보기
2. JS로 MVC 모델 만들어 보기
3. TS로 MVC 모델 만들어 보기
4. 구독패턴 만들어 보기
5. 디자인 패턴 알아보기 - 싱글톤, 옵저버, 팩토리