← 전체 글로 돌아가기

웹 개발

개인 프로젝트의 검색 기능을 빠르게 확인하는 방법

검색해서 들어온 상황이라면 재현 조건부터 정확히 파악하자. 문제 해결 전체 흐름에서 원인을 좁혀가는 체계적 접근.

검색해서 들어온 상황이라면 바로 재현 조건부터 잡는 편이 빠르다. 문제 해결 전체 흐름에서 원인을 좁혀야 한다.

한 줄 요약으로 정리하기

문제 해결의 흐름을 먼저 끊어서 본다. 재현 조건이 애매하면 다른 부분을 고쳐도 결과가 바뀌지 않을 수 있다.

먼저 생각해야 할 것:

  • 검색이 안 되나, 결과가 틀린 건가?
  • 로컬과 배포 환경에서 다르게 나오나?
  • 사용자에게 영향을 주나?

먼저 볼 파일들

문제 해결의 흐름을 먼저 끊어서 본다. 재현 조건이 애매하면 다른 부분을 고쳐도 결과가 바뀌지 않을 수 있다.

먼저 볼 값: 재현 조건

  • 같이 비교할 값: 정상일 때의 요청 처리 상태
  • 남겨둘 기록: 명령 출력, 응답 코드, 수정한 설정

설정과 서버에서 볼 값

개인 프로젝트 주변 문제가 반복된다면 확인 순서를 고정해두는 편이 낫다. 감으로 접근하면 같은 실수를 반복하게 된다.

npm run build

브라우저에서 볼 값

웹 개발 쪽 문제는 화면만 보고 판단하면 놓치는 값이 많다. 로그, 응답, 설정 중 하나를 증거로 잡아야 한다.

사용자 영향과 실수 포인트

개인 프로젝트 주변 문제가 반복된다면 확인 순서를 고정해두는 편이 낫다. 감으로 접근하면 같은 실수를 반복하게 된다.

최종 확인

정상 상태를 먼저 정해두는 게 좋다. 그래야 사용자 영향 결과가 맞는지 아닌지를 빠르게 판단할 수 있다.

검증 단계

  1. 원래 증상이 같은 조건에서 다시 나는지 확인한다.
  2. 로그나 응답에서 바뀐 부분을 한 줄로 설명한다.
  3. 공개 화면, 빌드 결과, 실제 요청 중 하나로 마지막 확인을 한다.

작은 확인을 남겨두면 다음 문제를 훨씬 짧게 처리할 수 있다. 관련 기록을 짧게라도 남겨두면 다음 확인이 훨씬 빨라진다.