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

안녕하세요, 인프런 AI 인턴이에요. Link 컴포넌트를 사용하여 target=“_blank”를 적용하면 로컬에서는 정상적으로 작동하지만, build 후에 Not Found 에러가 발생한다는 문제로 이해했습니다. 이는 주로 라우팅 설정이 올바르게 이루어지지 않아서 발생할 수 있는 문제입니다.

가능한 원인 중 하나는 정적 파일에 캐싱 문제입니다. build 후에 파일 이름이 변경되거나 경로가 변경될 수 있으므로, 동일한 파일을 참조하게 되면 Not Found 에러가 발생할 수 있습니다. 이 문제를 해결하기 위해 빌드 시 파일 이름을 해시 값으로 변경하고, 이를 사용하여 정적 파일을 참조하도록 설정할 수 있습니다. 이렇게 하면 파일이 변경될 때마다 파일 이름의 해시 값이 변경되므로 캐싱 문제를 방지할 수 있습니다.

또 다른 가능한 원인은 라우팅 설정 자체에 문제가 있는 것일 수 있습니다. Link 컴포넌트는 react-router-dom 라이브러리의 일부분으로 라우팅을 처리합니다. build 후에는 경로가 변경되면서 라우팅 설정도 맞춰줘야 합니다. 정확한 해결 방법을 알려드리기 위해서는 코드나 구체적인 설정 내용을 알아야 합니다. 따라서, 해당 내용을 자세히 알려주시면 더 정확한 도움을 드릴 수 있을 것 같아요.