inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

devsn님의 게시글

devsn devsn

@lignerdev1129

수강평 작성수
3
평균평점
4.3

게시글 21

질문&답변

안녕하세요 withRedux관련 질문드립니다

음영 처리 되 있는 부분이 문제가 되는 컴포넌트들입니다. category/[number] 는 게시판이고, 숫자에 따라 게시판 종류가 달라지게 해 놨습니다. 게시판의 게시글들은 posts/[id] 로 향하게 했습니다. 이 때, 게시판(category/number)에서는 ssr을 하지 않고 컴포넌트 안의 useEffect 안에서 dispatch를 통해서 게시판(게시글들을 전부)을 불러옵니다. 아래는 이에 해당하는 사진입니다 (category/[number]) 그 다음은 posts/[id]인데요, 여기서 ssr을 사용합니다. 해당 url을 포스트맨에 돌려보면 ,html이 정상적으로 출력됩니다

좋아요수
0
댓글수
6
조회수
441

질문&답변

안녕하세요 withRedux관련 질문드립니다

next-redux-wrapper@6와 next@9)의 버전입니다. 예상했던 주소와 실제 주소는 같습니다 해당 문제는, 뒤로가기 했을 때 (게시판으로 왔을 때), router.query로 주소의 쿼리 스트링을 가져와서 useEffect 안에서 게시글 리스트를 다시 호출하는 식으로 해결은 했습니다. 근데 이런 문제가 왜 발생하는지 궁금하네요 ㅜㅠ

좋아요수
0
댓글수
6
조회수
441

질문&답변

안녕하세요 ssr 관련 질문드립니다

알려주신대로 확인을 해 봤습니다. 헤더나 사이더쪽은 뭔가 정상적으로 html로 나오는 거 같은데, 정작 서버사이드 렌더링으로 데이터를 가져오는 본문이 주석처리가 되어있네요 이거는 ssr 이 안 된건가요? section class = "ant-layout" style = "padding:0 24px 24px" > main class = "ant-layout-content site-layout-background" style = "padding:24px;margin:0;min-height:280px" > div > div > div > div > div > div > button > modify button > button > delete button > main > section > ... script id = "__NEXT_DATA__" type = "application/json" > { "props" :{ "pageProps" :{ "data" :{ "id" : 8 , "category" : "1" , "title" : "test" , "content" : "\u003cp\u003e568678678\u003c/p\u003e\n" , "createdAt" : "2020-09-22T13:59:22.000Z" , "updatedAt" : "2020-09-22T13:59:22.000Z" , "deletedAt" : null }}, "__N_SSP" : true }, "page" : "/posts/[id]" , "query" :{ "id" : "8" }, "buildId" : "development" , "isFallback" : false , "gssp" : true } script >

좋아요수
0
댓글수
3
조회수
548

질문&답변

안녕하세요 동적 라우팅 관련 질문드립니다

1. 네 말씀하신대로 해봤지만 undefined가 떴습니다 2. context에 query가 {id: 3 (제가 클릭한 글의 id) } 나와서 mobx로 보내서 요청을 보냈습니다. mobx에 콘솔로 찍은, result에는 data의 프로퍼티로 제가 원하는 db의 값이 나왔습니다. 이를, eRPrender에 넣었습니다. getServersideProps에서 postData라는 변수에 넣고 보니 아래와 같은 값이 나왔습니다 getter/setter가 뭔지 몰라서...찾아보겠습니다 아래는 전체 코드입니다

좋아요수
0
댓글수
9
조회수
510

질문&답변

안녕하세요 동적 라우팅 관련 질문드립니다

export async function getServerSideProps (context) { console . log ( 'in getserverside, context,; ' , context) return { props : { data : 7 } // will be passed to the page component as props } } 이렇게만 했을 때도, context는 찍히는데, 시험 삼아 리턴 값에 data를 주고 Post컴포넌트에서 넘어 온 값이 있는 지 확인햿지만, 똑같이 undefined입니다 const Post = ({props}) => { console . log ( 'in f post, props;' , props); // undefined return ( AppLayout > div > article div > AppLayout > ); };

좋아요수
0
댓글수
9
조회수
510