leehyunju

헉 내보내는 쪽에 오타났었어요! 감사합니다!!!!!!!
좋은 하루 보내세용!!

logIn을 잘 불러왔는데 'logIn is not a function' 이라는 에러가 나타납니당..!

안녕하세요! 몇시간 내내 데이터 분석도 해보고, 리듀서 분석도 해보면서 붙잡고 있다가
계속 똑같은 이유로 해결이 안되서 마지막으로 질문드립니다 죄송합니다 ㅠ-ㅠ&nbsp;
<img src="https://cdn.inflearn.com/public/comments/50329c5c-ce80-400c-b226-539d49d1e460/스크린샷 2021-04-24 오후 4.43.33.png" title="스크린샷 2021-04-24 오후 4.43.33.png" width="500" height="230" alt="" />
제가 현재 한 레이아웃에 로그인, 로그아웃 기능을 모아둔게 아닌 이렇게 로그인 페이지를 따로 만들어서 작업중인데요..! 로그인 버튼을 눌렀을 때, 로그인 로딩 요청을 하고 아래 페이지로 넘어가게끔 구조를 짜봤습니다.

<img src="https://cdn.inflearn.com/public/comments/b2633107-1353-4b02-a1d8-3e988fcba7bc/스크린샷 2021-04-24 오후 4.32.44.png" title="스크린샷 2021-04-24 오후 4.32.44.png" width="600" height="232" alt="" />
그렇게 로그인 버튼을 누르면 로그인 성공이 뜨면서, me에 제가 입력해둔 데이터들이 잘 담긴게 확인 되었고 콘솔 창으로 2차 확인까지 완료된 상태인데요!&nbsp;
<img src="https://cdn.inflearn.com/public/comments/b02b9cb9-d6b3-4707-9acf-e10f379efd2f/스크린샷 2021-04-24 오후 4.33.10.png" title="스크린샷 2021-04-24 오후 4.33.10.png" width="600" height="617" alt="" />
이게 콘솔창으로 확인해본 me에 dummyUser 데이터입니다. 그리고 저 페이지는&nbsp;

[useProfile.js]
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: D2Coding, Menlo, Monaco, 'Courier New', monospace; font-size: 14px; line-height: 21px; white-space: pre;">
<div>import React, { useCallback } from "react";</div>
<div>import { Card, Avatar, Button } from "antd";</div>
<div>import Link from "next/link";</div>
<div>import { useDispatch, useSelector } from "react-redux";</div>
<div>import { logoutRequestAction } from "../reducers/user";</div>
 
<div>const UserProfile = () => {</div>
<div>const dispatch = useDispatch();</div>
<div>const { me, logOutLoading } = useSelector((state) => state.user);</div>
<div>const onLogOut = useCallback(() => {</div>
<div>dispatch(logoutRequestAction());</div>
<div>}, []);</div>
 
<div>return (</div>
<div><></div>
<div><Card</div>
<div>actions={[</div>
<div><div key="twit"></div>
<div>나의 작성 글<br /></div>
<div>{/* {me.Posts.length} */}</div>
<div></div>,</div>
<div><div key="followings"></div>
<div>팔로잉</div>
<div>{/* {me.Followings.length} */}</div>
<div></div>,</div>
<div><div key="follower"></div>
<div>팔로워</div>
<div>{/* {me.Followers.length} */}</div>
<div></div>,</div>
<div>]}</div>
<div>></div>
<div>{/* {me.nickname[0]} */}</div>
<div><Card.Meta avatar={<Avatar>HJ</Avatar>} title="HJ" /></div>
<div><Link href="/login"></div>
<div><Button onClick={onLogOut} loading={logOutLoading}></div>
<div>로그아웃</div>
<div></Button></div>
<div></Link></div>
<div></Card></div>
<div></></div>
<div>);</div>
<div>};</div>
 
<div>export default UserProfile;</div>
</div>

