수강이 제한됩니다.
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결React로 NodeBird SNS 만들기
질문드립니다.
안녕하세요. 강의 잘 듣고 있습니다. hashtag/:id 이 페이지에서 새로고침을 누르면 없는 페이지라서 404에러가 뜨는데 혹시 이 문제는 어떻게 해결하는지 알 수 있을까요? getInitialProps에서 context.query 값을 제가 따로 관리 해야하는지 해야 한다면 어떻게 관리하는지 알려주시면 감사하겠습니다.
- 미해결React로 NodeBird SNS 만들기
rootSaga 질문드립니다.
call은 동기적으로 함수를 실행하는 것이라고 하셨는데, 그렇다면 rootSaga에서 all 안의 부분은 fork로 감싸준 user, post를 해주는게 맞지 않는지 궁금합니다.
- 미해결React로 NodeBird SNS 만들기
https 도메인 연결에 대하여...
도메인을 https 로도 연결 하려고 하는데 강의에서는 제가 놓친건지 찾아볼수 없어서 질문드립니다. 구글링 해서 aws 로드 밸런서 이용하고 아마존 ssl까지 받아서 route 53으로 https 연결까지 적용했는데 연결이 안되더군요. 혹시 리액트 노드 코드에서도 추가해야 할 사항이 있나요?
- 해결됨React로 NodeBird SNS 만들기
질문이여
무료 도메인을 받고, Route 53 에 연결을하고 2일이 지났는데, 아직도 적용이 안되어 있더라구요... 이게 시간이 원래 오래 걸리나요?? 제가 올바르게 세팅을 한게 맞나요??
- 미해결React로 NodeBird SNS 만들기
sequelize의 조인에 대해서 궁금합니다.
Post모델과 Comment모델이 있을 때 db.Post.findAll({ attibutes : ['id', 'description'] }) [ { id, description }, { id, description } .... ]이런 결과값이 나오잖아요 게시물에 포함된 댓글의 수를 구하고 싶습니다. [ { id, description, commentCount }, { id, description, commentCount } .... ] 이런 결과값을 얻고 싶습니다. 현재는 const comments = await post.getComments() post.commentCount = comments.length 이렇게 구했는데 조인을 통해서 구하는 방법이 있을까요...ㅠㅠ?
- 미해결React로 NodeBird SNS 만들기
실행은 잘되는데 홈 컴퍼넌트에서 key 에러가 발생해서여 한번 봐주시면 감사여
home 컴퍼넌트에서 에러가 발생했다는데 틀린 부분이 없는거 같은데 에러가 발생해여 어떻게 고쳐야 되는지 한번 봐주시면 감사여 https://github.com/hyunsokstar/ch6
- 미해결React로 NodeBird SNS 만들기
질문이여
강의 따라서 aws로 하고 있는데요 도메인 돈 주고 따로사야하나요? ___.com 하고 제 front IP 주소 넣고 api.___.com 하고 제 back Ip 주소 넣었는데요.. 적용은 아직 안된상태인데, 뭐를 돈을 주고 따로 구매해야 적용되나요 ?
- 해결됨React로 NodeBird SNS 만들기
질문이요
1. server.listen(prod? process.env.PORT : 3060, () => { console.log(`next+express running on port ${process.env.PORT}`); }); 이 부분이이요, .env 에도 PORT = 80 을 추가해주어야 하지 않나요?? 2. npm run build NODE_ENV=production PORT=80 pm2 start server 이렇게 하면 이런 에러가 뜨네요.. [PM2] Spawning PM2 daemon with pm2_home=/root/.pm2 [PM2] PM2 Successfully daemonized [PM2][ERROR] Script not found: /home/ubuntu/ReactNodeBird/ch8/front/server ____정작 스크립트는 있는데요..______ containers package-lock.json reducers next.config.js package.json sagas DB_association node_modules pages server.js components nodemon.json public 이게 현재 폴더에 있는 파일인데, 저기 보듯이 server.js 가 있어요... ____________________________________ 반면에, 이렇게 js 를 붙이면 pm2 가 돌아가기는 하나,, NODE_ENV=production PORT=80 pm2 start server.js 그러고 나서 정작 AWS 에서 부여 받은 IP 주소로 들어가면 Internal Server Error 가 뜨네요... 혹시 어떻게 해결 하시는지 아시나요??
- 미해결React로 NodeBird SNS 만들기
질문이여
parsed size 를 줄이는 이유가 줄이면 빠르게 로딩이 되어서 그런가요? 특별한 이유가 있나요? 모든 번들은1mb 이하가 되어야하는거죠? 그런ㄴ데 코드를 잘게 쪼깨면 용량이 왜 줄어드는걸까요?? moment 요, 강의에서는 stat size : 543.76KB Parsed zize:232.74 KB 인데 왜 제 컴퓨터는 stat size : 543.76KB Parsed zize:557.75KB 일까요.. 컴퓨터 성능 마다 다른가요..?
- 해결됨React로 NodeBird SNS 만들기
useEffect dependency에 isCommentAdded === true
useEffect(() => { setCommentText(''); }, [isCommentAdded === true]); 강의에서 설명하실 때 isCommentAdded === true 일때만 useEffect 가 실행된다고 설명하셨는데, isCommentAdded === true 의 결과값이 바뀔 때 (true -> false, false -> true) useEffect가 실행되는 것 아닌지요? 위에서 제가 말씀드렸던게 맞으면, dependency 에 boolean 으로 평가되는 조건식을 넣는대신 isCommentAdded 를 넣으면 되는게 아닌가요?
- 미해결React로 NodeBird SNS 만들기
useEffect의 dependency에 객체를 넣지않는다는 의미에 관하여
dependency 에 me 대신에 me.id를 넣는다고 강의중에 말씀해주셨습니다. 그런데 보통 react 프레임웍을 사용할 때 객체를 immutable 하게 관리(spread, concat, immer.js) 하기 때문에 객체를 넣어도 무관하지 않을까 하는 생각이 있는데요. 어떻게 생각하시나요?
- 미해결React로 NodeBird SNS 만들기
질문이여
useRef 와 useEffect 의 차이가 무엇인가요..? 저는 useEffect을 생각을 했었는데, useRef를 쓰셔서요...
- 미해결React로 NodeBird SNS 만들기
500에러 질문
POST /api/user/ 500 31.544 ms - 3243 Error: WHERE parameter "userId" has invalid "undefined" value 500에러가 뜨면서 값이 데이터베이스로 전달이 안되요 front에서는 saga에서 post요청을 보낼때 값이 담겨있는데 back에 도착하면 값이 없는건지.. cors도 넣고 app.use(express.json()); app.use(express.urlencoded({ extended: true } 바디 파싱도 했는데 왜 값이 없다고 하는걸까요..
- 미해결React로 NodeBird SNS 만들기
질문입니다.
안녕하세요 제로초님 이번에도 또 에러때문에 이렇게 질문을 드립니다...죄송.. 현재 6-6 댓글 작성,로딩 강의를 진행했는데요, 게시물의 댓글버튼을 누르면 TypeError: mainPosts is undefined 라는 에러창이 뜹니다. reducer 의 mainPosts에 이상한 값이 들어갔다는 소리같은데.. 일단은 제로초님의 코드와 비교도 해봤구요 redux devtool을 확인해보면 LOAD_COMMENTS_SUCCESS도 확인이 됩니다. 혹시나해서 PostCard.js 에서 const onToggleComment = useCallback(() => { setCommentFormOpened(prev => !prev); if (!commentFormOpened) { dispatch({ type: LOAD_COMMENTS_REQUEST, data: post.id, }); } }, []); if (!commentFormOpened) { dispatch({ type: LOAD_COMMENTS_REQUEST, data: post.id, }); } 이 부분을 지우고 다시 진행을 해보면 댓글창은 뜨고, 댓글 추가 시 redux devtool은 ADD_COMMENT_FAILURE를 출력, saga post.js 에서 addComment 에 추가한 consol.error(e); 를 확인해보면 TypeError: "Invalid attempt to spread non-iterable instance" _nonIterableSpread nonIterableSpread.js:2 _toConsumableArray toConsumableArray.js:5 reducer post.js:106 combination Redux y (index):1 h (index):1 b (index):1 dispatch Redux e (index):1 Redux 12 라는 콘솔에러를 출력합니다. 저 에러는 const Comments = [...post.Comments, action.data.comment]; 이 부분을 가르키고 있긴한데... 어떤 부분을 다시 확인해봐야 할까요?? https://github.com/ljg0230/nodebird_ljg/tree/hotfix_1
- 미해결React로 NodeBird SNS 만들기
계속해서 이전의 사용자로 로그인되는 문제
이미 공지해놓으신 것도 확인했고, 다른 질문도 참고해서 이렇게 했습니다. 제 개인 프로젝트인데 카카오 로그인 사용하고 있습니다. 다른 카카오 계정으로 접속해도 그 이전의 사용자(제 카카오 계정)으로 계속 로그인 되네요. 어떻게 해결할 수 있을지요?
- 미해결React로 NodeBird SNS 만들기
질문드립니다.
!options.isServer && typeof window.__REDUX_DEVTOOLS_EXTENSION__ !== 'undefined' 여기서 궁금한 점이 있는데, 앞의 !options.isServer 조건이 true이고 전체 !options.isServer && typeof window.__REDUX_DEVTOOLS_EXTENSION__ !== 'undefined' 결과가 true인데, window.__REDUX_DEVTOOLS_EXTENSION__ !== 'undefined'는 window가 undefined인데 어떻게 true라는 결과를 가질 수 있는지 이해가 잘 가지 않습니다.
- 미해결React로 NodeBird SNS 만들기
next-dredux-wrapper의 필요성
함수형 형태로 컴포넌트에 기능을 확장시켜주는 것의 차이일 뿐, 기본 redux 모듈의 createStore, Provider로 동일하게 작동하는 것 같은데, next에서 next-dredux-wrapper의 사용이 필요한 이유가 따로 있는지 궁금합니다.
- 미해결React로 NodeBird SNS 만들기
질문이여
정확한 원인은 모르겠는데요, 게시글 쓰고 쨱쨱 버튼 누르면, 백엔드에서 fullpost 값받고나서, ADD_POST_SUCCESS 와 ADD_POST_TO_ME 액션이 두번이 실행되네요... 그리리고 이 액션들 그냥 주석 처리하고, 게시글 쓰고 쨱쨱버튼 누르고나서 새로고침하면, 게시글이 올라 와있네요... 어디 부분에서 잘못된것일까요.. 일일히 다 찾아봤는데 도통 모르겠네요 혹시 어디 의심갈만한곳없으신가요 ..? 아마 서버사이드 렌더링하고난후 이런거 같아요..
- 미해결React로 NodeBird SNS 만들기
질문이여
미들웨어 부분 잘 이해가 안가네요... 3개의 인자 값들 잘 이해가 안 가네요?... 첫번째 인자, 두번째 인자, 세번째 인자는 무엇을 나타내는것인가요...? 꼭 3개의 인자이여야 하죠? const middlewares = [sagaMiddleware, (store)=> (next)=>(action)=>{ console.log(action) next(action) }];
- 미해결React로 NodeBird SNS 만들기
질문이여
1. 서버사이드렌더링 순서가 좀 헷갈리네여 최초 페이지 접근시, getInitialProps 가 서버에서 실행되는 동시에 그안에 있는 액션이 실행되어, 사가를통해서 백엔드가 있는DB의 데이터를 긁어모아서, 프론트로 들고 오는게 맞나요? 최초페이지 접근 -> getInitalProps -> 액션 디스패치 -> 사가 -> DB 접근 -> 프론트로 DB 들고오기. 이 순서가 맞나요? 2. 그런데, 도대체 최초 페이지 접근시 서버쪽에서는 무엇을 하기에 서버쪽에서 먼저 실행되나요? 3. 해쉬태그 클릭하는것은 클라이언트에서 접근하는거라고 하셨잖아요. 이것을 서버사이드렌더링 처럼 getInitialProps에 넣으신 이유가 그 해쉬태그 페이지에서 새로 고침을 할경우 또는 그 해쉬태그페이지 주소로 바로 입력하고 들어오는걸 대비 해서인가요? 4. 애초에 getInitialProps를 통해서 액션을 디스패치 하는게 낫겠네요?? 클라이언트 든 서버쪽에서든 활용이 가능하니까요