단국대 자바스크립트 스터디

규칙#

스터디 사이클#

토일월화 : 과제 수행
수: 팀원의 결과물 피드백
목: 자신의 결과물 보충하기
금: 쉬는날

  • 조사한 내용은 꼭 출처남기기

  • 스터디원의 결과물을 보고 궁금한 점이 있을때에는(모르는용어, 예시 등) 자신이 직접 찾아보는것도 좋지만, 결과물을 만든 사람에게 질문을 주는 것이 좋다고 생각합니다.

  • 자신이 이미 알고 있는 내용이기 때문에 자세한 서술이 필요 없을 경우

    • 생략을 하여 질의 응답 시간에 답변할 수 있음.
    • 답변하지 못한 내용은 보충할 것

  • 과제가 약 4일 주기로 할 텐데, 4일이 있는것은, 그만큼 시간을 투자해야 하기 때문입니다. 꾸준히 해주세요:)

  • 아직 과제를 완료하지 못해도, 리뷰 날짜에는 다른사람의 결과물을 리뷰해주세요

  • 리뷰는 각자의 github issue 나 블로그의 댓글로 남깁니다.

  • 20200902 추가된 규칙 : 알고리즘 PR 을 3일 연속으로 할 경우 패널티를 1개 지워드립니다. 3일 연속으로 했을 경우. 저에게 링크를 첨부하여 보내주세요.

  • 20200902: 앞으로, 장기간 (4일 중 3일 이상) 급한 스케줄이 있어서 과제를 기한 내에 제출 하기가 힘들 경우에는. 기한 시작 하기 전에 미리 사유를 말씀해 주시면 제가 판단하여 패널티를 면제 해드립니다. 혹은 과제 범위를 축소하겠습니다. 또한 9월부터 학기 중에는 과제 범위가 많다고 생각되시면 말씀해주세요

  • 20210721 변경 규칙 :

    • 진도는 임의로 진행하고 있고 앞서 참여하지 못해 부족한 부분은 개인적으로 채우면 됩니다
    • 조건: 스터디 참여 시작일 부터, 스터디 자발적 참여 종료일 까지 한번도 빠짐없이 공부하는 것입니다
    • 화요일에 제출하지 못해도 패널티가 없으나, 반드시 제출해야 함.
    • 3주 이상 연속적으로 과제를 미룰 경우 참여 불가능

패널티#

스터디 과제를 진행하는 동안 기한을 어길경우 최대 4회까지는 유효하지만, 5번째에는 스터디에서 제외합니다.

차시유림은영정웅노원형욱
1xxx
2
3xx
4
5x
6x
7x
8xx
9x
10
11-
12
13x
14
15
16x
17
18
19
20
  • 은영 step11 : 알고리즘 3일 연속 PR 로 패널티 삭제 #505 #506 #509

추가 모집#

상시로 추가모집을 합니다.

  • 조건
    • 중도 합류 하시는 분은 1과제부터 자료를 공부를 하여 글을 작성할 필요는 없습니다.
    • 하지만 이전 멤버들이 작성한 모든 페이지를 읽고 피드백을 남겨야 합니다.
    • 피드백을 남겼다는 글을 디스코드에 알려 주어야 합니다.
    • 현재 진행중인 과제까지 피드백을 남겼다면 스터디에 정식으로 참여할 수 있습니다.

step01#

주제: const와 let의 차이 ~ 네스팅된 스코프(Nested scopes)에서의 렉시컬 스코핑(lexical scoping)

step02#

기한 7월 11(토)일부터 14일(화) 까지
주제: 전역 객체 window ~ 래퍼 객체

step03#

주제 : this, 화살표 함수

기한 : 7월 17일 (토) ~ 20일(화)

step04#

주제: 함수형 프로그래밍, 클로저, symbol, 고차함수, 객체

기한: 7월 25일 (토) ~ 28일(화)

step05#

주제: Iteration Protocol, generator

기한: 8월 8일(토) ~ 8월 11일(화)

step06#

주제: class

기한: 8월 22일(토) ~ 8월 25일(화)

step07#

주제: 비동기 프로그래밍 :Motivation - 타이머 API, 브라우저의 JavaScript 코드 실행과정, 동기(Syncronous) 프로그래밍, 비동기(Asyncronous) 프로그래밍 of HTTP 통신

기한: 8월 29일 (토) ~ 9월 1 일(화)

step08#

주제: 비동기 함수 (Async Function), 예외 처리 (Exception / Error handling)

https://gitlab.com/siots-study/topics/-/wikis/exception-handling

기한: 9월 5일(토) ~ 9월 8일(화)

step09#

주제: 자바스크립트 모듈의 역사

모듈 문법 위주보다 javascript 의 모듈이 어떻게 변해 왔고 어떤 종류가 있는지 공부하면 됩니다.

기한: 9월 12일(토) ~ 9월 15일(화)

step10#

주제: 자바스크립트 모듈 문법

commonJS, ESM, 등 관심이 있는 모듈에 대해서 상세하게 공부하면 됩니다.

기한: 9월 18일(토) ~ 9월 22일(화)

step11#

주제: 객체

https://gitlab.com/siots-study/topics/-/wikis/object

기한: 9월 26일 ~ 9월 29일

step12#

주제: 객체 - 프로토타입

https://gitlab.com/siots-study/topics/-/wikis/object

기한: 10월 10일 (토) ~ 10월 13일(화)

