Dead Code 찾기, 사용하지 않는 파일, 변수 찾기

JavaScript Dead Code 찾기
JavaScript 사용하지 않는 파일 찾기
JavaScript 사용하지 않는 변수 찾기
JavaScript 사용하지 않는 export 찾기

Dead Code 란

Dead Code 이름 그대로 죽은 코드입니다.
즉, 실행되지 않는 코드를 의미합니다.

해당 코드를 계속 두는 것은 좋은 개발환경이라고 볼 수 없습니다.

등이 있을 수 있습니다.

knip 패키지를 사용하면 dead code를 빠르게 찾아줍니다.
knip을 활용하여 어떻게 dead code를 삭제하는 지 알아보도록 하겠습니다.

npm init @knip/config
pnpm create @knip/config
yarn create @knip/config

사용하는 패키지 매니저에 맞게 설치하시면 됩니다.
자세한 설정이나 설명은 아래 참고문헌에 있는 knip 링크를 확인해보세요.

프로젝트 경로에서 아래 명령어를 이용하시면 됩니다.
저는 제 프로젝트에서 실행해보도록 하겠습니다.

npx knip

위에 보시면 사용하지 않는 파일, 변수들에 대한 정보들이 나와있습니다.
잘못 되었을 수도 있으니 직접 확인하신 후 지우시는 것을 추천 드립니다.

저 같은 경우 사용하지 않는 파일은 command 명령어로 다 지웠습니다.
나머지는 직접 파일 하나 하나 확인하면서 삭제하였습니다.

잘 되었는지 확인하기 위해 마지막에 tsc로 한번 더 확인하였습니다.

위 결과 이미지를 보면 약 14,000줄을 삭제한 것을 확인할 수 있습니다.
삭제하면서 쓰레기를 정리하는 기분이 들어 재미있게 지웠습니다.

knip을 100% 신뢰할 수는 없는 것 같습니다.
script 에서 사용하는 것일 수도 있고 잘못된 결과를 출력할 수도 있기 때문입니다.
그리고 삭제하면서 다른 사이드 이펙트가 생길 확률이 있습니다.

꼭 직접 확인하시면서 지우는 것을 추천 드립니다.

코드를 구현하다보면 사용하지 않는 코드나 파일이 생깁니다.
즉시 지우면 좋겠지만 나도 모르게 남겨두는 경우가 많이 있습니다.
knip을 사용하여 편하고 빠르게 지우시길 바랍니다.