VamosDev의 개발 브이로그

Typescript가 해당 이미지의 확장자를 타입으로 인식하지 못하기 때문에 발생한 문제.따로 타입을 선언해주면 됨.아래는 타입을 선언하는 방법. 1. src > type > image.d.ts 파일 생성( 경로나 파일명은 src/types.d.ts 또는 src/@types/custom.d.ts 등이어도 무관함) declare module "*.png" { const value: string; export default value; } declare module "*.svg" { const value: string; export default value; } 2. tsconfig.json에 타입 선언 경로가 포함되도록 설정{ "compilerOptions": { "typ..

[생성 원인] 🔹 .css 파일SCSS는 브라우저가 직접 읽을 수 없기 때문에, 브라우저가 이해할 수 있는 CSS로 컴파일해줘야 해. 이때 생성된 결과물이 .css 파일이야.예:style.scss → style.css 🔹 .css.map 파일 (소스맵)이건 소스맵 파일로, 디버깅할 때 사용돼.개발자 도구에서 스타일이 적용된 부분을 확인할 때, 실제로 컴파일된 .css 파일이 아닌 원래의 .scss 파일의 몇 번째 줄에서 왔는지 추적할 수 있게 도와줘.예:Chrome 개발자 도구에서 .scss 파일의 줄 수를 기준으로 스타일을 추적 가능함. ✨ 왜 생성되냐면?SCSS를 컴파일할 때 사용하는 도구(Sass CLI, Webpack, Vite, etc.)나 설정에서 .map 파일 생성을 기본으로 하거나 명시..