dist폴더에 대해서

탄탄한 백엔드 NestJS, 기초부터 심화까지

Nest Middleware

작성

8.2K

강의내용과는 좀 무관하지만 궁금한게 있어서 질문드립니다.

package.json과 같은 경로에 있는 dist폴더의 역할은 뭔가요?

제 생각엔 캐시의 용도이거나 빌드를 하게 되면 dist폴더에 ts를 js로 변환시키고 변환시킨 코드를 실행하는 것 같은데 그렇게 이해해도 될까요?

이런 질문을 드린 이유는 코드를 변경하고 요청을 보냈지만 변경한 코드가 적용되지 않아서 확인해 봤더니 dist의 js파일이 변경되지 않았더라구요.

dist폴더를 지우고 다시 start를 하니까 dist폴더가 만들어지면서 해결은 됐습니다.

캐시의 용도라면 dist폴더를 지우는 방법말고 명령어를 통한 캐시 삭제 방법이 있는지 궁금합니다.

답변 1

지식공유자

안녕하세요 :)

dist 폴더는 캐시의 용도는 아니고 src의 typescript 코드가 nodejs에서 작동하기 위해 javascript 코드로 컴파일된 결과물입니다. dist 폴더 자체는 실제로 배포 단계에서 사용됩니다. (후에 배포 강의에서 dist 폴더를 서버에 올립니다.)

컴파일을 할때 모종의 이유로 연결이 끊겨서 발생한 이슈인 것 같습니다. 그럴땐, 지우고 다시 디버깅 하시면 됩니다. nodejs 위에서 개발 하다보면 아주 가끔 node_modules 의 모듈간에 충돌이 생겨서 지우고 다시 설치하면 되는 경우와 유사한 이슈입니다.

개발할때 아주 가끔씩 발생하는 이유(대부분 개발하다 실수로 잘못 건든 이유)인데, 실제로 제품을 서비스할때는 관련 이슈가 발생할 확률이 없으니 걱정하지 않으셔도 됩니다!

[ TMI ]

소프트웨어에서 dist는 distribution(유통시키다. 배포하다.)의 약자입니다. 비슷한 폴더 이름으로 사용되는 사례는 dest(destination)가 있습니다.

src는 source의 약자입니다.

질문자

친절한 답변 감사합니다. 감동이에요:)

인프런 커뮤니티 질문&답변