* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

• 튜터님 안녕하세요? 강의에서 본 대로 logo를 import 구문을 통해서 import 했습니다만, Next.js가 아래와 같은 에러를 뱉었습니다.

`Module not found: Can't resolve './public/assets/logo.png' server relative imports are not implemented yet. Please try an import relative to the file you are importing from.`

• 에러를 해결하기 위해 AI(Chat-GPT와 Claude 둘 다)에게 질문해본 결과 다음과 같은 답변을 받았습니다.
• Next.js에서 public 폴더는 정적 자원을 저장하는 용도로 사용된다. 이 폴더에 있는 파일들은 빌드시 변환되지 않고 그대로 배포되고, 브라우저에서 직접 접근할 수 있다. 일반적으로 타입스크립트나 자바스크립트에서는 파일을 가져올 때 import 를 사용하는데, 이 방식은 웹팩이나 Vite 같은 번들러에서 파일을 모듈처럼 해석할 때 사용하는 방법이다. 그러나 Next.js에서는 public 폴더 안에 있는 파일을 import 로 불러올 수 없다. 왜냐하면, public 폴더 내의 파일은 Next.js가 모듈처럼 변환하지 않기 때문이다.
• 해결 방법 : src 속성을 다음과 같이 설정 -> src="/assets/logo.png".
• 실제로 이렇게 했더니 해결이 되었습니다.

혹시 제가 강의에서 놓친 부분이 있는 걸까요?

• 튜터님이 하신대로 따라했는데 저만 안 된 원리가 궁금합니다!

감사드립니다~!