코드 리뷰 문화와 PR 모범 사례
건설적이고 존중하는 코드 리뷰 피드백을 제공하고, 검토하기 쉬운 PR을 작성하며, 리뷰를 배척의 도구가 아닌 지식 공유 도구로 활용합니다.
코드 리뷰 문화와 PR 모범 사례은(는) CoddyKit의 무료 Frontend Academy 강의입니다. 이것은 4개 중 2번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 Frontend Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. Frontend Academy 강의에는 총 4개의 강의가 포함되어 있습니다.
코드 리뷰는 지식 공유입니다
코드 리뷰는 진입을 막는 일이 아니라 팀이 함께 배우고, 책임을 나누며, 높은 품질을 유지하는 방법입니다. 좋은 리뷰 문화는 팀 전체를 성장시키지만, 나쁜 리뷰 문화는 병목과 불만을 만듭니다.
리뷰하기 좋은 PR 작성하기
1) 가능하면 400줄 이하로 작게 유지합니다. 2) 명확한 설명을 작성합니다. 왜 필요한지, 무엇을 변경했는지, 어떻게 테스트하는지를 포함합니다. 3) 티켓을 연결합니다. 4) 사용자 인터페이스를 변경했다면 스크린샷이나 동영상을 추가합니다. 5) 리뷰어를 요청하기 전에 자신의 변경 내역을 직접 리뷰합니다.
관례적인 PR 제목
커밋과 동일한 관례적 접두사를 사용합니다: feat: add user profile page, fix: handle 404 in fetch wrapper, refactor: extract Avatar component. 많은 팀이 이러한 접두사로 변경 로그를 생성합니다.
PR 설명 템플릿
대부분의 팀은 PR 템플릿을 사용합니다. 저장소의 .github/pull_request_template.md에 설치합니다.
## What
Brief description of the change.
## Why
Problem this solves / business value.
## How
Key design decisions, tradeoffs considered.
## Screenshots
(For UI changes)
## Testing
- [ ] Unit tests added/updated
- [ ] Manual QA done on iOS/Android/web
- [ ] No console errors
Closes #1234먼저 직접 리뷰하기
리뷰어를 요청하기 전에 자신의 변경 내역을 한 줄씩 검토합니다. 바로 이해하기 어려운 선택에는 그 이유를 설명하는 주석을 추가합니다. 다른 사람이 찾아야 하기 전에 자신의 오류를 직접 발견하는 경우가 많습니다.
큰 변경 사항 나누기
2000줄짜리 PR은 철저한 리뷰를 받기 어렵습니다. 다음과 같이 나누십시오. 1) 동작 변경이 없는 리팩터링, 2) 새로운 동작, 3) 사용자 인터페이스 다듬기. 각각 리뷰하기도 쉽고 되돌리기도 쉽습니다.
건설적인 피드백 제공하기
명령이 아니라 질문의 형태로 표현합니다. '이 부분을 훅으로 추출하는 건 어떻게 생각하시나요?'가 '이것을 추출하세요'보다 좋습니다. 반드시 수정해야 하는 항목과 있으면 좋은 항목을 구분합니다. 다음과 같은 접두사를 사용합니다: nit:, question:, blocker:.
구체적으로 말하기
'이건 혼란스럽습니다'라고만 하면 작성자는 무엇을 해야 할지 알 수 없습니다. '조기 반환을 이해하려고 이 부분을 세 번 읽어야 했습니다. 가드 절로 추출할 수 있을까요?'라고 하면 작성자가 바로 행동으로 옮길 수 있습니다.
좋은 패턴 칭찬하기
기발한 해결책, 좋은 이름 짓기, 유용한 테스트에는 긍정적인 의견을 남깁니다. 그러면 이러한 패턴을 장려할 수 있고 나머지 피드백도 더 부드럽게 전달됩니다. 비판만 받는 PR은 적대적으로 느껴집니다.
스타일은 리뷰하지 마십시오 — 도구가 처리해야 합니다
Prettier는 서식 지정을 처리하고 ESLint는 스타일을 처리합니다. 탭과 공백 중 무엇을 사용할지에 리뷰 시간을 낭비하지 마십시오. 특정 스타일 규칙이 계속 문제로 나온다면 린터에 규칙으로 추가합니다.
테스트 리뷰하기
테스트도 코드입니다. 새 코드에 테스트가 있는지 확인합니다. 테스트가 실제로 올바른 부분을 실행하는지도 점검합니다. 잘못된 대상을 검증하기 때문에 코드가 망가져도 통과하는 테스트가 많습니다.
작성자의 입장에서 리뷰하기
엄지손가락을 올린 이모지만 남기더라도 모든 의견에 응답합니다. 동의하지 않는 제안에는 반론을 제기하십시오. 코드를 작성한 사람은 본인이므로 더 많은 맥락을 알고 있을 수 있습니다. 해결된 대화는 해결됨으로 표시합니다. 범위가 바뀌면 PR 설명을 업데이트합니다.
리뷰 시간 제한하기
영업일 기준 하루 안에 리뷰합니다. 오래된 PR은 맥락을 잃습니다. 작성자는 이미 다음 작업으로 넘어갔고 브랜치는 다시 기준에 맞춰야 합니다. 일주일 동안 방치된 큰 PR은 항상 끔찍하게 병합해야 하는 상태가 됩니다.
GitHub에서 제안 기능 사용하기
GitHub의 제안 기능을 사용하면 작성자가 한 번의 클릭으로 수정 사항을 적용할 수 있습니다. 설명문으로 '이 줄을 X로 바꾸세요'라고 쓰는 것보다 훨씬 빠릅니다.
```suggestion
const total = items.reduce((sum, item) => sum + item.price, 0);
```
# Author clicks 'Commit suggestion' to apply.승인할 때 알기
다음 조건을 만족할 때 승인합니다. 코드가 올바르고, 테스트가 통과하며, 변경 사항을 이해하고 있고, 안전하게 병합할 수 있어야 합니다. 승인한다는 것은 결과에 공동으로 책임을 진다는 뜻입니다. 형식적으로 승인하지 마십시오. 읽지 않았다면 읽지 않았다고 말합니다.
빠른 확인
자신이라면 다르게 작성했을 코드에 리뷰 피드백을 줄 때 어떤 태도를 취하는 것이 좋을까요?
복습: PR 모범 사례
작성자: 작고 설명이 잘 되어 있으며 스크린샷과 테스트가 포함된 PR을 만듭니다. 먼저 직접 리뷰합니다. 리뷰어: 건설적이고 질문 중심의 피드백을 제공합니다. 반드시 해결해야 하는 문제와 사소한 지적을 구분합니다. 좋은 점은 칭찬합니다. 스타일 문제는 도구가 처리하도록 맡깁니다. 하루 안에 리뷰합니다. 이해한 경우에만 승인합니다. PR 템플릿으로 과정을 표준화합니다. 리뷰는 진입을 막는 일이 아니라 협업입니다.
AI 튜터와 함께 HTML을(를) 배우세요 — 무료
브라우저에서 실제 코드를 작성하고 실행하며, 24/7 AI 튜터로부터 즉각적인 도움을 받고, 웹이나 앱에서 중단한 부분부터 계속 학습하세요.
- 코스
- 41
- 레슨
- 163
자주 묻는 질문
“코드 리뷰 문화와 PR 모범 사례” 강의는 무료인가요?
네 — “코드 리뷰 문화와 PR 모범 사례” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 Frontend Academy 강의 전체를 잠금 해제할 수 있습니다. Frontend Academy 강의에는 총 4개의 강의가 포함되어 있습니다.
“코드 리뷰 문화와 PR 모범 사례”에서 뭘 배우나요?
건설적이고 존중하는 코드 리뷰 피드백을 제공하고, 검토하기 쉬운 PR을 작성하며, 리뷰를 배척의 도구가 아닌 지식 공유 도구로 활용합니다. 브라우저에서 직접 실행하는 실습 코드로 Frontend Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.
Frontend Academy을(를) 시작하는 데 경험이 필요한가요?
사전 경험은 필요하지 않습니다. CoddyKit의 Frontend Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 4개 중 2번째 강의입니다.
“코드 리뷰 문화와 PR 모범 사례” 강의는 얼마나 걸리나요?
대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.
이 Frontend Academy 강의에서 코드를 작성하고 실행할 수 있나요?
네. 모든 Frontend Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.
이 강의의 모든 강의
- 프런트엔드 시스템 설계 면접
- 코드 리뷰 문화와 PR 모범 사례
- 멘토링과 기술 문서화
- 최신 기술 따라가기: 사양과 제안서 읽기