수강이 제한됩니다.
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결React로 NodeBird SNS 만들기
const {user}=useSelector(state=>state.user)
state=>state.user 이부분에 대해서 궁금한게 화살표함수라고 봐야하는건가요? state.user 부분에 {}를 씌우면 에러가 나서 올려봅니다.
- 해결됨React로 NodeBird SNS 만들기
닉네임수정
안녕하세요. 최종 숙제하면서, 닉네임 수정 부분 참고하다가 버그를 발견한 것 같아서 질문드립니다. 닉네임 수정 Input에 기본값을 넣어둬서, 수정하려고 내용을 지웠을 때 공백이면 자동으로 기존 닉네임이 다시 나타나더라구요. 그래서 기본값을 없애고 useEffect에 두 번째 파라미터에 빈배열을 넣어 마운트시에만 setState해서 값을 넣어주도록 해봤는데, 이렇게 하면 될까요? + 추가 질문) const onToggleComment = useCallback(() => { setCommentFormOpened(prev => !prev); if (!commentFormOpened) { dispatch({ type: LOAD_COMMENTS_REQUEST, data: post.id, }); } }, [commentFormOpened]); 이 부분도 commentFormOpened 를 배열에 넣어줘야되지 않나요?
- React로 NodeBird SNS 만들기
이미지 서빙이 안되서여
삭제된 글입니다
- 해결됨React로 NodeBird SNS 만들기
리트윗
리트윗하자말자 좋아요 버튼을 누르면 Likers가 없어서 에러가 발생하더라구요. retweetWithPrevPost에서 내 게시글 불러올 때 Likers를 include에 추가 해줬는데 맞게 해결한거겠죠?! 현재 NodeBird.com도 같은 에러가 발생합니다.
- 해결됨React로 NodeBird SNS 만들기
에러입니다.
삭제된 글입니다
- React로 NodeBird SNS 만들기
domain 설정을 안해도 로그인 유지가 되는데여;
삭제된 글입니다
- 미해결React로 NodeBird SNS 만들기
Redux devtools 참고하실곳
제가 강의를 보면서 궁금해서 찾아봤는데 다른분들도 필요하실거 같아서 올려둡니다. 크롬 익스텐션 https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd 리덕스 데브툴스 깃허브 https://github.com/zalmoxisus/redux-devtools-extension
- 미해결React로 NodeBird SNS 만들기
제로초님
그냥 import "./css/MainLayout.css"; 이런식으로 css를 사용 하려고 하니 이런식의 에러가 나오더라구여 이것도 .eslintrc 여기에 패킷을 다운 받아서 설정 해줘야 하는건가요??
- 미해결React로 NodeBird SNS 만들기
질문입니다!!
front/pages/hashtag.js 에서 useEffect 안에 2번째 인자에 [tag] 안넣어줘도 되는건가요? user에 id도 그렇고 저는 tag다른거 누르는데 안 바뀌길래 여기에 tag 넣었더니 바껴서요! 넣는게 맞는건지 궁금합니다.
- 미해결React로 NodeBird SNS 만들기
질문 있습니다!
express와 연동을 하로 로그인을 하면 index.js:1 GET http://127.0.0.1:3060/%3Canonymous%3E 404 (Not Found) 라는 에러로 바로 페이지가 안나 오는데 혹시 무슨 에러 인지 알수 있을까요?? 새로 고침을 해보면 로그인이 되어 있더라구여
- 미해결React로 NodeBird SNS 만들기
서버사이드 렌더링 LOAD_USER_REQUET 날리면 LOAD_USER_FAILURE 가 출력되요
LOAD_USER_REQUEST를 _app.js의 getInitialProps로 옮긴뒤에 에러가 발생하는데 여기에서 발생한 에러가 배포때도 발생했던거 같아여 근데 에러 원인을 못찾고 있어서요 한번 검토해주시면 대단히 감사여~! NodeBird.getInitialProps = async (context) => { // console.log(context); const { ctx, Component } = context; // console.log("ctx.store : ", ctx.store); let pageProps = {}; const state = ctx.store.getState(); const cookie = ctx.isServer ? ctx.req.headers.cookie : ''; axios.defaults.headers.Cookie = ''; if (ctx.isServer && cookie) { axios.defaults.headers.Cookie = cookie; } if (!state.user.me) { ctx.store.dispatch({ type: LOAD_USER_REQUEST, }); } if (Component.getInitialProps) { pageProps = await Component.getInitialProps(ctx) || {} } return { pageProps }; }; git https://github.com/hyunsokstar/node_bird_44/blob/master/front/pages/_app.js 메인 페이지를 출력할때 프론트 콘솔에서 에러 메세지가 출력됩니다. action : { type: 'LOAD_USER_FAILURE', error: { Error: Request failed with status code 401 at createError (C:\node_bird_44\front\node_modules\axios\lib\core\createError.js:16:15) at settle (C:\node_bird_44\front\node_modules\axios\lib\core\settle.js:17:12) at IncomingMessage.handleStreamEnd (C:\node_bird_44\front\node_modules\axios\lib\adapters\http.js:237:11) at IncomingMessage.emit (events.js:203:15) at endReadableNT (_stream_readable.js:1145:12) at process._tickCallback (internal/process/next_tick.js:63:19) config: { url: 'http://localhost:3065/api/user/', method: 'get', headers: [Object], baseURL: 'http://localhost:3065/api', transformRequest: [Array], transformResponse: [Array], timeout: 0, withCredentials: true, adapter: [Function: httpAdapter], xsrfCookieName: 'XSRF-TOKEN', xsrfHeaderName: 'X-XSRF-TOKEN', maxContentLength: -1, validateStatus: [Function: validateStatus], data: undefined }, request: ClientRequest { _events: [Object], _eventsCount: 6, _maxListeners: undefined, output: [], outputEncodings: [], outputCallbacks: [], outputSize: 0, writable: true, _last: true, chunkedEncoding: false, shouldKeepAlive: false, useChunkedEncodingByDefault: false, sendDate: false, _removedConnection: false, _removedContLen: false, _removedTE: false, _contentLength: 0, _hasBody: true, _trailer: '', finished: true, _headerSent: true, socket: [Socket], connection: [Socket], _header: 'GET /api/user/ HTTP/1.1\r\nAccept: application/json, text/plain, */*\r\nCookie: csrftoken=WuKOL81KoP6bPpGF3JIoGz7SkqVxtUQ5F7xS5HnVBkUnrjNlXL6f68xZqIhrlpSh; sessionid=wvc3o2k14fpq56kbj76e0qzy25bn9r8a\r\nUser-Agent: axios/0.19.0\r\nHost: localhost:3065\r\nConnection: close\r\n\r\n', _onPendingData: [Function: noopPendingOutput], agent: [Agent], socketPath: undefined, timeout: undefined, method: 'GET', path: '/api/user/', _ended: true, res: [IncomingMessage], aborted: undefined, timeoutCb: null, upgradeOrConnect: false, parser: null, maxHeadersCount: null, _redirectable: [Writable], [Symbol(isCorked)]: false, [Symbol(outHeadersKey)]: [Object] }, response: { status: 401, statusText: 'Unauthorized', headers: [Object], config: [Object], request: [ClientRequest], data: '로그인이 필요' }, isAxiosError: true, toJSON: [Function] } }
- 미해결React로 NodeBird SNS 만들기
Cannot read property 'eventKey' of undefined
강의를 따라하면서 이런에러가 뜨는데 인터넷에 검색해도 안나와서 그런데 어떤이유가 있는지 궁금합니다..ㅠㅠ
- 미해결React로 NodeBird SNS 만들기
질문이 하나 있습니다
질문이 하나 있습니다. 받아올때 .length의 값을 가져 오지 않으면 에러가 나지 않는데 .length를 넣으면 어떤 문제 점인가요 ㅠㅠ
- 미해결React로 NodeBird SNS 만들기
grid 부분 질문 좀 드려도 될까요?
안녕하세요. 제로초님. 이 강의 프로젝트에서는 ant design을 사용하셨는데 혹시 실무에서는 grid만 사용하고 싶을 때 react-flexbox-grid 라이브러리 같은거 사용하나요? 아니면 직접 styled-components로 className 마다 col-md 이런식으로 만들어서 사용하나요? 실무에서 주로 어떤 것을 사용하시는지 궁금합니다. 좋은하루 보내세요~
- 해결됨React로 NodeBird SNS 만들기
질문있습니다!
제로초님 안녕하세요. 강의 잘 듣고 있습니다! useEffect(() => { dispatch({ type: LOAD_HASHTAG_POSTS_REQUEST, data: tag, }); }, []); 이 부분에서 [tag]를 넣어줘야 다른 해시태그 클릭시마다 동작하지 않나요??
- 미해결React로 NodeBird SNS 만들기
sharp install 문제
ㅇ왜 설치가 안되는지 도저히 모르겠습니다...... 우선 해당사이트 보고 있는데 잘모르겠네욥...........
- 해결됨React로 NodeBird SNS 만들기
SequelizeDatabaseError: Unknown column 'name' in 'field list'
안녕하세요 제로초님! 늘 빠른 답변 진심으로 감사드립니다 ㅜㅜ 해당 강의 진행 중 SequelizeDatabaseError: Unknown column 'name' in 'field list' 이 에러가 뜨는데 어디를 봐야할지 감이 잡히지 않아 질문드리게 됐습니다 포스트를 업로드하면 텍스트만 입력시엔 성공적으로 업로드가 되는데 #배불러 같이 해쉬태그가 포함이 되면 위와 같은 에러가 뜹니다 mysql에는 저장이 되고 새로고침을 하면 프론트단에도 잘 보이는데 입력할 때는 에러가 뜨는데 ㅠㅠ 어디가 문제인지 조언 부탁드립니다..
- 미해결React로 NodeBird SNS 만들기
Cannot read property 'match' of undefined
강의 13:07 에서와 같이 포스트를 작성하고 처음으로 업로드하려는데 저 역시 에러가 뜨는데 제로초님과는 다른 에러로 씨름 중입니다 ㅜㅜ routes/post.js 에서 작성했던 정규표현식 match가 문제인 건가요?
- 미해결React로 NodeBird SNS 만들기
에러 가 납니다 ㅠㅠ
이렇게 코드 등록 을 하였는데 밑에 이런 에러가 나네요 ㅠㅠ 어떻게 해야 하죠? ㅠㅠ
- 미해결React로 NodeBird SNS 만들기
ctx.req.headers.cookie undefined 증상
아랫분이 글을 올린 것 처럼 저역시 동일 증상이 일어납니다. 해당 부분에 대해 많은 실험을 해보았는데요. 놀라운 의문점이 발생되었습니다. 1. 제가 만든 웹에서 로그인. 2. 쿠키정보에 쿠키 생성 확인 완료. 3. 새로고침 4. 로그확인 > axios.defaults.headers.Cookie = undefined 5. 제 프로젝트 서버 종료 후, 제로초님의 동일 소스 프로젝트 실행. 6. 로그인. 7. 쿠키정보에 쿠키 생성 확인 완료. 8. 로그확인 > axios.defaults.headers.Cookie = rnbck~~~~~ 9. 다시 제로초님의 프로젝트 종료 후, 제 프로젝트 실행. 10. axios.defaults.headers.Cookie = rnbck~~~~~ 여기서 제로초님과 저의 프로젝트가 다른점은, 제로초님의 쿠키 name 은 'rnbck' 이고, 저의 프로젝트 쿠키 name 은 'rrcc' 라는 점입니다. 여기서 의문은, 개발자 탭(F12)의 쿠키 데이타로는 rnbck~~~~ rrcc~~~~ 요렇게 들어 있는데, axios.defaults.headers.Cookie 의 인식을 rnbck 로만 한다는 점입니다. 쿠키 삭제 후 무조건 undefined는 동일합니다. 프론트서버에서는 rnbck 만 쿠키로 인식할 수 있도록 다른 설정을 해준적이 없는 걸로 기억하고.. 제 프로젝트내 소스에서는 'rnbck' 의 명을 검색해도 단 1건의 경우도 존재하지 않습니다. 하지만, 'rnbck' 명으로된 쿠키만 찾는게 의문이네요.. 이런점들로 보아, 여러 사이트를 방문하게 되면 수많은 이름의 쿠키데이터가 브라우저에 쌓여있을텐데, 그중 저희가 로그인하기 위한 쿠키를 선택을 어떻게해서 사용하는지도 추가로 의문이 생기게 되었습니다. 해당 의문은 아직 해결을 못한 상태이고, 너무 궁금한 부분이네요.. 참고로, 일반 클라이언트에서 dispatch 할때는 withCredential 로 전달되는 쿠키는 지금까지 막힌적 없고 로그인도 아주 잘됩니다..