![]()
이전에 세션을 통해서 로그인 인증 기능을 구현하려고 했지만 12시간에 노력 끝에 포기했다... JWT로 넘어가기로 했지만 해결 못해서 분하다. CORS 문제 때문이라고 하는데 도대체 이게 뭘까? 해결은 못했고 왜 안되는지 원인이라도 확실하게 알고 가야겠다. CORS란? Cross-Origin Resource Sharing의 약자로 교차 출처 리소스 공유라고 한다. 여기서 Origin은 프로토콜 + 도메인 + 포트 모두를 합친 것을 뜻한다. 이 때 리소스를 요청할 때 요청한 쪽의 Origin과 요청받은 쪽의 Origin이 다르면 CORS에러가 발생한다고 한다. a. CORS 동작 원리 CORS 동작 원리를 모두 정리하기에는 내용이 너무 방대하고 어렵다.... https://velog.io/@jh100m1/..
과제 프로젝트를 진행하던 중 어느정도 기능 구현이 완성되고 실 테스트 단계에 들어갈 때, 관리 시스템에 로그인 기능이 꼭 필요하다는 결론이 나왔다. 남은 시간이 별로 없었기에 여러 방법 중 코드 구현이 비교적 짧은 Session 기반 로그인 기능을 사용해보았지만 리액트와 연도에서 근본적인 문제가 발생했다. 1. 문제 발생 Session(이하 세션) 인증 로직을 구현하고 React에 쿠키를 통해 세션 정보를 보낼 때 세션이 유지되지 않는 문제가 발생했다. 분명히 포스트맨이나 테스트 코드로는 세션이 존재하고 쿠키값도 넘어와서 사용했지만 React에서만 유지되지 않았다. 이 문제를 CORS 이슈라고 하는 것 같다. 이는 다음에 다뤄보겠다. React와 Spring의 포트가 다르기 때문에 React에서 서버에서..
