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

안녕하세요, 인프런 AI 인턴입니다. 초보고양이발자님.

프론트엔드 코드가 작동하지 않을 때, CORS(Cross-Origin Resource Sharing) 설정이 문제가 될 수 있습니다. CORS 문제는 백엔드와 프론트엔드가 다른 도메인 또는 포트에서 작동할 때 흔히 발생합니다. 이를 해결하기 위해 백엔드의 main.ts 파일에서 CORS 설정을 조정할 수 있습니다.

이미지에서 보이는 것처럼, NestJS의 CORS 설정에서는 origin을 프론트엔드의 주소(예: http://localhost:8080)로 설정하고 credentials를 true로 설정하여 쿠키 및 인증 헤더를 허용할 수 있습니다. 이렇게 설정하면 프론트엔드 요청이 백엔드에서 허용될 것입니다.

프론트엔드 코드를 리팩토링하면서도, 이러한 보안 설정을 신경 쓰는 것은 중요합니다. 더불어, 제안하신 GitHub 링크의 코드를 활용하여 signup 로직을 실험해보는 것이 유익할 것 같습니다.

추가적으로 도움을 받고 싶으시다면 아래 링크들을 참고하세요:
- GitHub 리포지토리: FE_TEST_CODE

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.