Codestates immersive course

마지막 HA

오늘은 마지막 HA 테스트가 있는 날이었다.

테스트 내용은 뭐 우리가 이머시브에서 배운 전반적인 내용이었다.

코스 내용만 충실해도 충분히 풀 수 있을 수준이었다.

근데 막힌 부분은 한가지가 있긴 했다.

왜 포스트맨에서는 세션 아이디 쿠키가 잘 생성이 되는데 왜 크롬 브라우저에서는 생기지 않는가?

찾고 찾고 결국에 답을 찾았는데 웃긴건 어제 본 블로그 포스팅에 아주 대놓고 있었던 내용이었다.

제로초 블로그

일단 백엔드와 프론트엔의 도메인 즉 오리진이 다른 경우에는 서로 쿠키 전송이 불가능하여 쿠키가 생성되지 않는다.

(사실 생성되지 않는다 라기 보다는 응답으로 받아올 수 없다가 좀 더 정확한 표현같기는 하다.)

이런 경우에 요청/응답 헤더를 설정해주면 쿠키 전송이 가능하다.

whr의 경우에는 withCredentials, axios의 경우 axios.post(url,payload,option) option 자리에 credentials: true 를 설정해주면 된다.

이와 마찬가지로 서버에서는 CORS 설정을 해줘야하는데 응답 헤더로 Access-Control-Allow-Credentials 을 true로 설정해 주어야한다.

그리고 express에서 cors 사용 시에는 아래와 같이 설정이 가능하다.

오리진에는 특정 도메인을 적어주면된다.

와일드 카드는 사용 시에는 따로 Access-Contril-Allow-Origin 설정해줘야한다.

app.use(cors({
  origin:true,
  credentials:true
}));

뭐 이정도 이번 테스트 진행하면서 검색이 필요했던 부분이었다.

그리고 내 코드를 설명하는 영상을 찍는데 생각보다 이게 허공에다 말을 해서 그런지 어렵더라.

나중 인터뷰를 위해서 조금씩 연습을 해둬야겠다.

오늘은 좀 일찍 자고 주말까지의 솔로데이 저번 주말에 완성 못한 셀프 과제를 완성해야겠다.

프로젝트 들어가면 진짜 쉴 시간이 없을테니 잘 쉬고 부족한 부분 잘 채워보자.