inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue.js 끝장내기 - 실무에 필요한 모든 것

브라우저 저장소로 인증 값 보존

안녕하세요!

273

도미니카

작성한 질문수 10

1

cookies.js 에 있는 정규식은 어떤 의미인지 궁금해요~! 

찾아보니 키 쌍으로 가져오는 그런 의미 인것 같은데,

정규식에 의해서 브라우저 쿠키에 보여지는 키(name)는 백틱안에 사용한 문자열 til_auth 와 til_user가 되는건가요?

아니면 정규식이랑 상관없이 세이브가 되고,

getAuthFromCookie()는 저희가 값을 가져올 때에만 키 쌍으로 가저 오게 되는 것인가요??

<!-- 추가 질문 -->

설정을 하였는데, 새로고침시에 로그아웃이 되어요 ㅠㅠ

쿠키에도 잘 들어가있고, 현재 스테이트 에도 잘 들어가있는데 왜 새로고침하면 다시 로그아웃일때의 분기처리한 화면이 나오는걸까요 ㅜㅜ??? 

키 이름을 조금 수정했고,

정규식에도 같은 이름으로 넣어 주었어요 .

로그인폼.vue 에도 

아래 보시면 쿠키에 값을 담는 함수를 사용했어요.

쿠키에도 잘 담겨있는걸 확인했습니다!

아래는 스토어 index.js예요

저는 이메일, 닉네임, 패스워드 이렇게 세 값을 가저와서,,

그중 닉네임과, 패스워드에 쿠키값을 가저오도록 선언을 해주었어요.

뷰 데브툴에서도 

스테이트에 올라온것도 확인했습니다!

하지만 무엇이 잘못 되있는 걸까요 ㅜㅜ???

새로고침하면 여전히 로그인 전의 

요 화면이네용 ㅜ

javascript vuejs vuex

답변 2

1

캡틴판교

안녕하세요 도미니카님 오랜만에 뵙네요 :) 스스로 문제를 파악하고 해결하실 수 있는 레벨까지 오셨다니 정말 뿌듯하네요. 열심히 하신만큼 앞으로도 더 잘하실 수 있을거라고 생각합니다 :) 겪은 문제와 해결 방법 공유해 주셔서 감사해요! :)

1

도미니카

됬어요 됬어요 ! ㅋㅋ

제 로직을 자 세 ~히 보니,

분기 처리 를 한 파일에 

이렇게 로그인 후의 화면을 보여주는 ? 

메서드가 있어서 

getters에 isLogin을 보니

state.useremail !== ""; <-- 이더라구요 ㅋㅋ

저는 당연히 닉네임과 토큰만 담고 있엇으니 계속 이메일은 빈값으로 초기화가 되고 있던듯해요!

그래서 useremail이 아닌 token으로 변경 해주었고,

정상적으로 리로드해도 로그인된 화면이 떠요! ㅎㅎ

아마 강의대로만 해서 중간에 못 짚고 넘어갔었나봐요 ㅎㅎㅎ

로그아웃도 아마 변경을 해주어야 할듯해요 ㅋㅋ

진짜 강의 보고 이해가 잘되니까 혼자서 해결도 가능 하게 된것같아요 ㅠㅠ 그래서 엄청 뿌듯해요!

다른 분들도 잘 적용하셔서 멋진 프로젝트 만드셨음 좋겠어요 ㅎㅎㅎ

node 10버전 사용

0

64

1

강의에 대해 질문 드립니다.

0

60

1

vue CLI 대신 vite를 사용해도

1

139

2

질문삭제

0

149

2

강사님 코드로 진행할 경우 console.log( config); 도 안찍혔어요. instance 를 생성해서 공통으로 사용하셨는데 loginUser 에만 커스텀한 instance를 넣으니 콘솔에 컨피그 객체가 찍혀요

0

91

1

로그인 에러발생만하면 네트워크 커넥션 에러 발생 해결

0

117

1

rndrmagkqslek.

0

73

1

계속 따라하다가 안돼서 bash에 연결할떄 안되더라구요

0

104

1

axios 에러가 뜹니다.

1

237

2

vue3로 진행하시면서 router에서 '*' 적용이 안되시는 분들

2

311

1

vue 관련 다른 강의 출시예정이없으신지 궁금합니다!

1

154

1

AppHeader.vue에 vue 디폴트 만들에 Delete `␍` 오류나면

1

195

1

vue3로 따라오시다가 import axios 에러 뜨시는 분들

2

445

2

$router 를 이용한 메인 페이지로 이동

1

289

1

혹시 node.js 10.24 버전으로 해도 상관없나요?

2

461

2

에러 경로가 LoginForm.vue 43번째줄 말고 다른 경로로 출력됩니다.

1

297

2

pinia 사용할려고 하는데 에러가 나옵니다.

1

486

2

swagger ui의 post/posts에 글 기록하려고 하면 unauthorized 에러가 납니다..

1

1102

2

safari 개발자 도구에 대한 질문입니다

1

568

2

스웨거에 글 등록시 401 에러가 나와요 ㅠ

1

722

2

이 에러 때문에 진행이 안되네요 ㅠ

1

674

1

windows .nvmrc nvm use 실행 오류

1

1546

2

강사님 최신화가 필요해보입니다.

2

959

2

npm i 에러

1

611

1