게시글
질문&답변
2020.10.07
models 최신 문법으로 변경 후
이런.. import 를 잘못해오고 있었어요 답변 감사합니다!
- 0
- 2
- 138
질문&답변
2020.10.04
Router 를 사용해 SSR 페이지 이동할 때 질문입니다!
감사합니다!
- 0
- 2
- 86
질문&답변
2020.10.03
Avatar 클릭시 /user/1 로 이동 할 때
넵 페이지 주소도 변경 되고, getServerSideProps 내부도 실행이 되는데 로딩바만 안도는거면 서버 사이드 렌더링 셋팅할 때 뭔가 빠트렸나 보네요 강의 다시 확인해보겠습니다! 답변 해주셔서 감사합니다!
- 0
- 11
- 285
질문&답변
2020.10.03
Avatar 클릭시 /user/1 로 이동 할 때
리듀서쪽도 다시 체크해봐야겠네요 ㅠ 넵 맞아요 제로초님 코드 ch6 폴더에 front 실행시켜서 비교해봤는데 아바타를 클릭했을 때 다르게 작동해요 제로초님 코드는 아바타 클릭시 (사진) 제 코드 아바타 클릭시 (사진) 제 코드에서 아바타를 클릭했을 때 는 로딩바가 안돌아요 이부분은 SSR이 제대로 되고 있지 않다고 봐야하는건가요?
- 0
- 11
- 285
질문&답변
2020.10.03
Avatar 클릭시 /user/1 로 이동 할 때
import axios from 'axios' ; import React , { useEffect } from 'react' ; import { useDispatch , useSelector } from 'react-redux' ; import { END } from 'redux-saga' ; import { useRouter } from 'next/router' ; import Head from 'next/head' ; import { Card , Avatar } from 'antd' ; import { LOAD_USER_REQUEST , LOAD_MY_INFO_REQUEST } from '../../reducers/user' ; import { LOAD_USER_POSTS_REQUEST } from '../../reducers/post' ; import AppLayout from '../../components/AppLayout' ; import PostCard from '../../components/PostCard' ; import wrapper from '../../store/configureStore' ; const User = () => { const dispatch = useDispatch (); const router = useRouter (); const { id } = router . query ; const { hasMorePosts , loadPostLoading , mainPosts , retweetError , } = useSelector (( state ) => state . post ); const { userInfo } = useSelector (( state ) => state . user ); useEffect (() => { if ( retweetError ) { alert ( retweetError ); } }, [ retweetError ]); useEffect (() => { function onScroll () { if ( window . pageYOffset + document . documentElement . clientHeight > document . documentElement . scrollHeight - 300 ) { if ( hasMorePosts && ! loadPostLoading ) { const lastId = mainPosts [ mainPosts . length - 1 ]?. id ; dispatch ({ type : LOAD_USER_POSTS_REQUEST , data : id , lastId , }); } } } window . addEventListener ( 'scroll' , onScroll ); return () => { window . removeEventListener ( 'scroll' , onScroll ); }; }, [ hasMorePosts , loadPostLoading , id , mainPosts ]); return ( AppLayout > Head > title > { userInfo . nickname } 님의 글 title > meta name = "description" content = { ` ${ userInfo . nickname } 님의 게시글` } /> meta property = "og:title" content = { ` ${ userInfo . nickname } 님의 게시글` } /> meta property = "og:description" content = { ` ${ userInfo . nickname } 님의 게시글` } /> meta property = "og:image" content = "https://nodebird.com/favicon.ico" /> meta property = "og:url" content = { `https://nodebird.com/user/ ${ id } ` } /> Head > { userInfo ? ( Card actions = { [ div key = "twit" > 짹짹 br /> { userInfo . Posts } div > , div key = "following" > 팔로잉 br /> { userInfo . Followings } div > , div key = "follower" > 팔로워 br /> { userInfo . Followers } div > , ] } > Card.Meta avatar = { Avatar > { userInfo . nickname [ 0 ] } Avatar > } title = { userInfo . nickname } /> Card > ) : null } { mainPosts . map (( post ) => PostCard key = { post . id } post = { post } /> ) } AppLayout > ); }; export const getServerSideProps = wrapper . getServerSideProps ( async ( context ) => { console . log ( 'getServerSideProps Start' ); const cookie = context . req ? context . req . headers . cookie : '' ; axios . defaults . headers . Cookie = '' ; if ( context . req && cookie ) { axios . defaults . headers . Cookie = cookie ; } context . store . dispatch ({ type : LOAD_MY_INFO_REQUEST , }); context . store . dispatch ({ type : LOAD_USER_POSTS_REQUEST , data : context . params . id , }); context . store . dispatch ({ type : LOAD_USER_REQUEST , data : context . params . id , }); context . store . dispatch ( END ); console . log ( 'getServerSideProps End' ); await context . store . sagaTask . toPromise (); }); export default User ; 입니다!
- 0
- 11
- 285
질문&답변
2020.10.03
Avatar 클릭시 /user/1 로 이동 할 때
넵 다시 확인했는데 프론트 서버 터미널에는 dispatch가 정상적으로 SUCCESS 까지 작동하는데 리덕스 데브툴로 확인해보니 __NEXT_REDUX_WRAPPER_HYDRATE__ 가 실행되지 않고 위 와 같은 에러가 나요 ----------- 제로초님 깃헙 소스를 내려받아 실행하면서 비교해봤는데 제로초님 은 아바타 클릭시 리프레쉬 되면서 페이지 이동하는데 제가 작성한 코드는 리프레쉬 되지 않아요 ㅠ
- 0
- 11
- 285
질문&답변
2020.09.17
인피니트 스크롤링 리퀘스트
현재는 takeLatest 상황이에요 (throttle 로 했을 경우 2번 SUCCESS가 일어나서) 그럼 일단 진행 하고 완료 후 처음부터 다시한번 확인해보겠습니다! 답변 감사합니다!
- 2
- 4
- 137
질문&답변
2020.09.17
인피니트 스크롤링 리퀘스트
(사진) 매번 2번요청 가는것은 아니고 위 이미지처럼 1번 요청가는 경우도 있고 2번 요청가는 경우도 있고 이런 상황인데요 ㅠ /reducers/post.js /sagas/post.js /pages/index.js 위 세개 파일을 현영님 깃헙에 올라가있는 원본 소스와 동일하게 수정해도 같은 현상이 일어나는 중인데.. 혹시 어느부분이 문제인지 유추가 가능할까요? reducer 에 LOAD_POST_REQUEST -> draft.loadPostLoading = true 가 정상 작동되는데 왜 두번 실행되는 것인지 ㅠ
- 2
- 4
- 137
질문&답변
2020.09.17
passport.authenticate (req, res, next)
감사합니다!
- 1
- 2
- 220
질문&답변
2020.09.17
TicTacToe.jsx reducer 부분 질문입니다
감사합니다!
- 1
- 2
- 103