영화 리뷰 미션 안티패턴 워크북
우아한테크코스 8기 크루의 javascript-movie-review 미션 PR 26건(step1, 2026년)을 전수 분석하여, 반복적으로 나타난 코드 레벨 안티패턴 11개를 추출한 학습 자료입니다.
학습 방법
각 페이지는 다음 다섯 단계로 구성됩니다.
- 문제 코드 — 실제 PR에서 추출한 익명화된 스니펫을 읽습니다. 원본 PR 링크만 남기고 작성자는 공개하지 않습니다.
- 스스로 진단해보기 — 해설을 펼치기 전에 세 가지 질문에 직접 답한다.
- 해설 — 펼쳐 보기로 감춰진 해설에서 메커니즘·영향·학습 포인트를 확인합니다. 본문 안에 관련 MDN/공식문서 인라인 링크가 함께 제공됩니다.
- 개선 방향 — Before/After 코드로 구체적인 변화를 확인합니다.
- 더 알아볼 개념 — 더 깊이 학습할 수 있는 참고 링크를 따라갑니다.
카테고리별 목차
에러 처리
API 호출과 에러 객체를 다루는 방식에서 관찰된 패턴입니다.
- 사라지는 원본 에러 · 17건
- 알림 한 줄로 뭉뚱그려지는 에러 · 6건
- ok 검사 없이 바로 쓰는 fetch 응답 · 6건
DOM 렌더링
DOM 조작과 HTML 생성에서 관찰된 패턴입니다.
- 재렌더에 휩쓸려 사라지는 이벤트 리스너 · 8건
- 이스케이프 없이 꽂는 HTML · 8건
책임 분리
함수와 모듈의 책임 경계에서 관찰된 패턴입니다.
- 모든 일을 떠맡은 main 함수 · 16건
- 렌더와 fetch가 뒤섞인 함수 · 7건
상태 관리
애플리케이션 상태를 저장·동기화하는 방식에서 관찰된 패턴입니다.
- 플래그로 손수 맞추는 모드 전환 · 8건
- 여러 곳에 흩어진 상태의 출처 · 6건
중복과 추상화
비슷한 코드가 반복되며 변경 지점이 늘어나는 패턴입니다.
- 복붙으로 늘어난 fetch 함수 · 12건
네이밍과 상수
식별자와 리터럴 처리에서 관찰된 패턴입니다.
- 이름 없이 흩어진 매직 넘버 · 7건
데이터 개요
| 항목 | 값 |
|---|---|
| 분석 대상 | woowacourse/javascript-movie-review |
| 기수 | 8기 (2026년) |
| 분석 PR 수 | 26건 (MERGED 12 · OPEN 14) |
| 추출한 finding | 115건 |
| 최종 안티패턴 | 11개 |
| 카테고리 | 6개 |
사용 시 주의
- 이 자료는 특정 크루를 평가하거나 비난하기 위한 것이 아닙니다. 반복적으로 관찰되는 학습 지점을 모아 공통 피드백 자료로 쓰기 위한 것입니다.
- 코드 스니펫은 원본 PR을 그대로 복사했지만 작성자는 익명 처리했습니다. 원본 PR 링크를 통해 전체 맥락을 확인할 수 있습니다.
- 일부 안티패턴은 Result 타입이나 커스텀 에러 도입 같은 의도적인 설계 선택의 부산물입니다. “시도 자체가 잘못”이 아니라 “어디에서 의도가 약화되는가”를 함께 봅니다.
Last updated on



