구글링하다가 지나가는 길에 발견하여 도움이 되실 것 같아서 답변 달아봅니다! svg와 애니메이션 이미지(ex: gif,apng) 형식은 Next.js에서 이미지 최적화를 진행해주지 않습니다. 다만 Image 컴포넌트를 사용하셔서 캐싱 기능은 활용할 수 있겠습니다. 참고하실 점은 svg,gif 리소스의 경우 Image 컴포넌트를 사용하실 때 unoptimized={true} 속성을 명시적으로 주면 좋다고 합니다. https://nextjs.org/docs/app/api-reference/components/image#animated-images https://nextjs.org/docs/app/api-reference/components/image#dangerouslyallowsvg
webpack5 버전 husky & lint-staged 가이드 1. 설치 npx mrm@2 lint-staged 2. package.json 파일의 lint-staged 수정 검사하고 싶은 파일 세팅해서 eslint 명령어 실행 "lint-staged": { "*.{ts,tsx}": "eslint --fix" }
webpack5 버전 husky & lint-staged 가이드 1. 설치 npx mrm@2 lint-staged 2. package.json 파일의 lint-staged 수정 검사하고 싶은 파일 세팅해서 eslint 명령어 실행 "lint-staged": { "*.{ts,tsx}": "eslint --fix" }
안녕하세요 강사님 답변이 아직 달려있지 않아서 제 의견을 한 번 달아봅니다. Best Common Type 에 의해 위와 같이 추론되어야 하는 것이 맞는 것 같습니다. 하지만 질문 작성자님의 스크린샷처럼 저렇게 나오는 것은 어떤 이유에 의해서 타입스크립트 랭귀지 서버에서 잘못 추론 한 것 같은데... 저도 이 질문에 대한 강사님 답변 기다려보겠습니다!