inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

질문있습니당.

178

김건희

작성한 질문수 63

0

 제로초님 강의로 인해 코딩이 더욱 재밌어지고 배우는게 많은거 같아서 감사드립니다.

질문1. 로그인을 할 경우 밑의 login라우터가 실행 되잖아요?

router.post('/login'isNotLoggedIn, (reqresnext=> {
  passport.authenticate('local', (erruserinfo=> {
    if (err) {
      console.error(err);
      return next(err);
    }
    if (info) {
      return res.status(401).send(info.reason);
    }
    return req.login(userasync (loginErr=> {
      if (loginErr) {
        console.error(loginErr);
        return next(loginErr);
      }
      const fullUserWithoutPassword = await User.findOne({
        where: { id: user.id },
        attributes: {
          exclude: ['password']
        },
        include: [{
          model: Post,
          attributes: ['id'],
        }, {
          model: User,
          as: 'Followings',
          attributes: ['id'],
        }, {
          model: User,
          as: 'Followers',
          attributes: ['id'],
        }]
      })
      console.log(":::::::::::::",JSON.stringify(fullUserWithoutPassword),"enddddddddd")
      
      return res.status(200).json(fullUserWithoutPassword);

 그런데 이때 서버에러를 일으켜서 

if (err) {
      console.error(err);
      return next(err);
   }

이 구문이 실행되면 return next(err)로 인해 여기서 멈추고 밑의 코드로 더 이상 실행되지 않는것인가요?

질문2. postForm에서  짹짹누르면  리듀서와 사가를 거쳐 백엔드에서 routes폴더의 post.js에서  post라우터가 실행되잖아요? 

const fullPost = await Post.findOne({
      where: { id: post.id },
      include: [{
        model: Image,
      }, {
        model: Comment,
        include: [{
          model: User// 댓글 작성자
          attributes: ['id''nickname'],
        }],
      }, {
        model: User// 게시글 작성자
        attributes: ['id''nickname'],
      }, {
        model: User// 좋아요 누른 사람
        as: 'Likers',
        attributes: ['id'],
      }]
    })
    res.status(201).json(fullPost);

위의 코드가 실행되면서 디비에서 찾은 정보를 fullpost변수에 담은 후 클라이언트로 보내주잖아요? 그런데 이때 댓글 작성자와 게시글 작성자와 좋아요 누른사람은 왜 가져오는지 모르겠습니다. 왜나하면 짹짹을 누르면 index.js에서

useEffect(() => {
    dispatch({
      type: LOAD_USER_REQUEST,
    });
    dispatch({
      type: LOAD_POSTS_REQUEST,
    });
  }, []);

위의 코드가 실행되어서 포스트정보랑 유저정보 다 가져와서 렌더링되지 않나요?...

뭔가 알것 같은데 막혔습니다 ㅜㅜ 왜 fullpost의 데이터를 클라이언트로 보내주는지 설명부탁드립니다 ㅜ 

질문3. 

const isFollowing = me?.Followings.find((v=> v.id === post.User.id);

me?. 

?. 문법에 대한질문 입니다. 강의에서도 설명하셨지만 제가 이해한것이 맞는지 여쭈고 싶습니다.

me에 데이터가 있을경우 me.Following이 되고 me가 없을 경우 그냥 Following 이 되는 것인가요?

이문법은 어떤 용어의 연산자인가요? 

Next.js express redux react nodejs

답변 3

0

제로초(조현영)

네네, postCard 표시에 필요한 데이터를 fullPost에 모두 한 번에 담아놓는 것입니다.

0

김건희

감사합니다 그러면 2번 질문에서  fullpost에서 클라이언트를 넘겨주는 것은 게시글을 작성하고 짹짹을 눌렀을 때 

바로 postcard로 데이터를 넘겨주어 포스트카드가 보이게 하기 위함인거 맞나요??

0

제로초(조현영)

1. return 아래로는 실행되지 안습니다.

2. 짹짹을 누르는데 왜 useEffect 내부 코드가 실행되나요? 이 코드는 컴포넌트가 처음 마운트될 때만 실행됩니다. (배열이 빈 배열입니다)

3. me가 없을 경우 undefined가 됩니다. 옵셔널 체이닝입니다.

넥스트 버젼 질문

0

77

2

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

0

89

1

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

0

174

1

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

0

103

2

createGlobalStyle의 위치와 영향범위

0

96

2

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

0

91

2

vsc 에서 npm init 설치시 오류

0

146

2

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

0

158

1

화면 새로고침 문의

0

121

1

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

0

153

2

Next 14 사용해도 될까요?

0

452

1

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

0

349

1

url 오류 질문있습니다

0

211

1

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

0

372

1

sudo certbot --nginx 에러

0

1273

2

Minified React error 콘솔에러 (hydrate)

0

469

1

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

0

247

1

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

0

325

1

npm run build 에러

0

518

1

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

0

381

1

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

0

337

2

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

0

286

1

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

0

237

2

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

0

201

1