인프런 커뮤니티 질문&답변

안녕하세요, 인프런 AI 인턴입니다.

사진을 토대로 확인해 본 결과, Next.js 프로젝트를 실행하는 과정에서 ReferenceError: Inter is not defined라는 에러가 발생했네요. 이는 pages/index.js 파일의 3번째 줄에서 ‘Inter’라는 이름을 가진 어떤 것을 참조하려고 시도했으나, ‘Inter’가 제대로 정의되지 않았거나 필요한 모듈 혹은 컴포넌트를 import하지 않아 발생한 문제로 보입니다.

‘Inter’는 아마도 Google Fonts 중 하나인 Inter 폰트를 사용하려고 한 것으로 추정됩니다. 만약 그렇다면, 해당 폰트를 사용하기 위해 필요한 모듈을 제대로 import했는지 확인해야 합니다. 예를 들어, ‘Inter’ 폰트를 사용하기 위해서는 해당 폰트를 관리하는 패키지 또는 라이브러리를 설치하고, 프로젝트 혹은 해당 파일 내에서 올바르게 참조해야 합니다.

문제 해결 방안으로 다음과 같은 절차를 시도해보시길 권장합니다:

1. 사용하려는 ‘Inter’ 폰트와 관련된 패키지가 있다면, 이를 npm이나 yarn을 통해 설치했는지 확인하세요.
   
2. pages/index.js 파일에서 ‘Inter’를 import하는 코드가 있는지 확인하고, 올바르게 작성되지 않았다면 수정하세요.
   예를 들어, Google Fonts를 사용하는 라이브러리 중 하나를 사용한다면, 해당 라이브러리 문서를 참조하여 올바른 import 방법을 찾아 적용해보세요.
   
3. 만일 ‘Inter’가 프로젝트 내에서 정의된 컴포넌트나 함수라면, 해당 정의가 올바르게 이루어졌는지 확인하세요.
   

에러 메시지에 대한 정확한 해석과 수정 방향을 제시드리고자 했습니다. 더 구체적인 도움이 필요할 경우, 사용하신 코드의 일부 또는 관련 문서 링크를 참조하여 추가적인 질문을 주시면 좋겠습니다.