├── target-code.js
├── step06
    └── spinbox.js
└── README.md


/target-code.js:
--------------------------------------------------------------------------------
 1 | var fruits = ['apple', 'banana', 'cherry', 'grape', 'mango'];
 2 | 
 3 | function findFruitsStartWith(char) {
 4 |   for (i = 0; i < fruits.length; i++) {
 5 |     if (fruits[i].indexOf(char) === 0) {
 6 |       return fruits[i];
 7 |     }
 8 |   }
 9 | }
10 | 
11 | function findFruitsEndWith(char) {
12 |   // 여기를 구현합니다.
13 | }
14 | 
15 | console.log(findFruitsStartWith('c'));
16 | console.log(findFruitsEndWith('e'));
17 | 
18 | 


--------------------------------------------------------------------------------
/step06/spinbox.js:
--------------------------------------------------------------------------------
 1 | // Step6. 스핀박스 만들기
 2 | //---------------
 3 | 
 4 | // 아래 스펙대로 스핀박스를 만들어주세요.
 5 | // - 스핀박스의 텍스트 상자에는 기본적으로 200 이 들어가게 해주세요.
 6 | // - ▲ 버튼을 누르면(mousedown) 숫자는 1이 증가하고,
 7 | //   ▼ 버튼을 누르면 숫자는 1이 감소합니다.
 8 | // - 숫자의 증감은 100~300 사이의 범위에서만 바뀌도록 합니다.
 9 | // - 텍스트 상자에는 사용자가 숫자를 직접 입력할 수 있으며,
10 | //   포커스 아웃(blur)시에 숫자 외의 글자는 모두 지워지게 해주세요.
11 | //   (만약 ab12c3 라고 입력했다면 123 만 남습니다)
12 | // - 텍스트 상자에 사용자가 직접 입력한 숫자가 100~300 범위를 벗어나면,
13 | //   포커스 아웃(blur)시에 100 미만 일때는 100 으로,
14 | //   300 초과 일때는 300 으로 설정되게 해주세요.
15 | // - ▲ 버튼 또는 ▼ 버튼를 누르고 있으면,
16 | //   처음 누르기 시작한지 0.5초 후부터 0.1초마다 1 씩 증감하도록 해주세요.
17 | 
18 | 
19 | 
20 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | 깁헙으로 코드리뷰 하기(Using github for code reviews)
 2 | =====================================================
 3 | 
 4 | 깃헙을 코드 리뷰에 활용하는 방법을 설명하기 위한 리파지터리입니다.  
 5 | (이 문서를 작성하게 된 계기는 [블로그에 포스팅](http://ohgyun.com/367) 해두었습니다.)
 6 | 
 7 | 
 8 | 대부분은 `Pull Requests`를 사용해 코드 리뷰를 할 수 있으며,  
 9 | 기존에 존재하는 리파지터리가 없거나 개인이 진행하는 코드인 경우라면, 커밋 히스토리를 활용하는 방법이 있습니다.
10 | 
11 | ## 뭐가 좋은가?
12 | >1. 사용하기 간편하고, 금방 익힐 수 있습니다.
13 | >2. 코드 리뷰를 위한 툴을 따로 설치하지 않아도 됩니다.  
14 | >3. 온라인으로 잘 정돈된 코드를 바로 볼 수 있습니다.
15 | >4. 라인 단위로 댓글을 달아 리뷰할 수 있습니다.
16 | >5. git 또는 github을 익힐 시간이 정말 부족하다면, 그냥 온라인에서만 작업할 수도 있습니다.
17 | 
18 | 
19 | ## Pull Requests로 리뷰하기
20 | 공동 작성하고 있는 코드이거나, 이미 코드가 있는 과제에 적합합니다.
21 | 
22 | >1. 리뷰어(Reviewer)는 먼저 원본 리파지터리를 준비합니다.
23 | >2. 리뷰받는 사람(reviewee)은 원본 리파지터리를 `Fork`합니다.
24 | >3. 리뷰받는 사람은 작업을 마친 후, 커밋한 코드를 `Pull Requests`합니다.
25 | >4. 리뷰어는 [Pull Requets 메뉴](https://github.com/ohgyun/using-github-for-code-reviews/pulls)에서 요청온 코드를 리뷰해줍니다.  
26 | > 예) [Pull Requests를 사용한 리뷰](https://github.com/ohgyun/using-github-for-code-reviews/pull/1/files)
27 | >
28 | > (Tip)  
29 | > 팀 내 공동 과제이거나 교육을 위한 과제처럼 여러 사람을 위한 리뷰라면,  
30 | > 요청받은 커밋을 머지하지 않고, 해당 요청을 Close합니다.  
31 | > 과제 코드는 그대로 유지할 수 있고,  
32 | > 리뷰받는 사람은 close 된 다른 사람의 리뷰 히스토리를 참고해 학습할 수 있습니다.
33 | 
34 | 
35 | ## Commits 히스토리로 리뷰하기
36 | 개인이 혼자 진행하는 과제 또는 프로젝트인 경우에 적합하며,  
37 | [Commits 메뉴](https://github.com/ohgyun/using-github-for-code-reviews/commits/master)의 커밋 히스토리에 댓글을 다는 방식으로 리뷰합니다.
38 | 
39 | >1. 리뷰받는 사람이 직접 자신의 리파지터리를 생성하고 작업합니다.
40 | >2. 리뷰받을 코드를 커밋하고, 리뷰어에게 리뷰받을 커밋 히스토리의 링크를 전달합니다.
41 | >3. 리뷰어는 Commits 히스토리 페이지에서 코드를 리뷰해줍니다.
42 | > 예) [Commits 히스토리 페이지에 남긴 리뷰](https://github.com/ohgyun/using-github-for-code-reviews/commit/8a85b15805237214aea83a1131f0548b3b69a2d8)
43 | 
44 | > (Tip)  
45 | > Commits 메뉴에서는 각 커밋에서 변경한 코드만 볼 수 있습니다.  
46 | > 작업한 전체 내용을 리뷰 받으려면, 작업이 최종 완료된 후에 커밋합니다.
47 | 


--------------------------------------------------------------------------------