Blog

자바스크립트 제대로 배우기 스터디 그룹

March 18, 2014

자바스크립트 제대로 배우기 스터디 그룹

목차

저번 목요일에 자바스크립트 제대로 배우기를 블로그에 올리고, 트위터와 페이스북, 생활코딩에 올리면서 같이 스터디할 분을 요청했다. 30분 뒤에 트위터에서 @minieetea 강미경님이 첫 반응을 보이셨고, 페이스북과 페이스북 페이지는 반응이 거의 없었다.(원래 페이스북은 트위터보다 반응성은 훨씬 느리다) 1시간 반 뒤에 생활코딩에도 다음과 같이 포스팅하였다.

자바스크립트를 처음 배우는 스터디 그룹의 초기 멤버에 참여하지 않으실래요?

자바스크립트를 배우려는데 혼자서 하기가 쉽지 않다고 느껴 같이 하실 분을 모아보려고요. 자세한 내용은 아래와 같습니다.

기본 가이드: 자바스크립트 제대로 배우기 http://bit.ly/1fsUmuG

기간: 가이드 저자가 8주를 넘기지 말라고 했지만, 저는 12주를 기준으로 하려고 합니다.

스터디 방법:

  • 온라인을 주로 하며, 서로 공부한 부분을 자주(책의 소챕터나 블로그 글 하나 정도) 요약해서 자신의 블로그 등에 올린다: 8주를 넘기게 되니 기록을 남겨야 까먹지 않죠^
  • 여러 사람의 글을 하나의 커뮤니티(현재 페북 그룹 예정)로 모아, 개인의 진도에 상관없이 서로 참조하고 질문하고 답하면서 격려할 수 있도록 한다.
  • 전체 코스가 끝나면 참여한 모든 사람의 요약글과 중요한 질문과 답을 모아 하나의 웹페이지나 위키 등으로 정리하여 다음 코스에 참여하는 분들에게 도움이 되도록 한다.

이 참에 자바스크립트 개발자가 되실 분~

두 분이 호응해 주셔서 한 10분은 모일 것 같다 생각되어 페이스북에 자바스크립트 제대로 배우기 스터디 그룹을 만들었다. 그때부터 20시간이 지나기 전에 멤버가 150분을 넘어서더니 이틀 만에 180분이 가입을 하셨다. 덜덜;;

얼떨결에 책임이 막중해졌으니 될 수 있으면 재밌고 열심히 공부할 수 있는 온라인 스터디를 다 함께 할 수 있는 계기를 만들었으면 좋겠다.

운영위원

인원이 많아 혼자서는 안 되겠다 싶어 공동운영위원을 모집했더니, 이시형님이 흔쾌히 응답을 주셨고, 강미경님도 뒤이어 힘차게 합류해 주셨다.

자바스크립트 제대로 배우기 스터디 그룹 운영방향(초안)

스터디 그룹은 참여하는 멤버가 자유로운 분위기 속에서 상식과 배려로 이루어지는 것을 개인적으로 더 좋아한다. 그러나 예상보다 많은 분이 단시간에 모였기 때문에 가장 기본이 될 운영방향은 공유해야 할 필요성이 있다고 생각이 들었다. 위의 소개 글을 바탕으로 좀 더 자세한 자바스크립트 제대로 배우기 스터디 그룹 운영방향(초안)을 만들었다.(자세한 내용을 원하시는 분은 링크를 방문해서 읽어보세요~)

스터디 방법에서의 기록

왜 자신의 블로그에 요약하고 공유하는 것을 스터디 방법으로 선택했느냐고 물으실 분도 계실 것 같아서 간단히 정리해본다. 예전에 공부 방법에 대한 좋은 글들이 있으면 간혹 소셜에 포스팅하곤했다. 그중에 두 개의 글을 간단히 요약해 보면 다음과 같다:

읽은 것을 더 간직하는 법

더 똑똑해지는 비결 중 하나는 많이 읽는 것이다.

그러나 이것만으로 충분치 않다. 읽는 것은 방정식의 한 부분일 뿐이다.

리딩을 더 깊게 더 오래 하기 위해 설득의 심리학의 저자 로버트 차일디니에게 팁을 빌려보자.

오마하로 향하는 비행 동안, 그는 책을 읽고 있었다. 책에다 그때그때 적어나갔고, 하나의 장을 끝낼 때마다 한 장의 백지를 꺼내서 방금 읽은 것을 한 장으로 요약하였다. 또 다른 폴더에 그걸 넣어두었다. 이것이 그의 배움을 더 깊게하는 방법이고 나중에 요약을 참조할 수도 있다.

다니엘 코일은 “당신의 기술을 향상하는 52팁”에서 쓰기를:

