수강이 제한됩니다.
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결React로 NodeBird SNS 만들기
action.data.postId
const postIndex = state.mainPosts.findIndex(v => v.id === action.data.postId); 여기서 action.data.postId는 어디에서 오는 값인가요??
- 미해결React로 NodeBird SNS 만들기
질문있습니다
const onToggleComment = useCallback(() => { setCommentFormOpened(perv => !prev); }, []); 댓글 아이콘 클릭했을 때 폼이 켜지고 꺼지고 하는 기능은 위의 코드만 쓰면 되는건가요??
- 미해결React로 NodeBird SNS 만들기
질문이요
next 가 express를 돌리는 건가요 ?? 기존의 next 대신에, nodemon 으로 세팅해서 돌리는 이유는 무엇인가요? ??
- 미해결React로 NodeBird SNS 만들기
새로고침
제가 알기로는 새로고침은 이전 request가 post일경우 post이고 이전 request가 get일경우 get이라고 알고있습니다. Lecture 5-2(11:38) https://stackoverflow.com/questions/4497643/refreshing-a-page-in-a-browser-yields-post-or-get-request
- 미해결React로 NodeBird SNS 만들기
yield call, yield fork
yield call, yield fork 질문이 있습니다. 보통 동기, 비동기에 의해 사용용도를 달리 한다고 하셨는데. 1. yield 자제가 중단점으로 동기든 비동기든 서버로 부터 응답이 올때까지 기다려야하는거 아닌가요? yield call(API) or yield fork(API) -> 서버로부터 성공 메시지로 yield put(성공) 실행 -> 서버로부터 실패 메세지면 yeild put (fail)실행 : 이렇게 이해했습니다 2. yield가 동기를 비동기로 사용자 편의에 맞게 만들어 준다고 생각했는데 .yield와 비동기함수와의 조합은 중단점을 무시하는것인가요?
- 해결됨React로 NodeBird SNS 만들기
kakao 로그인 구현 시 시퀄라이즈 관련 에러
이 강좌와 관련된 질문은 아닌데, 답답해서 질문드리게 됬습니다. 제로초님 Node.js 교과서 책 참고하면서 제 플젝에 사용하려고 카카오 로그인 구현 중인데요. 발생하는 에러 : SequelizeEagerLoadingError: User is not associated to User! kakaoStrategy.js 파일 코드는 제 DB구성에 맞게 해야하니 아주 조금 다를 것입니다. 그리고 User 모델에서 이렇게 association도 설정되어있습니다. 제 프로젝트 DB는 노드버드보다도 간단해서 저기에서 더 추가할 건 없을거 같아요. 노드버드꺼 참고해서 필요없는 부분만 뺐습니다. User 모델이 User 모델이 associated 되있지 않다니 무슨 얘기인지 어떻게 해야할지 모르겠네요....
- 미해결React로 NodeBird SNS 만들기
질문입니다
안녕하세요 현재 5-16 수강 중입니다. 이번에도 뭔가 사소한 오류같은데... 죄송스럽지만 이렇게 도움을 요청드립니다! 현재 로그인 후 포스트를 추가하면 리덕스 상에 ADD_POST_SUCCESS 출력 , db 상에 추가까진 완료하는데 폼에 렌더링을 못하는건지 아래와 같은 에러가 뜹니다TypeError: post is undefinedPostCard./components/PostCard.js:45 42 | <div> 43 | <Card 44 | style={{ marginTop: "10px" }}> 45 | key={+post.createdAt} | ^ 46 | cover={post.img && <img alt="example" src={post.img} />} 47 | actions={[ 48 | <Icon type="retweet" key="retweet" />, 이전 단원에서 새 포스트를 추가할 때 문제가 없던 부분인데 갑자기 여기서 문제가 생기네요.. 하루종일 제로초님의 깃헙 코드와 비교를 해보았으나... 뭐가 문제인지 감이 안오네요 ㅠㅠ 또 이렇게 번거롭게 해드려 죄송하지만 .. 제 코드를 좀 봐주실 수 있을까요? https://github.com/ljg0230/nodebird_ljg
- 해결됨React로 NodeBird SNS 만들기
styled components 스타일이 약간의 딜레이 후에 적용되는 현상
알찬 강의 할인해서 잘 들었습니다. 제로초님 ㅎㅎ 강의 다 듣고(람다는 나중에 들을게요 ㅎㅎ) 개인 프로젝트 해보려고 하는 중 질문드립니다. 더미데이터로 우선 디자인 잡고 있는 중인데, 넘어가려 했다가 신경쓰이는 부분이 있어 여쭤봅니다. 제로초는 노드버드 강의와는 다르게 처음부터 ant design과 styled components를 함께 사용해서 디자인하고 있는데, 처음에 페이지 불러오거나 새로고침시, ant design 이 먼저적용되었다가 약간의 시차를 두고 styled components가 적용되는 현상이 있습니다. 왜 이런 현상이 일어나는것인지 궁금하고 어떻게 해결할 수 있을지 알고싶습니다. 강의에서처럼 나중에 styled componentsr가 SSR로 적용이 되게 해주면 해결되는 것인지요?
- 해결됨React로 NodeBird SNS 만들기
Warning: Prop `style` did not match. Server: "background-color:#53c1e0" Client: "background-color:#c53ae8"
강의 듣고나서 강의와 거의 유사한 기술 스택으로 개인 프로젝트 해보고 있는데요. 시작한지 얼마 안 되어서 더미 데이터로 디자인 구현해보고 있는 상황입니다. 강의에서처럼 ant design, styled components 사용하고 있습니다. randomcolor라는 npm 패키지로 그냥 랜덤한 배경색을 Tag(Ant design component)에 넣어주고 있는데, 제목과 같은 에러가 발생합니다. 위 코드를 포함하고 있는 컴포넌트가 다시 렌더링될때마다 새롭게 랜덤한 색이 생성되어 들어갈텐데, 그 이전에 캐시된 css 와 충돌이 일어나는 건가요? 어떻게 해결할 수 있을지요? 강의 외적인 질문이긴 합니다만... 혹시 경험해보신 에러라면 알려주시면 감사하겠습니다.
- 미해결React로 NodeBird SNS 만들기
client와 server 도메인이 다를경우 cookie 값 불러오기 문제
안녕하세요 조현영님! 제가 지금까지 배운것을 활용하다가 문제가 발생했습니다. 기존 API가 다른 AWS ec2에 있었고 client 부분만 제가 localhost에서 작업중인데요 로그인 cookie 관련해서 만약 api도 localhost에서 작동하게하면 application 부분 보면 cookie에 domain 값이 localhost로 적혀서 있어서 새로고침을 해도 _app getInitialProps가 작동을 잘합니다. 코드는 이렇습니다. static getInitialProps = async ({ ctx, Component, }: AppContext & { ctx: NextJSContext<RootState> }) => { let pageProps = {}; const cookie = ctx.isServer ? ctx.req.headers.cookie : ''; const state = ctx.store.getState(); if (ctx.isServer && cookie) { axios.defaults.headers.Cookie = cookie; axios.defaults.withCredentials = true; const { userInfo } = state.user; if (!userInfo.id) { ctx.store.dispatch({ type: LOAD_LOGGED_INFO.REQUEST, }); } } if (Component.getInitialProps) { pageProps = (await Component.getInitialProps(ctx)) || {}; } return { pageProps }; }; 그런데 똑같은 코드인데 API 부분을 aws로 작동하게 한다음 로그인 하면 domain 부분이 aws domain으로 잡히고 새로고침을 하면 저 부분이 작동을 하지 않습니다 ㅜㅜ 정확히는 새로고침을 할때 ctx.req.headers.cookie값이 undefined가 됩니다. application 부분을 보면 여전히 쿠기값은 남아 있고요 이런 상황에서 새로고침이 작동하게 하려면 어떻게 해야할까요? 이해를 돕고자 사진하나 첨부합니다!
- 미해결React로 NodeBird SNS 만들기
ctx.req.headers.cookie가 자꾸 undefined가 뜹니다..
_app.js에서 ctx.req.headers.cookie가 자꾸 undefined가 뜨는데... 왜이럴까요
- 미해결React로 NodeBird SNS 만들기
saga 메서드중 takeLatest의 동작 질문
takeLatest는 마지막 같은반복되는액션 요청이 왔을때 마지막꺼만 받아서 실행하는거잖아요? 그런데 이전전강의쯤에서 만약 로그인 제네레이터를 while(true)를안해놓으면 한명이 로그인요청한뒤에 next()한번 실행되고 ,제네레이터 함수가 아얘 끝나서(done)이되버림 다른사람이 login을 못한다는것이 생각 납니다. 질문은 takeLatest()는 여러 LOGIN_REQUEST 액션중에서 마지막것만 처리하는데, 사이트에서 동시에 여러유저들로부터 LOGIN_REQUEST가오면 takeLatest()는 그액션중 제일마지막만을 처리하여서 다른 로그인 유저가 보낸 로그인요청은 무시되고 안되는건가요? 서로다른유저라도 요청이름은 LOGIN_REQUEST 라 똑같은데말이죠..
- 미해결React로 NodeBird SNS 만들기
...state 질문
const reducer = (state = initialState, action) => { switch (action.type) { case ADD_POST: return { ...state }; case ADD_DUMMY: return { ...state, mainPosts: [action.data, ...state.mainPosts] }; } }; 위 코드에서 ...state가 정확히 뭔지 잘 모르겠습니다. 그리고 mainPosts: [action.data, ...state.mainPosts] 이 부분에도 action.data는 알겠는데 ...state.mainPosts는 정확히 어떤 값인지, 무슨 역할인지를 모르겠습니다.
- 미해결React로 NodeBird SNS 만들기
질문이요
await newPost.addHashtags(result.map(r => r[0])); 이 부분이 정확히 어떻게 동작하는지 모르겠어요 이 부분이 포스트와 해쉬테그 다대닫 관계에서 생긴 중간테이블에 postId 와 hastagsId를 등록해준다는것만 알겠네요... result.map(r => r[0]) 이거는 [해쉬태그1 정보들, 해쉬태그2 정보들] 이런식으로 리턴하던데, 정확히 테이블A.add테이블B(??)일때, 저 ?? 가 무엇이 들어가야하는지 이해가 안가네요... 원문한번 찾아보기는 했는데.. // and add 'em again project.addTask(task1).then(() => { // it's back again }) 코드가 너무 애매모호 하더군요.. 아 그리고, 혹시 MySql 공부 해야할거 같은데, 추천해주실만한 강의 있나요 ㅠㅠ/?
- 미해결React로 NodeBird SNS 만들기
맞게 이해했는지 모르겠어서..
안녕하세요. getInitialProps는 넥스트에서 제공하는 생명주기고, 처음 해당 페이지가 마운트 되었을때 실행되어서 (ex 컨텍스트에 포함된 리덕스 디스팻치) 모든 데이터를 끼운 후 페이지를 보여주는 역할을 한다는 말씀이시죠?
- React로 NodeBird SNS 만들기
쿠키를 로그로 확인할수 있는 방법은 없을까여?
삭제된 글입니다
- 해결됨React로 NodeBird SNS 만들기
express.js router.post() 관련 질문
upload.array("image") 이렇게 multer가 router.post()의 두번째 인자로 들어가는데, 해당 라우터레벨의 미들웨어로 들어가는거죠? 세번째, 네번째 등 인자로 원하면 미들웨어 계속 추가해줄수도 있는건가요?
- 미해결React로 NodeBird SNS 만들기
Warning: React DevTools encountered an error: RangeError: Invalid array length
마지막 8섹션 최적화부분 강의 듣고 있는데요. PostCard에서 FollowButton 생성해서 분리하게 되면(당연히 코드는 제로초님이 하신 것과동일하게), 위와 같은 에러가 발생합니다. 나름대로 분석한 바로는 FollowButton 컴포넌트를 감싸는 memo를 사용하게 뒤면 위와 같은 경고가 발생하고, PostCard를 감싸는 memo(FollowButton은 memo로 감싸지 않고)를 사용하게 되면, 에러가 아예 하나 더 추가됩니다. 서비스가 동작은 하지만, 리액트 데브툴 경고때문인지 profiler는 쓸 수 없게 되더라고요. 그렇다고 memo를 두 컴포넌트에 아예 사용하지 않으니 팔로우 버튼이나 좋아요 버튼 클릭하면 렌더링 최적화가 또 불가능해집니다. 어떻게 해결할 수 있을지 잘 모르겠습니다...
- 해결됨React로 NodeBird SNS 만들기
React DevTools 4버전에서도 다시 Highlight updates 기능 추가되었습니다 :)
질문은 아니구요. 4.2.0으로 업데이트 되면서 React DevTools 4버전에서도 다시 Highlight updates 기능이 그저께인 10월 3일에 추가가 됬네요. Profiler에 General 설정에서 체크하시면 가능합니다. 이미 아실 진 모르겠지만, 굳이 highlight updates때문에 3버전을 이용할 필요는 없겠네요. https://github.com/facebook/react/blob/master/packages/react-devtools/CHANGELOG.md
- 미해결React로 NodeBird SNS 만들기
질문이요
쿠키 받은 후 헤더를 보면요 Accss-control-Allow-Origin : http://locslhost:3000 이 뜨는데요. 이부분도 보안적으로 암호화해 주어야하나요 ??