Next.js에서 img tag 안 쓰고 Image Component 쓰는 이유 Next.js는 정적인 자료들을 프로젝트 root의 public 디렉토리에 보관합니다. pages 디렉토리처럼 public 디렉토리 내부의 파일들은 Application에서 참조할 수 있습니다. 현재 public 폴더 아래 다음과 같이 구성이 되어 있습니다. profile.jpg 이미지는 아래와 같이 생긴 이미지 입니다. 이걸 페이지에서 보려면 HTML에서는 img tag를 사용하면 됩니다. 일반적인 HTML 처럼 img tag를 사용해서 이미지를 띄울 수 있습니다. 하지만 이 이미지 소스는 최적화되지 않은 상태로 이미지를 사용하게 됩니다. 요즘 웹에서는 화면 크기에 따라서 이미지 크기가 반응하도록 하고, 최적화되어야 하며,..