step11 에 범위를 제대로 적어 놓지 않아 죄송합니다 이미 공부를 하신분은 이번주에 피드백만 진행하거나 더 보충하는 시간을 가지시면 됩니다

  • 형욱
  • 은영
    • 프로토타입 상속
    • 함수의 prototype 프로퍼티
    • 네이티브 프로토타입
    • 프로토타입 메서드와 proto가 없는 객체

디스코드 미팅 1#

수요일 10월 7일 밤 9시

  1. 스터디 참여 후기
  2. 스터디 진도에 대한 피드백
  3. 공부한 내용을 바탕으로 자바스크립트 코딩 활용에 적용해 보았는가
  4. 스터디 포스트 내용 외부 공유
  5. 스터디 진행 제안

step13#

주제: DOM - BOM 이란?

https://gitlab.com/siots-study/topics/-/wikis/dom

기한: 10월 17일 (토) ~ 10월 22일(목) 시험기간

step14#

주제: DOM - DOM 이란? ~ DOM tree 까지

https://gitlab.com/siots-study/topics/-/wikis/dom

기한: 10월 24일 (토) ~ 10월 27일(화)

step15#

주제: DOM Api

https://gitlab.com/siots-study/topics/-/wikis/dom

기한: 10월 31일 (토) ~ 11월 3일 화

step16#

기한 11월 7일 (토) ~ 11월 10일 (화)

주제: DOM reflow 와 repaint

step17#

기한: 2020/11/14(토) ~ 2020/11/17(화)

주제: 이벤트 등록 방식

step18#

기한 2020/11/19 ~ 2020/11/24

주제 bubbling-and-capturing

https://ko.javascript.info/bubbling-and-capturing

기말고사#

2020/11/25 ~ 2020/12/18

step19#

기한 2020/12/19 토 ~ 2020 12/22 화

주제 event delegation

https://ko.javascript.info/event-delegation

step20#

기한 2020/12/26 토 ~ 2020/12/28 화

주제 브라우저 기본 동작 이벤트

https://ko.javascript.info/default-browser-action

step21#

기한 2021/1/2 토 ~ 2021/1/5 화

주제 커스텀 이벤트 디스패치

https://ko.javascript.info/dispatch-events

step22#

기한 2021/1/ 9토 ~ 2021/1/12 화

주제 마우스 이벤트 https://ko.javascript.info/mouse-events-basics

step23#

기한 2021/1/16 토 ~ 2021/1/19 화

주제 Moving the mouse: mouseover/out, mouseenter/leave

https://ko.javascript.info/mousemove-mouseover-mouseout-mouseenter-mouseleave

step24#

기한 2021/1/23 토 ~ 2021/1/26 화

주제 CORS

step25#

기한 2021/1/30 토 ~ 2021/2/2 화

주제 https://ko.javascript.info/mouse-drag-and-drop

step26#

기한 2021/2/6 토 ~ 2021/2/9 화

주제 https://ko.javascript.info/pointer-events

step27#

기한 2021/2/13 토 ~ 2021/2/16 화

주제 https://ko.javascript.info/keyboard-events

step28#

기한 2021/2/20 토 ~ 2021/2/23 화

주제 https://ko.javascript.info/onscroll

step29#

기한 2021/2/27 토 ~ 2021/3/2 화

주제 Danfo.js

step30#

기한 2021/3/6 토 ~ 2021/3/9 화

주제 코드스피츠 86 객체지향 자바스크립트 - 1회차

은영

형욱

정웅

유림

step31#

기한 2021/3/13 토 ~ 2021/3/16 화

주제 https://www.youtube.com/watch?v=RT38Za1pkdI

은영

형욱

유림

정웅

step32#

tep32

기한 2021/3/20 토 ~ 2021/4/2 화

주제 https://www.youtube.com/watch?v=D450fPGffTg

step 33#

기한 2021/3/27 토 ~ 2021/4/2 화

주제 https://www.youtube.com/watch?v=r4vOF7WpxgM

step34#

기한 2021/4/3 토 ~ 2021/4/6 화

주제 https://www.youtube.com/watch?v=5UUISCK6CL4

step35#

기한 2021/4/16 토 ~ 2021/4/20 화

주제 : naver/fe-news 2021 4월호의 관심있는 주제 아티클 읽어보기

https://github.com/naver/fe-news/blob/master/issues/2021-04.md

step 36#

기한 2021/05/08 (토) ~ 2021/05/11 (화)

https://www.youtube.com/watch?v=_o1zsrBkZyg

step 37#

기한 2021/05/15 (토) ~ 2021/05/18 (화)

https://www.youtube.com/watch?v=ybNH1a14vQY

step38#

기한 2021/05/22 (토) ~ 2021/05/25 (화)

https://www.youtube.com/watch?v=NFvSbFJmoWo

step39#

기한 2021/05/29 (토) ~ 2021/06/01 (화) 28분 ~ (position)

https://www.youtube.com/watch?v=NFvSbFJmoWo

step40#

https://www.youtube.com/watch?v=WzimLP3Kukc ~ CSSOM Rules

기한 2021/06/05(토) ~ 2021/06/08(화)

step41#

기한 2021/06/12(토) ~ 2021/06/15(화) (30분) (style_rule)

step42#

기한 2021/06/19(토) ~ 2021/06/22(화) (30분) keyframe rule, typed cssom

step43#

step44#

step45#

step46#

step47#

step48#

step49#

step50#

step51#

step52#

FIN.#

Last updated on