수강이 제한됩니다.
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결React로 NodeBird SNS 만들기
getUser 해결했는데 원래 이런건가요??
그냥 const User = await newPost.getUser() 한 값을 newPost.User = User; 이런 식으로 하면 안되고 아래와 같이 dataValues에 넣어줘야 되는데 원래 이런건가요..? const User = await newPost.getUser(); newPost.dataValues.User = User.dataValues; // const fullPost = Object.assign({}, newPost.toJSON()); // const fullPost = await db.Post.findOne({ // where : {id:newPost.id}, // include:[{ // model : db.User, // attributes : ['id','nickname'], // }], // }); res.json(newPost);
- 미해결React로 NodeBird SNS 만들기
물어볼 것이 있습니다
강의 내용 복습하고 혼자 토이프로젝트를 진행해봣는데요 이 웹사이트를 앱으로 만들 수 있는 방법에는 어떤 방법이 있나요?? 혹시 어플개발을 처음부터 해야하는 것인가요?? 구글링해봐도 웹투앱 이런 광고들밖에 없어서 혹시 간단하게 어플을 제작할 방법이 있나요?
- 해결됨React로 NodeBird SNS 만들기
3분26초쯤에 에러에서 ^ 표시가 뭔가요?
3분 26~27초쯤 내용입니다. 에러가 12번째줄에서 났다고 하는데, 바로 아래에 ^ (웃는표시)가 있는데, 이건 어떤의미인지 혹시 알 수 있을까요~
- 해결됨React로 NodeBird SNS 만들기
Link 안에 a tag가 꼭 필요한가요?
Link에 href넣었을때 a 태그가 없이도 똑같이 링크로 넘어가지긴하는데, a 태그를 안넣으면 추후에 문제가 될만한게 있을까요??
- 해결됨React로 NodeBird SNS 만들기
antd install 디렉토리 위치?
안녕하세요, antd install할때 디렉토리는 npm 설치한 front디렉토리로 가서 설치를 해야하나요? 아니면 내부 디렉토리에서 설치해도 상관없나요?(예를들면 pages디렉토리에서 npm i antd) npm설치할때 노드모듈이 있는 그 디렉토리에서만 설치해야하는지가 궁금합니다. 그렇게 안했을때 발생하는 문제점도 있으면 가르쳐주세요!
- 해결됨React로 NodeBird SNS 만들기
토이프로젝트 진행 중 질문 드립니다!
제로초님 안녕하세요! 강의 듣고 응용하여 토이프로젝트 진행중인 학생입니다. 화면의 말풍선에 실행되는 reducer 액션에 따른 텍스트가 보여지는 방식을 만들고자 하는데요! 예를 들어 LOAD_TODOS_SUCCESS를 put할 때에 캐릭터 리덕스의 SAY_LOAD_TODOS 를 함께 put하여 말풍선의 텍스트를 바꾸는 식으로, 사이트의 기능 액션을 실행할 때에 그에 맞는 말풍선 변화 액션을 함께 실행하는 식으로 진행하고 있습니다. (예시코드.. sagas/todo.js) function* loadTodos() { try { const result = yield call(loadTodosAPI); yield put({ type: LOAD_TODOS_SUCCESS, data: { todos: result.data.todos, date: result.data.today, } }); yield put({ type: SAY_LOAD_TODOS }); } catch (e) { console.error(e); yield put({ type: LOAD_TODOS_FAILURE, error: e, }); } } (reducers/character.js) case SAY_LOAD_TODOS: { draft.talking = `나와라, 오늘의 할 일!`; break; } case SAY_EDIT_TODO: { draft.talking = `이렇게 고치면 될까?`; break; } case SAY_RESET: { draft.talking= ''; } 말풍선이 1초 가량 존재하다가 사라지게 하기 위해서 setTimeout을 사용하였는데요. (문제 되는 코드입니다 components/Character.js) import styled from 'styled-components'; import React, { useState, useRef, useCallback, useEffect } from "react"; import { useDispatch, useSelector } from "react-redux"; import { LOAD_HISTORIES_REQUEST } from "../reducers/history"; import { SAY_RESET } from '../reducers/character'; const Character = () => { const { talking } = useSelector(state=>state.character); const dispatch = useDispatch(); useEffect(()=>{ if(talking){ clearTimeout(sayReset); const sayReset = setTimeout(()=>{ dispatch({ type: SAY_RESET }) }, 1000); } }, [talking]); return ( <> <Witch> <div>머리</div> <div>캐릭터의 모습</div> {talking && <Talking><p>{talking}</p></Talking>} </Witch> </> ); }; 코드를 이런 식으로 적었더니 1초가 되어 말풍선이 사라지기 전 빠르게 그 다음 동작을 수행하였을 때 이전에 SAY_RESET을 1초 후에 넘기라는 명령을 수행하여 다음 말풍선이 1초 후가 아니라 그 이전에 빠르게 사라지는 문제가 있습니다. 텍스트가 변경되었을 때 기존의 1초후에 SAY_RESET dispatch하라는 명령을 clearTimeout으로 없애준 뒤 1초 후 명령을 주었다고 생각했는데 실행해보니 이를 무시하고 두개의 SAY_RESET이 찍히고 두번째 말풍선이 빠르게 사라지네요.. ㅠㅠ 제가 setTimeout/cleartTimeout을 쓰는 방법이 틀린건지, 리액트에선 다른 방법으로 사용해야 하는 것인지 감이 잡히지 않아 해당 문제를 해결하지 못하여 질문글 드립니다..! 조언 주시면 감사하겠습니다!
- 미해결React로 NodeBird SNS 만들기
newPost.getUser를 이용한 방식 에러
아래의 방식으로 코드를 작성하면 저 위의 에러가 뜨는데 이유를 알아내지 못하였습니다.. 백 콘솔에 log 띄워보면 newPost안에 User가 정상적으로 들어가 있는데 프론트에서 가져오질 모하네요 ㅠㅠ join 방식으로는 문제없이 동작하였습니다. const User = await newPost.getUser(); newPost.User = User; console.log('check'); console.log(newPost);
- 해결됨React로 NodeBird SNS 만들기
좋아요 관련 질문드립니다.
좋아요 기능구현중에 좋아요 개수를 띄우고싶어 작성중인데 게시물이 만들어져있거나 만들고 새로고침하면 이상이없지만 게시물을 만들때 length 가 notdefined에러가 납니다 좋아요 갯수를 가져올수있는 방법이있을까요?
- 미해결React로 NodeBird SNS 만들기
포스트가 존재하지 않습니다 에러가 납니다ㅠㅜㅠ
if(!post)에서 걸려서 404에러가 나요ㅠㅠ console.log(post)찍어봐도 null이 나옵니다. 디비에는 잘 들어가 있는데 어디가 문제일까요??
- 미해결React로 NodeBird SNS 만들기
Front 에서 익스프레스를 사용하지 않고 배포하려면??
프론트에서, 익스프레스 서버 사용하지 않고, 넥스트로만 EC2 에 배포하려면 어떻게 해야 할까요?? 백엔드 구성하지 않고, 단순 넥스트 웹페이지 로만 따로 만들어서 실습을 하고 있는데 이 부분에서 막히네요.
- 해결됨React로 NodeBird SNS 만들기
이미지관련 질문드립니다.
이미지 업로드 버튼누르고 이미지 선택후에 확인버튼누르면 매번 이미지선택창이 다시 열립니다 두번반복해서 선택해야 이미지가 업로드되는데 이럴경우 어떤 코드가 문제일 가능성이 높나요?
- 미해결React로 NodeBird SNS 만들기
process.env.NODE_ENV === 'production' 가 자꾸 false 가 나오는데 어느쪽을 살펴봐야 할까요??
분기 처리하는 부분에서 계속 process.env.NODE_ENV === 'production' 가 false 라고하네요. process.env.NODE_ENV 이부분을 정하는데가 "scripts": { "dev": "nodemon", "build": "cross-env ANALYZE=true next build", "start": "cross-env NODE_ENV=production PORT=80 pm2 start server.js", "prestart": "npm run build"}, 요부분 말고 또 있을까요?
- 미해결React로 NodeBird SNS 만들기
e.preventDefault();
조금 사소한 질문입니다.. e.preventDefault(); type error: not a function 출력돼서 e.preventDefault; 이렇게하니까 되던데 상관없는건가요?
- 미해결React로 NodeBird SNS 만들기
콘솔에러가 나요ㅠㅠ
Warning: Encountered two children with the same key, `[object Object]`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version. 이렇게 오류가 납니다. 다른분 질문을 보니 key에서 createdAt이 문제인 것 같은데 어떻게 수정을 해야할 지 모르겟습니다ㅠ return ( <div> <Card key={+post.createdAt} cover={post.img && <img alt="example" src={post.img} />} actions={[ <Icon type="retweet" key="retweet" />, ////////////////////////// PostCard.propTypes = { post: PropTypes.shape({ User: PropTypes.object, content: PropTypes.string, img: PropTypes.string, createdAt: PropTypes.object, }), };
- React로 NodeBird SNS 만들기
connect.session() memorystore is not
삭제된 글입니다
- 해결됨React로 NodeBird SNS 만들기
모델 작성 질문드립니다!
안녕하세요! 강의 수강하고 토이프로젝트 만들고 있는 학생입니다. 모델 관계 작성중 모르는 부분이 생겨 질문 드립니다! history라는 모델과 todo 모델을 작성하였는데요. 각각의 모델의 관계를 db.History.hasMany(db.Todo); ---------------------------- db.Todo.belongsTo(db.History); 이렇게 작성하였습니다. 하나의 history 데이터가 특정 날짜에 해당하는 여러개의 todo 데이터들을 가지고 있는 개념을 생각하여 이렇게 작성하였는데, 이렇게 되면 Todo 데이터들은 꼭 어느 하나의 History 데이터에 포함되어 있어야 하나요? 먼저 여러개의 Todo데이터들을 만들고, 이것이 완료된 상태가 되면 History에 새 데이터를 만들어 해당 날짜의 Todo데이터들을 담을 생각입니다! 해당되는 날짜의 History 데이터가 생기지 않았다면 Todo 데이터가 포함되어 있을 History 컬럼이 공백으로 작성되어 있을것 같은데, 이런 식으로 작성해도 괜찮은 것인지 아니면 다른 관계 표현 방법이 있는지 궁금하여 질문 드립니다! 제가 너무 중구난방식으로 적어놓은것 같은데... 여쭤보고 싶은 점은 hasMany / belongsTo 관계일 때 1:N에서 N에 해당하는 데이터에 대응하는 1이 존재하지 않는 상태여도 괜찮은가입니다! 도움 주시면 감사하겠습니다! ( _ _)
- 미해결React로 NodeBird SNS 만들기
post/:id 페이지 관련 오류 질문입니다
singlePost를 불러오는 부분에서 property를 읽을 수 없다는 오류가 나와서 console.log를 찍어보니 singlePost가 null로 들어오고 있습니다. post의 getInitialProps id를 검색하면 포스트의 아이디 번호가 제대로 나오고 있는데, singlePost가 null로 나오는 부분 때문에 해결이 어렵습니다 ㅠㅠ action.data 부분이 들어가지 않는 것 같은데, request null 체크할 수 있는 방법이 있는지 여쭤보고 싶습니다!
- 미해결React로 NodeBird SNS 만들기
renderPage
const page = context.renderPage((App) => (props) => <App {...props} />); return { ...page, helmet: Helmet.renderStatic() }; 추가후 로그인 하면 페이지가 넘어가질 않습니다. 이상태가 되어 버립니다.
- 미해결React로 NodeBird SNS 만들기
Attempted import error: 'useInput' is not exported from '../pages/signup
안녕하세요, 밑에 처럼 입력을 했는데 useInput을 Loginform에서 사용할 수 없었어요 ㅠㅠ 어떤 에러인가요? signup.js export const useInput = (initiative = null) => { const [value,setter] = useState(initiative); const handler = useCallback((e) => { setter(e.target.value); },[]); return [value,handler]; }; Loginform.js import React,{ useCallback } from 'react'; import { useInput } from '../pages/signup'; import { Input, Form, Button } from 'antd';
- React로 NodeBird SNS 만들기
useSelector 사용시 어떤게 맞는건가요??
삭제된 글입니다