inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기

구독 기능 (2)

구독기능 저장 질문입니다

397

조형진

작성한 질문수 2

0

구독버튼을 누르면 subscribed 가 되고 카운트가 되는데, 새로고침을 하면 카운트가 된 상태에서 버튼이 subscribe로 돌아가서 다시 버튼을 누르면 카운트가 또 되네요... 이거때문에 구독동영상페이지에도 영상이 안올라오는거같은데 어떻게 해결해야할까요? 

깃허브 주소입니다 : https://github.com/ChoHJin/youtube-clone

mongodb redux nodejs react

답변 2

2

권영진

이런경우에는 클라이언트단과 서버단의 연쇄과정을 따라가며 콘솔을 찍어보는 디버깅을 통해 문제의 원인을 찾을 수 있습니다.

클릭을 통해 onSubscribe 를 눌렀을때 

Axios.post('/api/subscribe/subscribe', subscribedVariable)에서 subscribedVariable 이 제대로 담겼는지 콘솔을 통하여 확인을 할때는

클라이언트에서는 정상적으로 작동 하였겠지만

const subscribe = new Subscriber(req.body);

서버단에서 생성된 subscribe를 콘솔을 통하여 확인하면

노드에서 userFrom이라는 오타를 확인할 수 있습니다.

subscribe.save((err, doc) => {

혹은 (err, doc)을통해 console.log(doc) 으로 만들어진 doc이 이상함을 눈치채는 방법도 있구요.

핵심은 시작지점부터 그림을 그리거나 콘솔을 통하여 따라가며 찾다보면 오류를 다음엔 좀더 쉽게 해결할 수 있으실겁니다 !

0

권영진

server/models/Subscriber.js 파일을 확인하시면

모델의 필드가

userTo

userFrom (유저프롬)

으로 적어야하는데

userTo

userForm(유저폼)

으로 적어서 오류가 나는거라고 생각됩니다.

npm i하면 바로, 라이브러리 오류없이 받아지고, 구동되는 소스는 없나요?

0

52

1

ERROR in ./node_modules/antd/es/version/index.js 2:15-22

0

221

1

자료 없음

0

321

1

이미지 깨짐

0

334

1

npm run dev 동작 에러

0

304

1

npm run dev 동작 에러

0

294

1

npm run dev 동작에러납니다...

0

660

1

npm run dev 실행 오류

0

653

1

비디오 업로드, 로그인, 회원가입 504 error

0

1056

1

시작부터 오류생기시는 분들 해결법입니다.

1

466

1

오류 해결 공유

0

458

1

npm install 에러 질문드립니다.

0

1120

2

아예 몽고DB에 연결한다고만 하고 연결이 안되고 있습니다.

0

550

1

해당 오류 해결 방법 좀 알려주세요 ㅠㅠ

0

515

1

로컬스토리지에 대한 질문입니다!!

0

515

0

video가 안 나타나는 문제

0

893

1

ffmpeg 설치 후 cannot read property 'format' of undefined 500 에러 해결

0

470

0

typeError or 콘솔 500 뜨는분..

0

336

0

npm run dev 관련 오류

0

578

1

답글이 달리지않고 디비에도 저장되지않으며 새로고침이 됩니다.

0

246

0

useState 자동 생성

0

344

1

TypeError: Cannot read properties of undefined (reading 'format')

0

1243

2

userData undefined / state에 user.userData가 없습니다.

0

246

0

antd Input background color 변경

0

236

0