열 쪽을 한번 읽고 책을 덮은 다음 한 장 요약을 쓰는 전략 B의 사람들이 열 쪽을 연달아 4번 읽어 기억하려던 전략 A의 사람보다 50퍼센트 더 오래도록 기억한다고 연구는 보여주었다.

이번엔 컨설턴트 유정식님이 라디오에서 얘기한 내용 중 하나를 살펴보자:

예전에 모든 걸 통째로 외우라고 강요하던 교육 방식 때문에 사람들이 암기를 나쁘게 보는 경향이 크다. 암기하라고 해서 그것을 통째로 외우라는 말은 아니다. 꼭 필요한 것만 잘 외워야 한다. 그렇게 하려면 책을 읽고 나서, 어떤 내용을 공부하고 나서 ‘요약’을 잘해야 한다. 공부 잘하는 사람, 일 잘하는 사람을 보면 배운 내용을 잘 요약할 줄 안다.

보통 외우지 말고 이해하라고 하는데, 이해하라는 말은 요약하라는 말이고, 잘 이해하려면 요약된 것을 외우는 것이어야 한다.

읽거나 배운 걸 그때 그때 요약하여 블로그 등에 적으면서 암기한다는 것이 핵심내용이다. 한 번에 완전히 암기하면 제일 좋지만 실제로는 그렇지 못하는 경우가 대부분이다. 그래서 적어서 암기해야 하고, 나중에 다시 보더라도 내용을 확연히 알 수 있도록 잘 적고, 다시 보기를 반복해야 한다고 개인적으로 생각한다.

그래서 스터디 방법의 첫 번째를 블로그(공개하기 부끄러우면 개인 위키)에 요약하고 다시보기를 반복하고 있다. 이것을 여러 사람이 같이 함께 하여, 서로 배우고 격려하자는 것이 이 스터디 그룹의 기본 취지다.

커리큘럼

기본 가이드인 자바스크립트 제대로 배우기에 스터디 커리큘럼이 자세히 설명되어 있으나, 간혹 원하시는 분들이 있어 표로 정리해 보았다. 마크다운으로 작성한 것이 마음에 들지 않으신 분은 구글 스프레드시트 버전으로 보시면 된다.

주차 커리큘럼 자바스크립트 완벽 가이드 프론트엔드 개발자를 위한 자바스크립트 프로그래밍 JavaScript.is (Sexy)
0 0 Web Fundamentals 트랙 좌동
1~2 1 서문 개요
2 1장 자바스크립트 소개 1장 자바스크립트란 무엇인가
3 2장 어휘 구조 2장 HTML 속의 자바스크립트
4 Introduction to JavaScript 섹션 좌동
5 3장 데이터 타입과 값 3장 언어의 기초
6 4장 변수 4장 변수와 스코프, 메모리
7 5장 표현식과 연산자
8 섹션2 Functions 부터 섹션5 Control Flow 까지 좌동
3~4 9 6장 문장 6.1 객체에 대한 이해 JavaScript Objects in Detail
10 7장 객체와 배열 5장 참조 타입 상동
11 8장 함수 7장 함수 표현식 상동
12 섹션6 Data Structures부터 섹션8 Object 2까지 좌동
13 Basic Projects 의 1~5번 항목 좌동
14 13장 웹 브라우저와 자바스크립트 8장 브라우저 객체 모델
15 15장 문서 스크립팅 9장 클라이언트 탐지
16 16장 CSS와 DHTML 10장 DOM
17 19장 쿠키와 클라이언트 측 지속성 11장 DOM 확장
18 13장 이벤트
19 14장 폼 스크립트
20 Code School – Try jQuery 좌동
21 Your First Project-A Dynamic Quiz 좌동
5~6 22 10장 모듈과 네임스페이스 20장 JSON
23 14장 브라우저 창 스크립팅 23장 오프라인 애플리케이션과 클라이언트 사이드 스토리지
24 17장 이벤트와 이벤트 처리
25 20장 HTTP 스크립팅
26 퀴즈 앱 개선
7~8 27 9장 클래스, 생성자, 프로토타입 6.2 객체 생성과 6.3 상속 OOP In JavaScript
28 18장 폼과 폼 엘리먼트 16장 HTML5 스크립트 상동
29 21장 자바스크립트와 XML 22장 고급 테크닉 상동
30 22장 클라이언트 측 그림 스크립팅 24장 모범 사례 상동
31 트위터 부트스트랩 스터디 좌동
32 Learn Everything About Handlebars.js 좌동
33 퀴즈 앱 한층 더 개선 좌동

이번 주부터 본격적으로 스터디가 시작되었습니다. 관심 있으신 분들은 자바스크립트 제대로 배우기 스터디 그룹에 가입신청을 하시면 가입 시기에 상관없이 승인해드리고 있습니다.