검색 결과를 따라 했을 때 실수 줄이기

인터넷에서 해결책을 찾아서 복붙했을 때 작동하지 않는 경험은 모두 해봤을 것이다. 내 경우엔 검색한 코드가 내 프로젝트 구조와 달라서 그런 경우가 많았다.

문제를 너무 크게 잡으면 어디부터 손대야 할지 모르게 된다. 오히려 작은 단위로 재현 조건을 먼저 파악하는 게 훨씬 효율적이다.

증상의 정확한 경계 찾기

처음 보이는 에러 메시지만으로는 실제 원인을 알기 어렵다. 로그를 읽으면서 어디서 정확히 실패하는지 파악해야 한다.

• 먼저 볼 값: 로그
• 정상 상태와의 비교
• 기록할 사항: 명령어 출력, 상태 코드, 수정 내용

빌드 결과 확인하기

코드를 수정하고 바로 배포하기 전에 빌드가 완료되는지 확인해야 한다. 빌드 단계에서 실패하면 아무리 다른 설정을 고쳐도 소용없다.

npm run build

한 번에 한 가지만

1. 같은 조건에서 문제가 다시 나타나는지 확인
2. 로그의 변화를 한 줄로 정리
3. 공개 환경에서 최종 점검

한 번에 여러 설정을 바꾸면 어느 것이 문제를 해결했는지 알 수 없다. 작은 변화 하나씩 기록하는 습관이 크게 도움된다.