mash-up-kr-web / js-study-notes

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Javascript 스터디

목표

JS 언어에 대한 이해를 높여 React 스터디를 진행하는 데 언어 이해 부족으로 인한 병목이 생기지 않도록 한다.

진행 방향

  • React 생태계에서 사용되는 최신 Javascript의 문법 및 기능들을 학습한다.
  • 기초적인 내용(자바스크립트 소개 등)들은 시간 관계 상 스터디 시간에 다루지 않는다. 단, 개인적으로 요청하시면 학습에 참고할 강의 또는 문서 링크 제공 및 온/오프라인으로 도와드릴 예정!

진행 방식

  • 스터디 한 회차 당 시간은 최대 2시간 30분으로 잡는다.
    • 강의자가 1시간 반 내외로 강의 방식으로 "학"을 진행한다.
    • 나머지 시간은 미리 준비한 과제로 "습"을 진행한다.
  • 페어 프로그래밍 방식으로 실습을 진행한다.
    • 온라인 상으로 문제가 주어진다.
    • 스터디원 두 명씩 짝을 이룬 후, 네비게이터(navigator)가 전략을 제시하고 드라이버(driver)가 실제 코드를 작성한다. 이 역할을 차례대로 번갈아가며 수행한다.
    • 코드 리뷰를 진행하며 학습한 지식 공유가 잘 되도록 한다.
  • 스터디가 끝난 후 약 10분동안 당일 스터디 회고를 진행한다.

커리큘럼

개념 학습

1주차

  1. let, const와 블록 레벨 스코프(Block scoped declaration: let/const)
  2. 템플릿 리터럴(Template literal)
  3. 화살표 함수(Arrow function)
  4. 고차함수

2주차

  1. Spread / Rest
  2. 파라미터 기본값(Default parameter)
  3. 객체 리터럴 프로퍼티 기능 확장
  4. 디스트럭처링(Destructuring)

3주차

  1. 클래스(class, extends & super) + public class field
  2. 모듈

4주차

  1. DOM
  2. 이벤트

5주차

  1. 비동기식 처리 모델
  2. 비동기 프로그래밍(Promise, async/await)

실습 자료

당일 학습한 개념을 활용해 볼 수 있는 가벼운 알고리즘 문제 또는 직접 준비한 문제 진행

About