이렇게 me부분을 주석처리해서 성공적으로 페이지가 뜬 모습인데요.. 주석을 풀면

<img src="https://cdn.inflearn.com/public/comments/378e0dbe-878f-48a6-b1fc-f8f597419976/스크린샷 2021-04-24 오후 4.35.36.png" title="스크린샷 2021-04-24 오후 4.35.36.png" width="400" height="384" alt="" />
계속 이렇게 똑같은 에러가 뜹니다. 리듀서도 잘 불러와진거 같은데 왜 데이터를 못불러오는 것인지 의문이에요 ㅜㅜ,, 그리고 VS 코드 에디터상으로는 밑에와 같은 에러문장들도 동시에 발생 됩니다 😭😭😭

---------------------------------------------
HYDRATE {
&nbsp; type: '__NEXT_REDUX_WRAPPER_HYDRATE__',
&nbsp; payload: {
&nbsp; &nbsp; index: {},
&nbsp; &nbsp; user: {
&nbsp; &nbsp; &nbsp; logInLoading: false,
&nbsp; &nbsp; &nbsp; logInDone: false,
&nbsp; &nbsp; &nbsp; logInError: null,
&nbsp; &nbsp; &nbsp; logOutLoading: false,
&nbsp; &nbsp; &nbsp; logOutDone: false,
&nbsp; &nbsp; &nbsp; logOutError: null,
&nbsp; &nbsp; &nbsp; signUpLoading: false,
&nbsp; &nbsp; &nbsp; signUpDone: false,
&nbsp; &nbsp; &nbsp; signUpError: null,
&nbsp; &nbsp; &nbsp; me: null,
&nbsp; &nbsp; &nbsp; signUpData: {},
&nbsp; &nbsp; &nbsp; loginData: {}
&nbsp; &nbsp; },
&nbsp; &nbsp; post: {
&nbsp; &nbsp; &nbsp; mainPosts: [Array],
&nbsp; &nbsp; &nbsp; imagePaths: [],
&nbsp; &nbsp; &nbsp; addPostLoading: false,
&nbsp; &nbsp; &nbsp; addPostDone: false,
&nbsp; &nbsp; &nbsp; addPostError: null
&nbsp; &nbsp; }
&nbsp; }
}
1. getProps created store with state {
&nbsp; index: {},
&nbsp; user: {
&nbsp; &nbsp; logInLoading: false,
&nbsp; &nbsp; logInDone: false,
&nbsp; &nbsp; logInError: null,
&nbsp; &nbsp; logOutLoading: false,
&nbsp; &nbsp; logOutDone: false,
&nbsp; &nbsp; logOutError: null,
&nbsp; &nbsp; signUpLoading: false,
&nbsp; &nbsp; signUpDone: false,
&nbsp; &nbsp; signUpError: null,
&nbsp; &nbsp; me: null,
&nbsp; &nbsp; signUpData: {},
&nbsp; &nbsp; loginData: {}
&nbsp; },
&nbsp; post: {
&nbsp; &nbsp; mainPosts: [ [Object] ],
&nbsp; &nbsp; imagePaths: [],
&nbsp; &nbsp; addPostLoading: false,
&nbsp; &nbsp; addPostDone: false,
&nbsp; &nbsp; addPostError: null
&nbsp; }
}
3. getProps after dispatches has store state {
&nbsp; index: {},
&nbsp; user: {
&nbsp; &nbsp; logInLoading: false,
&nbsp; &nbsp; logInDone: false,
&nbsp; &nbsp; logInError: null,
&nbsp; &nbsp; logOutLoading: false,
&nbsp; &nbsp; logOutDone: false,
&nbsp; &nbsp; logOutError: null,
&nbsp; &nbsp; signUpLoading: false,
&nbsp; &nbsp; signUpDone: false,
&nbsp; &nbsp; signUpError: null,
&nbsp; &nbsp; me: null,
&nbsp; &nbsp; signUpData: {},
&nbsp; &nbsp; loginData: {}
&nbsp; },
&nbsp; post: {
&nbsp; &nbsp; mainPosts: [ [Object] ],
&nbsp; &nbsp; imagePaths: [],
&nbsp; &nbsp; addPostLoading: false,
&nbsp; &nbsp; addPostDone: false,
&nbsp; &nbsp; addPostError: null
&nbsp; }
}
TypeError: Cannot read property 'Posts' of null
&nbsp; &nbsp; at UserProfile (webpack-internal:///./components/UserProfile.js:38:27)
&nbsp; &nbsp; at processChild (/Users/leehyunju/Documents/React/nicebook/node_modules/react-dom/cjs/react-dom-server.node.development.js:3353:14)
&nbsp; &nbsp; at resolve (/Users/leehyunju/Documents/React/nicebook/node_modules/react-dom/cjs/react-dom-server.node.development.js:3270:5)
&nbsp; &nbsp; at ReactDOMServerRenderer.render (/Users/leehyunju/Documents/React/nicebook/node_modules/react-dom/cjs/react-dom-server.node.development.js:3753:22)
&nbsp; &nbsp; at ReactDOMServerRenderer.read (/Users/leehyunju/Documents/React/nicebook/node_modules/react-dom/cjs/react-dom-server.node.development.js:3690:29)
&nbsp; &nbsp; at renderToString (/Users/leehyunju/Documents/React/nicebook/node_modules/react-dom/cjs/react-dom-server.node.development.js:4298:27)
&nbsp; &nbsp; at Object.renderPage (/Users/leehyunju/Documents/React/nicebook/node_modules/next/dist/next-server/server/render.js:54:851)
&nbsp; &nbsp; at Function.getInitialProps (webpack-internal:///./node_modules/next/dist/pages/_document.js:141:19)
&nbsp; &nbsp; at loadGetInitialProps (/Users/leehyunju/Documents/React/nicebook/node_modules/next/dist/next-server/lib/utils.js:5:101)
&nbsp; &nbsp; at renderToHTML (/Users/leehyunju/Documents/React/nicebook/node_modules/next/dist/next-server/server/render.js:54:1142)
&nbsp; &nbsp; at async /Users/leehyunju/Documents/React/nicebook/node_modules/next/dist/next-server/server/next-server.js:109:97
&nbsp; &nbsp; at async /Users/leehyunju/Documents/React/nicebook/node_modules/next/dist/next-server/server/next-server.js:102:142
&nbsp; &nbsp; at async DevServer.renderToHTMLWithComponents (/Users/leehyunju/Documents/React/nicebook/node_modules/next/dist/next-server/server/next-server.js:134:387)
&nbsp; &nbsp; at async DevServer.renderToHTML (/Users/leehyunju/Documents/React/nicebook/node_modules/next/dist/next-server/server/next-server.js:135:522)
&nbsp; &nbsp; at async DevServer.renderToHTML (/Users/leehyunju/Documents/React/nicebook/node_modules/next/dist/server/next-dev-server.js:34:578)
&nbsp; &nbsp; at async DevServer.render (/Users/leehyunju/Documents/React/nicebook/node_modules/next/dist/next-server/server/next-server.js:72:236)
---------------------------------------------
&nbsp;
<img src="https://cdn.inflearn.com/public/comments/15015914-c88a-4c2f-9a36-b1f2cf7fa091/스크린샷 2021-04-24 오후 4.33.25.png" title="스크린샷 2021-04-24 오후 4.33.25.png" width="600" height="380" alt="" />

그리고 postCard에는 데이터들이 잘 불러와집니다. user와 post 비교도 해봤는데 어떤게 문제인지 잘 모르겠어요.. ㅠ-ㅠ

Posts 데이터가 안불러집니다 흑

<img src="https://cdn.inflearn.com/public/files/posts/3c24e60b-8e1a-417c-af42-cee4590503bc/스크린샷 2021-04-12 오후 5.10.17.png" title="스크린샷 2021-04-12 오후 5.10.17.png" width="400" height="138" alt="" />
답변 감사드립니다. 근데 설치가 안됩니다.. 어떡하나요 ?? 😭

웹팩 빌더 질문 드립니다!

아...! 답변 감사합니다 😁

일반 함수 앞에 L이 붙으면 뭐가 달라지나요 ?

제로초님 해결했습니다 ! 콘솔창에 failure 뜨는게 오류메시지였네요.
확인해보니 리듀서 문제였어요! 감사합니다
오늘도 좋은 하루 보내세용

에러는 안나고 게시물이 안달리는데 리덕스 dev 툴을 봐도 모르겠어요 ㅠ,,

<img src="https://cdn.inflearn.com/public/comments/6ab239f9-f000-451b-8749-bb4c30468d6a/스크린샷 2021-02-03 오후 8.30.49.png" width="500" height="277" alt="" />


안녕하세요 ! 이게 네트워크창이고

<img src="https://cdn.inflearn.com/public/comments/ccf33a9f-5e9b-4b5c-b82f-492bab117e38/스크린샷 2021-02-03 오전 12.56.19.png" width="500" height="186" alt="" />
이게 리덕스 dev 툴이고&nbsp;


<img src="https://cdn.inflearn.com/public/comments/869da3da-d2ee-4fb6-97ab-9d777f2ac23d/스크린샷 2021-02-03 오후 8.32.28.png" width="500" height="277" alt="" />
이게 콘솔창인데

짹짹 눌렀을 때 게시글은 안써지면서 에러는 안나요 ㅠㅠ


<img src="https://cdn.inflearn.com/public/comments/ad2be58b-e683-47c6-8299-2430f5809ef7/스크린샷 2021-02-03 오후 8.32.52.png" width="500" height="110" alt="" />

참고로 이 에러는 favicon 파일이 없단 에러입니다 !

useInput 코드 관련한 경고창이 떠요.....!!

헉 빠른답변 감사드립니다!
원래는 이전 코드처럼 해도 문제없었는데
이게 어떤 문제 때문에 저만 이렇게 경고 뜨는 건지 알 수 있을까요 ?...

오 !! 드디어 안뜹니다 !! 감사합니다 ~~~~

안녕하세요! 계속 이런 오류가 뜨는데 무슨 문제일까요 ? ㅜㅜ

안녕하세요 빠른 답변 감사드립니다! ㅠㅠ
화면은 잘 나오지만 너무 거슬려서욥 ....
리덕스 문제인 것 같으니 리듀서 폴더에 있는 파일의 코드들 모두 보여드리겠습니다
<img src="https://cdn.inflearn.com/public/comments/17234d20-eaed-4537-98d8-e3b7eb74e3d9/스크린샷 2021-01-31 오후 8.15.17.png" width="500" height="417" alt="" />
먼저 리듀서폴더 안에 있는 인덱스파일입니다

<img src="https://cdn.inflearn.com/public/comments/ea2a5e55-6b9c-4c72-ac30-703df6996502/스크린샷 2021-01-31 오후 8.15.55.png" width="500" height="306" alt="" />
<img src="https://cdn.inflearn.com/public/comments/260fb6d6-e038-40a8-9919-af81c13a74ed/스크린샷 2021-01-31 오후 8.16.25.png" width="500" height="435" alt="" />
포스트파일입니다.

<img src="https://cdn.inflearn.com/public/comments/f3445897-d54d-4708-bbac-723497209f95/스크린샷 2021-01-31 오후 8.16.36.png" width="500" height="435" alt="" />
<img src="https://cdn.inflearn.com/public/comments/dd04405b-4c1a-4b74-9a47-3c79215af05b/스크린샷 2021-01-31 오후 8.16.43.png" width="500" height="435" alt="" />

유저 파일입니다!

감사합니다 :)

leehyunju

投稿