[24년 7월] 모던 자바스크립트 딥다이브 스터디

서론

안녕하세요! 이번에 신입으로 입사하여 Node로 백엔드 커리어를 쌓아보려고 하는 이강욱이라고 합니다.

최근에 월간CS에서 이펙티브 타입스크립트 발표 스터디에 참여해서 어느덧 막바지에 오게 되었습니다.

부끄럽지만 인생을 살아오면서 책 한권을 완독한 적이 없어서 월간CS의 스터디에서 책 한권이라도 완독해보자고 목표를 잡고 참여하게 되었는데 개인적으로 책을 완독하는데 스터디의 도움이 굉장히 컸다고 생각합니다.

이 경험을 바탕으로 직접 스터디를 운영해보고 싶다는 생각이 들었고 JavaScript의 필독서(바이블)라고 불리는 모던 JavaScript Deep Dive라는 책을 스터디를 통해 완독해보고 싶다는 목표가 생겨서 이렇게 스터디를 기획하게 되었습니다.

처음 스터디를 운영해보는거라 많이 미흡할 수 있습니다. 옆에서 다양한 의견과 피드백을 내주시면서 많이 도와주시면 감사하겠습니다!

참여 대상 및 조건

• 현업자, 취업준비생, 학생(전공자, 비전공자) 분들 모두 환영합니다!

• 스터디는 온라인과 오프라인(강남 또는 사당)을 병행해서 진행하려고 합니다. 오프라인에 참여 가능하신 분이 지원해주셨으면 좋겠습니다!

  • 예상 오프라인 스터디 진행 장소 및 시간: 강남 또는 사당 / 격주 일요일 오전 10시 ~ 오후 12시 예상

  • 홀수 주차: 오프라인 / 짝수 주차: 온라인

• 성실하게 임할 수 있으신 분이 참여하셨으면 좋겠습니다.

  • 스터디 성격상 기간이 길어지게 되면 집중력이 저하되기 마련입니다. 책의 분량이 약 1000페이지 정도 되기 때문에 단기간에 스터디를 마무리하기는 어렵다고 판단했습니다.

    • 해당 스터디는 13주(약 3개월)간 진행됩니다.

    • 부득이한 사정을 제외하고는 13주간 열심히 참여하실 수 있으신 분이 참여해주세요!

  • DIL 작성 또는 발표 준비가 미흡하거나, 잦은 결석이 발생한다면 스터디 참여에 어려울 수 있습니다.

준비사항 및 참고사항

• 모던 자바스크립트 Deep Dive (e-book도 좋습니다!)

• 오프라인이 병행되기 때문에 스터디룸 대여료가 발생할 수 있습니다. 인원수와 스터디룸에 따라 비용은 변경될 수 있습니다!

• 각 주차마다 봐야 할 책의 양이 적지 않기 때문에 자바스크립트를 아예 모르시거나 프로그래밍이 처음이신 분들은 조금 버거울 수 있는 커리큘럼이라고 생각합니다. 따라서, 스터디에 참여하려면 사전에 가볍게 자바스크립트가 어떤 언어고 어떤 느낌인지? 정도는 파악하고 오시면 좋을 것 같습니다.

참여 신청 (8-10명 예상)

스터디 참여 신청은 아래의 설문조사(Moaform)을 작성해서 제출해주시면 됩니다.

모집 인원보다 많은 인원들이 지원해주신다면 지원동기와 GitHub, Blog 등을 참고하여 합격자를 선별할 예정입니다.

• 설문조사 : https://moaform.com/q/bbwYOf

일정

• 2024년 6월 27일, 목요일: 스터디 모집 시작

• 2024년 7월 4일, 목요일 오후 6시: 스터디 모집 마감

• 2024년 7월 8일, 월요일 오후 6시: 스터디 모집 인원 발표

• 2024년 7월 11일, 목요일: OT (온라인)

• 2024년 7월 21일, 일요일: 도서 준비 및 스터디 시작

• 2024년 10월 20일, 일요일: 스터디 종료

진행 커리큘럼

- 1장부터 3장까지는 개인적으로 읽어오시면 좋을 것 같습니다. 스터디는 4장부터 시작합니다.

• ZeroCho님이 공유해주신 모던 자바스크립트 Deep Dive 읽는법을 참고하려고 합니다.

  • 16장과 20장은 중요하다고 생각되지 않기 때문에 스터디 범위에서 제외하려고 합니다. 개인적으로 학습하시면 좋을 것 같습니다!

    • 스터디 발표 자료에 첨부하고 싶은 내용이 있으시다면 넣어주셔도 무방합니다!

    • 16장: 프로퍼티 어트리뷰트 / 20장: Strict Mode

