무엇이든 물어보세요 (feat. 테스트 코드, ESLint Rule) | EP.10 캠프파이어 특집 하편
토스 프론트엔드 챕터 · 토스 · 토스 기술 블로그
소개
모닥불 10화 특집: 캠프파이어 에피소드 🔥 이번 모닥불은 특별히 시청자 여러분과 함께하는 시간으로 준비했어요. 사전에 접수된 시청자 여러분의 다양한 사연과 질문 그리고 코드 리뷰까지! 지금 바로 확인해보세요!
AI 핵심 요약
토스 프론트엔드 개발자들이 시청자 코드 리뷰를 통해 좋은 테스트의 기준, `it`절 작성, 단독 테스트가 어려운 상황을 다뤘습니다. 테스트에서는 검증하려는 동작을 명확히 하고, 테스트하기 어려운 경우에는 코드의 의존성과 테스트 경계를 살펴보는 관점을 공유했습니다. ESLint 규칙을 무조건 따르거나 끄는 대신 맥락에 맞게 판단하는 방법과 `useEffect` 의존성 배열을 다루는 고민도 소개했습니다. 실무 코드 리뷰를 바탕으로 테스트와 린트 규칙을 기계적으로 적용하기보다 의도와 동작을 기준으로 결정해야 한다는 점을 짚습니다.
- 테스트의 `it`절에는 구현 방식보다 검증하려는 동작과 기대 결과를 드러내세요.
- 단독 테스트가 어려운 코드는 의존성을 분리하거나 테스트 경계를 조정할 수 있습니다.
- ESLint 규칙은 무조건 끄거나 따르기보다 규칙의 의도와 현재 코드의 맥락을 살펴 판단하세요.
- `useEffect`의 의존성 배열은 누락으로 생기는 문제를 고려하고, 참조 안정성이 필요하면 `usePreservedReference`나 `usePreservedCallback` 같은 방법을 검토할 수 있습니다.
비슷한 학습 자료
코드 리뷰할 시간이 어딨어요? 모닥불 | EP.12
토스 프론트엔드 챕터 · 토스 기술 블로그
무엇이든 물어보세요 (feat. 프론트엔드 코드, 디렉토리 관리) | EP.10 캠프파이어 특집 상편
토스 프론트엔드 챕터 · 토스 기술 블로그
Next.js 그만 쓰세요! 면접관이 진짜 원하는 것!? | EP.8 모닥불
토스 프론트엔드 챕터 · 토스 기술 블로그
프론트엔드 개발에서 테스트 자동화, 꼭 해야 할까? | EP.3 모닥불
토스 프론트엔드 챕터 · 토스 기술 블로그
토스에서 말하는 “가독성 좋은 코드” 란 무엇일까? | EP1. 모닥불
토스 프론트엔드 챕터 · 토스 기술 블로그
ESLint와 AST로 코드 퀄리티 높이기
전성 · 토스 기술 블로그