수강이 제한됩니다.
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결React로 NodeBird SNS 만들기
alert에서 에러가 발생해요
이게 무슨 에러일까요? 알려주시면 감사요 ~! ReferenceError: alert is not defined Signup ./pages/signup.js:31 28 | const [termError, setTermError] = useState(false); 29 | 30 | if (me) {> 31 | alert("me : ", me) | ^ 32 | return null; 33 | }
- 미해결React로 NodeBird SNS 만들기
질문 드립니다!
게시글 작성시 코드가 아래와 같은데요. 1. const newPost = await db.Post.create({ ~~~ // 게시글 등록 2.const result = await Promise.all(hashtags.map(tag => db.Hashtag.findOrCreate({ ~~ 해쉬태그 등록 3. await newPost.addHashtags(result.map(r => r[0])); // 조인 테이블 등록 인데요. 그렇다면 이 항목들에 대해서 트랜잭션을 사용하려면 어떻게 사용해야 하나요..? 1,2 번에 경우, db.sequelize.transaction(async t => { ~~ ~~ ~~ 1번 2번 이렇게 넣어주고, 추가로 transaction: t 를 넣어주면 될 것 같은데 3번 Associations로 부터 생기는 add 함수에 transaction 을 넣어줄 수가 있나요..? 공식 홈페이지 에서는 쉽게 찾을 수가 없는 것 같아서요..ㅠ 3번을 바깥으로 빼자니.. 트랜잭션을 사용하는 의도가 살짝 빗나가면서도, 3번이 newPost, result 얘녜들을 사용해야해서 지저분한 방법을 사용해야 할 것 같고,, 어떻게 트랜잭션을 사용하시나요..? 위에서 const newPost = 게시글 등록, const result = 해쉬태그 등록 이부분들을 트랜잭션 감싼 부분 위에서 var newPost = null; var result = null; 로 하여 newPost = 게시글 등록, result = 해쉬태그 등록 후에 트랜잭션 작업이 모두 처리된 후, 3번 처리하는 것이 올바른 방법일까요~~?
- 미해결React로 NodeBird SNS 만들기
에러 질문있습니다.
<Card actions={[ <div key="twit"> 짹짹 {me.Post.length} </div> ]} > 얘네들 추가하기 전까지는 오류없이 잘 되는데 추가하고 나서는 위 사진처럼 저런 에러들이 뜨네요.... 아무리 찾아봐도 뭐가 문제인지 모르겠어서 질문남깁니다.
- 미해결React로 NodeBird SNS 만들기
reducer함수의 switch문의 default 리턴값 질문
좋은 강의 잘 듣고 있습니다. 수강중 의문점이 있어서 질문드립니다. reducer를 여러개로 나누어 만들고 combineReducer를 통해 합쳐서 사용할 경우, dispatch된 action이 포함된 reducer 이외의 모든 reducer들은 default에 해당되어 기존 스테이트를 반환하게 되고, 이 값이 store의 state에 merge되는것으로 이해하고 있습니다만 action.type의 오타 이외엔 default에 걸릴일이 없다고 하셔서 질문드립니다. 예를 들면 ADD_POST 액션이 dispatch되었을 경우, userReducer에서는 user관련 state가 기존 그대로 반환되고, postReducer는 post관련 state를 새로 생성해서 반환하여, 이 값들을 combine하는 rootReducer는 전체 state(변화없는 user state + 새로생성된 post state)를 반환하여 store를 변화 시키는것 아닌가요? 만약 이 말이 맞다면 reducer의 default 리턴값은 {...state} 이와같이 새로 생성하는것이 아니라 그냥 기존 레퍼런스를 유지하는 것이 불변성을 유지하는것 아닌가 싶습니다.
- 미해결React로 NodeBird SNS 만들기
게시물 미리보기 제거에 대한 질문 (S3 deleteObject)
이미지 미리보기를 했을 때 AWS S3에 이미지를 올리잖아요. 미리보기 제거를 했을 때 AWS S3에 있는 올렸던 이미지를 제거하고 싶어서 문의를 드려봅니다.. AWS S3에서 권한 - 버킷정책에서 ACTION도 변경을 해봤습니다.. 인터넷에서 찾아보고 코드를 짜봤는데 AWS.config.update({ region: 'ap-northeast-2', accessKeyId: process.env.AWS_S3_ACCESS_KEY_ID, secretAccessKey: process.env.AWS_S3_SECRET_ACCESS_KEY, }) const s3 = new AWS.S3({ region: 'ap-northeast-2' }) router.delete('/images', async (req, res, next) => { try { const { images } = req.body s3.deleteObject( { Bucket: 'woogiegram', Key: images, }, (err, data) => { if (err) console.log(err, err.stack) console.log(data) }, ) Array.isArray(images) ? res.send([]) : res.send(images) } catch (e) { next(e) } }) //이런식으로 코드를 짜봤는데... 잘 안돼서요... 고민 끝에 제로초님께 문의드려봅니다.
- 미해결React로 NodeBird SNS 만들기
질문있습니다.
회원가입에서 마지막에 return res.status(200).json(newUser) 로 프론트로 보내준다고 하셨는데 쓰는 이유가 무엇인가요??
- 미해결React로 NodeBird SNS 만들기
쿠키 질문
쿠키를 설정해주는 이유가 쿠키 없이 로그인을 하면 페이지 이동이나 새로고침 시 브라우저가 기억을 못해서인가요??
- 미해결React로 NodeBird SNS 만들기
SSH환경에서 빌드가 되질 않습니다.
SSH환경에서 빌드가 되질 않습니다. 로컬환경에서는 잘되는데 무엇이 문제인가요.. ㅜㅜ 아래 에러 메세지입니다. 로컬 환경은 mac을 사용하고 있으며, next 9 Nodejs 12.4.0 버전을 사용하고 있습니다. Failed to compile. ./pages/profile/index.js Module not found: Can't resolve '../../components/unLoggedIn' in '/home/ubuntu/nodebird/front/pages/profile' > Build error occurred Error: > Build failed because of webpack errors at build (/home/ubuntu/nodebird/front/node_modules/next/dist/build/index.js:9:900) at processTicksAndRejections (internal/process/task_queues.js:89:5) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! front@1.0.0 build: `ANALYZE=true next build` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the front@1.0.0 build script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /root/.npm/_logs/2019-12-11T06_01_29_034Z-debug.log npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! front@1.0.0 prestart: `NODE_PATH=./ npm run build` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the front@1.0.0 prestart script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /root/.npm/_logs/2019-12-11T06_01_29_051Z-debug.log
- 미해결React로 NodeBird SNS 만들기
질문있습니다.
복습 중입니다. v는 mainPosts의 요소를 차례대로 넣은 것이라는 것은 알겠습니다. action.data.postId가 dispatch 인수라는 것도 알겠습니다. 그런데 v.id === action.data.postId 이 부분이 어떤 식으로 작동이 되는지 잘 모르겠습니다. 영상엔 딱히 설명이 없어서 질문남깁니다.
- 미해결React로 NodeBird SNS 만들기
return() 안에 빈 태그를 쓰는 이유는 무엇인가요 ?
인터넷에 검색해보아도 명확한 대답이 없어서 여기에 질문드립니다 .. ! return ( <> // 이것입니다 ! <Head> <title>NodeBird</title> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/antd/3.10.2/antd.css'></link> </Head> <AppLayout> <div>Profile</div> </AppLayout> </> // 이것입니다 ! ); 강의를 보니 어떠할 때는 <> </>를 쓰시고 어떠할 때는 안쓰시 던데 어떠할 때 쓰고, 쓰는 이유는 무엇인가요 ??
- 미해결React로 NodeBird SNS 만들기
filteredUser = Object.assign() 을 이용한 이유가 궁금합니다.
안녕하세요? 강의 잘 듣고 있습니다. backend 서버 routres/index.js 에서 const filteredUser = Object.assign({}, user.toJSON()); 해당 코드에서 Object.assign() 함수를 사용하는 이유가 궁금합니다!
- 미해결React로 NodeBird SNS 만들기
https 강의
안녕하세요 모든 강의를 들었는데요 github에는 https폴더로 소스코드가 올라와 있는데, https 강의는 따로 없는건가요??
- 미해결React로 NodeBird SNS 만들기
build를 하고 yarn start 했을 시에 favicon.ico를 찾을 수가 없습니다.
// server.js server.use('/', express.static(path.join(__dirname, 'public'))) yarn dev를 사용해서 개발모드로 했을 시에는 /favicon.ico를 잘 찾지만 yarn start를 해서 배포모드로 실행했을 시에는 /favicon.icon을 찾을 수 없습니다.... 어떻게 해야할 지 잘모르겟습니다.ㅠㅠㅠㅠㅠ
- 미해결React로 NodeBird SNS 만들기
파일명을 다르게 했을 떄 Hello, Next!가 출력이 안되는 이유
파일명을 index.js가 아니라 app.js로 설정하고 package.json에서도 "main": "app.js"로 설정했는데 결과가 뜨지않고 404 에러가 나더라구요 ! 그래서 파일명과 package.json에 app.js를 index.js로 바꾸었더니 화면에 올바르게 출력이 되었습니다. 무슨 이유 때문인가요 ?
- 미해결React로 NodeBird SNS 만들기
req 메소드 질문
req.body : 프론트 form에서 보낸 데이터 req.user : passport deserializeUser에서 정의한 값 req.params : 모르겠습니다 req.params가 어디서 오는건지 모르겠고 어느 액션에 대해서 설명을 해주시면 좋겠습니다. ex)댓글달때 같은 경우 body에는 content,id가 들어가고 이런식
- 미해결React로 NodeBird SNS 만들기
질문이요
//댓글창 열고 닫기 용. const [commentFormOpened,setCommentFormOpened] = useState(false); const onToggleComment = useCallback(() => { console.log("BRFORE",commentFormOpened) setCommentFormOpened(prev => !prev); console.log("AFTER",commentFormOpened) if(!commentFormOpened){ dispatch({ type: LOAD_COMMENTS_REQUEST, data: post.id, }) } }, []); 댓글창 열고 닫기용이요, setCommentFormOpened(prev => !prev); 가 true 와 false를 왔다갔다 해야하잖아요./ 실질적으로, 콘솔에, 변환하기전 Bfore 과 변환후를 After를 찍어보면은, 값은 변하지는 않고 다 false 만 나오네요?? 그런데 이상하게, 댓글창은 열리고 닫히네요... ?? 어떻게 된건지 이해가 안가네요 ㅠㅠ?
- 미해결React로 NodeBird SNS 만들기
해쉬 태그 클릭하면 해쉬태그가 아닌것도 출력되여
git : https://github.com/hyunsokstar/node_bird_22/blob/master/front/reducers/post.js 해쉬 태그로 게시글 불러올때 push로 불러와서 그런게 아닐까여? code: case LOAD_MAIN_POSTS_SUCCESS: case LOAD_HASHTAG_POSTS_SUCCESS: case LOAD_USER_POSTS_SUCCESS: { // return { // ...state, // mainPosts: state.mainPosts.concat(action.data), // hasMorePost: action.data.length === 10, // }; action.data.forEach((d) => { draft.mainPosts.push(d); }); draft.hasMorePost = action.data.length === 10; break; } git 주소: https://github.com/hyunsokstar/node_bird_22/blob/master/front/reducers/post.js
- 해결됨React로 NodeBird SNS 만들기
질문이여
꼭 formdata 를 써야하나요? postForm.js const onSubmitForm = useCallback((e)=>{ e.preventDefault(); if(!text || !text.trim()){ return alert('게시글을 넣어주세요') } const formData = new FormData(); imagePaths.forEach((i)=>{ formData.append('image',i) }) formData.append('content',text) dispatch({ type: ADD_POST_REQUEST, data: formData, }) },[text, imagePaths]); 기존의 코드는 이런식으로 액션을 라우터로 보내서, upload.none으로 받은후, req.body.image req.body.conent 이런식으로 DB에 저장을 해주잖아요. 그냥 formData를 안쓰고, const onSubmitForm = useCallback((e)=>{ e.preventDefault(); if(!text || !text.trim()){ return alert('게시글을 넣어주세요') } dispatch({ type: ADD_POST_REQUEST, data: {imagePaths,text}, }) },[text, imagePaths]); 이런식으로 간단하게 보내면 안되나요 ?? 그러면 라우터쪽에서는 upload.none() 이 부분 안써주고, req.body.imagePaths, req.body.text 이런식으로 받아서 DB를 저장해줄수 있지 않나요??? formdata를 써야하는 어떤 이유가 있나요 ???
- 미해결React로 NodeBird SNS 만들기
hasMorePost 가 계속 false라서 LOAD_MAIN_POSTS_REQUEST 가 호출이 안되여
어디서 잘못된건지 봐주시면 대단히 감사여 계속 찾아봤는데 잘몰겠어여 ; 메인 페이지: https://github.com/hyunsokstar/node_bird_22/blob/master/front/pages/index.js 리덕스: https://github.com/hyunsokstar/node_bird_22/blob/master/front/reducers/post.js 리덕스 사가: https://github.com/hyunsokstar/node_bird_22/blob/master/front/sagas/post.js
- 미해결React로 NodeBird SNS 만들기
제로초님 안녕하세요. 질문드립니다.
좋은 강의 사서 본지 한달이 되어가는데 해결이 안된 에러가 있어서 글을 올렸습니다. 아직 서버사이드 랜더링은 학습하지 않았습니다. 에러난 부분은 로그인하고나서 새로고침 시 이런 에러가 발생합니다. 어떤 에러 인지 확인 가능하실까요? 감사합니다.