• 예상 커리큘럼

  • 1주차(07/21 ~ 07/27, 07/28 오프라인 스터디) : 04장~09장 (34~123)

  • 2주차(07/28 ~ 08/03, 08/04 온라인 스터디) : 10장~15장 (124~218)

  • 3주차(08/04 ~ 08/10, 08/11 오프라인 스터디) : 16장~21장 (219~339) (16장과 20장은 Optional)

  • 4주차(08/11 ~ 08/17, 08/18 온라인 스터디) : 22장~23장 (342~386)

  • 5주차(08/18 ~ 08/24, 08/25 오프라인 스터디) : 24장~25장 (389~466)

  • 6주차(08/25 ~ 08/31, 09/01 온라인 스터디) : 26장~27장 (469~551) + 4주차 복습

    • **27장(배열)**은 메소드를 알아두면 효율이 높아지지만 굳이 하나하나 외울 필요가 없습니다 (필요할 때 마다 책을 꺼내서 보면 됨!)

      • 배열에 대한 발표자료는 모든 메서드에 대해 정리하는 것이 아닌 예를 들어, **“이런 메서드가 있는지 몰랐다 또는 새롭게 동작방식을 알게된 메서드”**에 대해서 정리하는 방향으로 하시면 좋을 것 같습니다!

    • 책에서 제일 핵심인 4주차 를 복습하는 시간이 필요할 것 같다고 생각이 들어서 넣었습니다.

      • 22장 (this)

      • 23장 (실행 컨텍스트)

  • 7주차(09/01 ~ 09/07, 09/08 오프라인 스터디) : 33장~37장 (605~658) + 5주차 복습

    • 8주차를 위해 7주차에 33장부터 37장까지 미리 스터디를 진행하려고 합니다.

    • 마찬가지로 5주차 내용도 어느정도 비중이 있는 내용이기 때문에 복습을 하면 좋을 것 같습니다!

      • 24장 (클로저)

      • 25장 (클래스)

  • 8주차(09/09 ~ 09/14, 스터디 X) : 28장~32장 (552~604)

    • **추석연휴**가 있어 스터디는 따로 진행하지 않습니다.

    • 28장부터 32장까지는 Number와 Math, Date 등의 자료형에 대한 설명들이기 때문에 굳이 외울 필요가 없다고 생각합니다.

    • 그렇기 때문에 8주차에서는 28장부터 32장까지 한번 쭉 읽어보는 시간을 가지려고 합니다. 스터디는 진행하지 않기 때문에 발표자료는 준비하지 않아도 됩니다.

  • 9주차(09/15 ~ 09/21, 09/22 온라인 스터디) : 38장~39장 (661~753)

  • 10주차(09/22 ~ 09/28, 09/29 오프라인 스터디) : 40장~41장 (754~806)

  • 11주차(09/29 ~ 10/05, 10/06 온라인 스터디) : 42장~44장 (809~840)

  • 12주차(10/06 ~ 10/12, 10/13 온라인 스터디) : 45장~47장 (842~891)

    • 마지막 13주차 오프라인 스터디를 위해서 온라인 스터디로 대체했습니다.

  • 13주차(10/13 ~ 10/19, 10/20 오프라인 스터디) : 48장~49장 (893~914)

활동 방식

월~토요일

• Git을 활용하여 책 읽은 부분에 대해서 Markdown을 활용하여 DIL을 작성합니다.

  • 매일 작성하는 것을 원칙으로 하지만, 부득이한 사정으로 책을 읽지 못하셨다면 다음 날에 더 많은 양의 DIL을 작성해주시면 됩니다.

• 책을 읽으시면서 분명히 애매한 부분이나 모르는 부분이 있을 것이라고 생각됩니다. 언제든 디스코드 채팅방을 이용해서 질문해주시면 좋을 것 같습니다!

• 일요일에 발표가 있기 때문에 20-30분 가량의 발표 자료를 준비해주셔야 합니다.

  • 형식은 자유형식입니다! (노션, 블로그, PPT 등 모두 가능)

  • 발표 자료를 준비해주실 때 책에 있는 내용을 그대로 발췌해서 작성하는 것도 물론 좋지만, 본인이 공부하면서 따로 알게 된 내용 또는 개별로 작성한 코드 등을 같이 첨부해서 작성해주시면 더욱 좋습니다 🙂

  • A조와 B조로 나누어서 발표를 진행합니다. 따라서, 각 조에 해당하는 분량만 발표 자료로 준비해주시면 됩니다.

    • 예를 들어, 이번주가 20장까지 읽어오는 것이라면 A조는 1장~10장, B조는 11장~20장을 발표자료로 준비해주시면 됩니다.

스터디 당일 (일요일)

• 스터디 당일에 발표자를 랜덤으로 뽑기 때문에 모든 참석자는 발표자료를 준비해주셔야 합니다.

  • 스터디 당일에는 각 조별로 발표자를 사다리게임을 통해 추첨합니다.

• 이후 각 조의 발표자가 발표한 내용을 듣고 스터디원들과 같이 토론을 나눕니다.

• 50분 A조 발표 + 토론 → 10분 휴식 → 나머지 시간 B조 발표 + 토론

활동 내역

1. 2024.06 ~ ing | Next.js 14 & React - 완벽 가이드 (10명)

2. 2024.05 ~ ing | 이펙티브 타입스크립트 (10명)

3. 2024.05 ~ 2024.05 | 핵심 이론부터 프로그래밍 실습까지, 분산 컴퓨팅 (8명)

1. 2024.04 ~ 2024.05 | React, Next 배포와 배포 자동화 A부터 Z (22명)

2. 2024.03 ~ 2024.04 | 가상 면접 사례로 배우는 대규모 시스템 설계 기초 발표 스터디 (12명)

3. 2024.03 ~ 2024.04 | 모던 리엑트 Deep Dive 발표 스터디 (10명)

4. 2024.02 ~ 2024.03 | IT 엔지니어를 위한 네트워크 입문 독서 (14명, 자유 독서 방식)

5. 2022년 12월 | 운영체제 공부 주제 선정 및 발표 방식
   프로세스와 스레드(동기화, 뮤텍스와 세마포어) / CPU 스케쥴링 및 예시 / 메모리(가상메모리 Linux, Windows 메모리 관리) / 파일 관리 / 보안

6. 2022년 11월 | 운영체제 공부 주제 선정 및 발표 방식
   운영체제 개론 / 프로세스, 스레드 / CPU 스케줄링 / 메모리 / 캐싱