🎯 Achievement Goals

Session 구현

👉 Session

다음주 월요일 마지막 H.A 시험을 위해 이번 주말 동안에는 스프린트 복습을 확실히 해두려고 한다! H.A 시험에 떨어지면 프로젝트를 할 수 없고 스프린트 코스를 다시 한 번 더 들어야하기 때문이다..

이번주에 배웠던 Session 스프린트에서 나는 테스트 케이스만 통과를 하고 웹 상에서 작동이 안된 채로 과제를 제출했다. 물론 코드스테이츠 측에서는 테스트 케이스만 통과되도 아무런 문제가 되지 않지만, 나로써는 너무 찝찝했기에 이번 주말을 통해서 꼭 작동이 되게 하고 싶었다.

하지만 생각보다 어려운 문제는 아니였다.

서버에서 추가로 CORS 설정만 해주면 되는 것이었다.

// server: index.js

app.use(cors({
  origin: "https://localhost:3000",
  credentials: true,
}));

그 후 클라이언트에서 서버로 요청을 보낼 때 반드시 withCredentials: true 이 옵션만 넣어주면 된다. 나는 axios 요청을 했기 때문에 withCredentials를 사용해야만 했다.

fetch를 사용할 경우 credentials: ‘include’를 넣어주면 된다.

//client: component/Login.js

axios.post('https://localhost:4000/users/login', {
      userId: this.state.username,
      password: this.state.password,
    }, {
      'Content-Type': 'application/json',
      withCredentials: true 
    })

이런식으로 두번째에 body를 넣어주게 되면 3번째 인자로 넣어주면 된다.

결과는 한 번에 성공했다!

Session_실습

🙌 느낀점

오늘은 session 복습과 작동까지 해봤다!! 사실 session 보다는 Token 인증 방식이 더 중요도가 높지만, 이번에 보는 마지막 H.A 시험에서는 session 비중이 높아 복습을 깊게 해보았다!

그래도 한 번에 성공하기 기분이 좋았다!

👊 내일의 TIW(today I Will)

주말동안 스프린트 복습!!

← Previous Post Next Post →

마지막 H.A 준비 - part1

📅 TIL #73

🎯 Achievement Goals

👉 Session

🙌 느낀점