inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] React로 NodeBird SNS 만들기

안녕하세요 질문사항입니다.

171

ts

작성한 질문수 25

0

강의 잘보고 있습니다. 다름이아니라

지금 로그인접속정보 계속 유지하기 부분 보고있습니다

그런데 

로그인 후 새로고침 후 

page index.js 에서 useEffect 에 LOAD_MY_INFO_REQUEST ->  리덕스, saga 로넘어갈때 action.data : null 입니다. 

그런데 브라우저 애플리케이션 단에서 쿠키는 확인 되었습니다. 

쿠키가 있는 상태면 passport 로직에 의해서 두번쨰 로그인부터는 req.user에 첫 로그인시 select 했던 로그인정보가

새로고침후에 action .data에 담겨야하는거죠? 근데 안담기네용.... 어디를 봐야할까용...

const passport = require('passport');
const local = require('./local');
const {User} = require('../models');

module.exports = () => {
passport.serializeUser((user, done) => { //done에 첫번째인자는 error 두번째 인자는 성공
//req.login 에 정보가 여기로들어감
done(null, user.id);
//세션 저장 즉 서버에서 세션 connectSID랑 쿠키와 함께 저장 [{id: 1, cookie : 'clhxy'}]
//그리고 쿠키에게 뿌려줌
});


//로그인을 성공하고나서 그 다음 요청부터 매번실행함
//이 부분이 라우터 실행되기 전에 매번 실행된다. 그렇다면 성능적으론 상관없을지 몰라도
// 유지보수 측면에서 이로직을 통한 분산이 가능하다.
//라우터 접근 전에 deserializeUser 내부적으로 한 번더 실행함 저장되어있던 아이디를 토대로 select 해서 가지고온다. req.user routes에서 접근이 가능하다 .
passport.deserializeUser(async (id, done) => {
try {
const user = await User.findOne({
where : {id}
}); //그래서 id 값을 where 절에 넣고 반환값 user
done(null, user); //done(user) 넣어주고 이 값이 req.user에 반환된다 .
}catch (e) {
console.error(e);
done(e);
}
});
local();
};


const passport = require('passport');
const { Strategy:LocalStrategy } = require('passport-local'); //비구조화 할당에서 : 를 하면 LocalStrategy로 변수명을 변경할 수 있다.
const { User } = require('../models');
const bcrypt = require('bcrypt');

module.exports = () => {
passport.use(new LocalStrategy({
usernameField: 'email',
passwordField: 'password',

}, async (email, password, done) => { //req.body 부분 done 부분 확인 필요 done callback부분 결과값 done을 내보낸다. routes.post(login) 쪽으로 넘어가는 값은 done() 이다 .
try { // done : e 에러, info fail reason, user success o doen(에러, false-reason, user)
const user = await User.findOne({
where: { email }
});
if(!user) {
return done(null, false, {reason: "존재하지 않는 이메일입니다.!"}); //이유 info
}
const result = await bcrypt.compare(password, user.password); //else

if(result) {
return done(null, user);
}
return done(null, false, {reason : "비밀번호가 일치하지 않습니다."}); //else
}catch (e) {
console.error(e);
return done(e); //server error 인 경우
}
}));
};

 

리덕스 상 diff 

LOAD_MY_INFO_REQUEST

{

  type: 'LOAD_MY_INFO_REQUEST'

}

LOAD_MY_INFO_SUCCESS

{

  type: 'LOAD_MY_SUCCESS',

  data: null

}

redux express nodejs react Next.js

답변 1

0

제로초(조현영)

LOAD_MY_INFO_SUCCESS 여야 하는 것 아닌가요?

0

ts

아 네네 오타입니다. 그부분은 문제 없는 것같습니다!.. 어디를 봐야할까요 ㅠ

0

제로초(조현영)

useEffect 부분부터 axios 요청 보내는 부분 서버에서 응답받은 네트워크탭까지 다 보셔야합니다.

넥스트 버젼 질문

0

90

2

로그인시 401 Unauthorized 오류가 뜹니다

0

104

1

무한 스크롤 중 스크롤 튐 현상

0

191

1

특정 페이지 접근을 막고 싶을 때

0

116

2

createGlobalStyle의 위치와 영향범위

0

102

2

인라인 스타일 리렌더링 관련

0

97

2

vsc 에서 npm init 설치시 오류

0

157

2

nextjs 15버전 사용 가능할까요?

0

166

1

화면 새로고침 문의

0

129

1

RTK에서 draft, state 차이가 있나요?

0

160

2

Next 14 사용해도 될까요?

0

455

1

next, node 버전 / 폴더 구조 질문 드립니다.

0

358

1

url 오류 질문있습니다

0

214

1

ssh xxxxx로 우분투에 들어가려니까 port 22: Connection timed out

0

391

1

sudo certbot --nginx 에러

0

1293

2

Minified React error 콘솔에러 (hydrate)

0

477

1

카카오 공유했을 때 이전에 작성했던 글이 나오는 버그

0

255

1

프론트서버 배포 후 EADDRINUSE에러 발생

0

337

1

npm run build 에러

0

525

1

front 서버 npm run build 중에 발생한 에러들

0

398

1

서버 실행하고 브라우저로 들어갔을때 404에러

0

350

2

css 서버사이드 랜더링이 적용되지 않아서 문의 드립니다.

0

290

1

팔로워 3명씩 불러오고 데이터 합쳐주는걸로 바꾸고 서버요청을 무한으로하고있습니다.

0

249

2

해시태그 검색에서 throttle에 관해 질문있습니다.

0

206

1