[클라우드 바우처] 80% 할인된 금액으로 드림핵 엔터프라이즈를 도입해 보세요. 자세히 알아보기
dreamhack.io 소스코드? 질문

핵초보입니다....
웹해킹 1번강의를 3번보고 이 사이트에서 크롬에서 f12를 눌러 둘러보던중 js파일을 보았는데 파일이름이 0fc1bed871ea2e352ec6이런식이었습니다. 어떤 키워드가 아니라 파일명이 이렇게 지정된 이유가 있나요??

작성자 정보
답변 1
avatar
03sunf
워게임: 50

Nuxt.js + Vue.js 로 구성된 프론트엔드로 추정합니다.

빌드 시 아래와 같은 설정 예시와 같이 설정 파일 내 확장자와 맵핑 된 파일 명 규격으로 네이밍됩니다.

{
	app: ({ isDev }) => isDev ? '[name].js' : '[contenthash:20].js'
}

Webpack이 이러한 네이밍을 사용하는 이유는 브라우저의 캐싱과 연관성이 있습니다. 파일의 콘텐츠가 변경될 경우 해시 값이 바뀌어 빌드 시 전혀 다른 해시 값을 가진 파일명으로 다시 네이밍됩니다. 콘텐츠가 변경되지 않은 파일의 경우 해시 값이 변경되지 않아 동일한 파일 명으로 캐시된 콘텐츠를 로드할 수 있어 불필요한 HTTP요청이 발생하지 않도록 할 수 있습니다😀

2021.03.04. 01:37
질문에 대한 답을 알고 계신가요?
지식을 나누고 포인트를 획득해보세요.
답변하고 포인트 받기