배열 필터링 로직 안전하게 바꾸기

개인 프로젝트에서 배열을 다루다 보면 필터링 로직이 제대로 작동하는지 불확실할 때가 있다. 이런 상황에서 처음부터 완벽한 솔루션을 찾으려고 하면 오히려 시간이 더 걸린다.

현재 상태 먼저 정의하기

변경 전 정상 상태를 명확히 정해두는 게 중요하다. 그래야 나중에 뭔가 바뀌었을 때 금방 알아챌 수 있다. 배열의 길이, 특정 요소의 값, 타입 등을 미리 메모해두자.

작은 단위로 테스트하기

전체 배열에서 한 번에 원하는 결과를 만들려고 하지 말고, 먼저 작은 샘플로 필터 함수를 테스트하자.

npm run build

빌드 시 타입 에러가 없는지, 런타임 에러가 없는지 확인한다. 콘솔에 중간값을 출력해서 필터링이 예상대로 진행되는지 추적한다.

환경 차이 고려하기

로컬에서는 잘 작동하는 필터링이 배포 후 다르게 작동할 수 있다. 이는 데이터 형식 차이나 환경 변수 때문일 수 있다. 로컬과 실제 서버의 데이터 형식을 비교해보자.

단계별 확인 체크리스트

1. 원래 배열이 예상대로 로드되는지 확인 — 길이와 타입이 맞는지
2. 필터 조건 하나씩 검증 — 각 조건 단독으로는 정상인지
3. 여러 조건을 조합할 때의 결과 — AND, OR 조건이 의도대로 작동하는지
4. 빌드와 배포 후 재확인 — 로컬과 실제 환경에서 다시 한 번 검증

작은 확인 하나하나가 모이면 원인 후보가 자연스럽게 줄어든다.