수강이 제한됩니다.
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결React로 NodeBird SNS 만들기
next 10 이상에서는 redux dev tool 구동이 안되나요?
state들은 다 잡히는데요 디스패쳐 돌리 려고 하니까 Unexpected Identifier 에러가 떠서요
- 미해결React로 NodeBird SNS 만들기
세션 갱신 문의 건
세션 갱신을 구현 중 도움을 주셨으면 합니다. - CSR 랜더링 시에는 정상적으로 백엔드 및 프론트 둘다 쿠키 expires가 변경 되는 것을 확인 하였으나 - SSR 랜더링 시에는 const cookie = ctx.isServer ? ctx.req.headers.cookie : ''; 통한 request headers에 Cookie 전달 확인은 되었으나 response header에 set-cookie가 없고 expires가 변경 되지 않습니다. 백엔드 설정 app.use(session({ resave: true, saveUninitialized: false, rolling: true, secret: process.env.COOKIE_SECRET, cookie: { httpOnly: true, secure: false, maxAge: 60*60*1000, }, name: 'kbk' })); 프론트 설정 server.use(session({ resave: false, saveUninitialized: false, secret: process.env.COOKIE_SECRET, cookie: { httpOnly: true, secure: false, }, name: 'kbk' })); 브라우저에서 Network탭 확인 시 - csr 랜더링 요청주소 : axios를 통한 서버쪽 주소 요청 - ssr 랜더링 시 요청주소: 프론트 주소
- 미해결React로 NodeBird SNS 만들기
배포 진행 후 Highlight updates components render 표시
안녕하세요. 개발 모드가 아닌 배포 모드에서 개발시 보이던 Highlight update render 표시가 번쩍번쩍이 계속 되고 있는데요 실 배포 서비스 시 계속 보이는게 이상 한데요 disable이 가능 한가요?
- 해결됨React로 NodeBird SNS 만들기
똑같은 기능을 하는 테이블
안녕하세요. 노드버드 테이블에 궁금한점이 있어서요. 지금은 post table만 like 테이블이랑 hashtag테이블로만 연결이 되어있지만 만약 댓글도 좋아요 기능 있으면 원래 기존에 있던 like 테이블에 관계를 연결해야하나요? 아니면 comment_like라는 테이블을 만들어서 하는게 낫나요?
- 해결됨React로 NodeBird SNS 만들기
관계형
hashtag와 post는 n:m관계인데 그 이유가 post는 여러개의 hashtag를 가질수있다 hashtag는 여러개의 post를 가질수 있다 그러면 사용자는 여러개의 게시글을 쓸수있다 게시글은 여러 사용자를 가질수있다 이러면 또 다대다 관계 성립 아닌가요? 관계형 데이터베이스에 이러한 관계가 헷갈리네요. 댓글도 게시글은 여러개의 댓글을 가질수있고 댓글은 여러개의 게시글을 가질수있는거니 이거 또한 다대다관계 아닌가 헷갈리네요.
- 미해결React로 NodeBird SNS 만들기
프론트 서버를 이용하지 않는경우
프론트 서버를 이용하지 않으면 favicon을 어디에 넣어야하는지 궁금합니다. page폴더에 넣어서 아래 처럼했는데 잘모르겠습니다... rel: 'shortcut icon', href: "/favicon.ico"
- 미해결React로 NodeBird SNS 만들기
인피니트 스크롤링 사용시 오류
2번정도 mainPosts에 아무것도 없는 상태에서 불러오고 3번째에 데이터가 넣어져서 불러옵니다. 다른페이지에서 사용자를 눌러서 들어간 경우에만 저렇게 되고 사용자를 눌러서 들어간 상태에서 에러 창이 나오고 거기서 새로고침을 하면 한번만 데이터가 넣어져 있는 상태로 뜨고 화면이 잘뜹니다 - 코드1 -코드2 - 코드3 ----------------------------------------------------------------------------------------------------------------------- 그리고 helmet을 쓰고 Container로 감싸준 뒤로 이런 경고창이 나옵니다.
- 해결됨React로 NodeBird SNS 만들기
계속 이런에러가 떠서 해결하기는 했는데 어떤 의미인지 모르겠습니다.
이런 에러가 계속 떠서 아래 StackOverFlow를 보고 해결했습니다. https://stackoverflow.com/questions/59365958/error-mydocument-getinitialprops-should-resolve-to-an-object-with-a-html-p 이렇게 하니까 잘 동작하는데 어떤의미인지는 잘 모르겠어서 질문드립니다. initialProps가 뭐고 왜 이렇게 선언하여야 동작하는 걸까요??
- 해결됨React로 NodeBird SNS 만들기
req.user가 언제 생성되나요??
매 실행시마다 deserializeUser가 실행되서 req.user에 넣어준다고 알고있습니다. 근데 메인 페이지에서 프로필를 눌러서 프로필 페이지로 넘어갔을때 req.user가 undefined라고 찍히고 프로필 페이지에서 새로고침을 눌렀을 때는 req.user가 현재 로그인한 유저로 찍히는데 어떻게 동작하는건지 이해가 되질 않습니다 ...
- 미해결React로 NodeBird SNS 만들기
Cannot read property 'id' of null 에러
해당 에러가 계속 뜹니다 ... 사가도 아래 사진처럼 0으로 바꿔줬는데도 계속 그러네요 ..
- 미해결React로 NodeBird SNS 만들기
리트윗한 게시글 불러오는 sequelize
포스트를 리트윗하면 그 새로 생긴 글에서 리트윗한 게시글을 불러올때 include model: db.Post, as:'Retweet'을 하는 부분이 있는데 이 부분은 관계 설정을 할때 1:1 설정을 했던 여기 부분을 써서 만들어진 RetweetId 으로 id가 맞는 포스트를 가져오는걸로 이해를 했는데 맞는건지 궁금합니다.
- 미해결React로 NodeBird SNS 만들기
result.data에서 images인 이유
include로 db.Image를 추가했을 때 user인 경우에는 result.data에 보면 User인데 image인 경우에는 result.data에 Images: []로 돼있는데 왜 images인지 궁금합니다. 그리고 include를 할때 user의 attribute에 password는 쓰지 않았는데 saga에서 result.data를 console.log에 찍어보면 password가 있는데 왜그런지도 궁급합니다..
- 해결됨React로 NodeBird SNS 만들기
takeLatest에 대한 질문입니다.
takeLatest를 이용하여 LOAD_MAIN_POSTS_REQUEST 요청을 보낼때 여러번 반복수행되면 마지막에 요청된 액션만 처리한다고 하였는데, Request가 가는것은 어쩔수 없다고 하는 부분이 이해가 잘 가지 않습니다. 궁금한점은 마지막 액션만 처리한다는 것은 요청이 여러번갔을때 서버로 요청도 한번만 보낸다는것인지? 아니면 REQUEST시마다 서버로 각각 요청을 보내는것은 막을수 없지만 ACTION SUCCESS이후 Store에 state가 저장되는것이 마지막 요청 기준으로 처리된다는 것인지 궁금합니다 ㅎ!!
- 미해결React로 NodeBird SNS 만들기
프론트에서 express를 사용하지 않을때 동적라우팅
next에서 자체적으로 지원하는 동적라우팅 (ex) [id].js )를 이용해서 동적라우팅을 하였습니다. 근데 이렇게하면 Link에서 href를 {{pathname: '/user/[id].js'}} 하고 as: '/user/${post.User.id}' 해도 되지가 않습니다. 혹시 자체적으로 지원하는 것에서는 다르게 해야하나요??
- 해결됨React로 NodeBird SNS 만들기
getInitialProps가 클라이언트에서 수행되는 이유?
강의를 보다 궁금한점이 생겨서 여쭤봅니다. 제가 생각하기로 getInitialProps는 서버사이드 렌더링을 위해 next에서 제공하는 SSR 함수라고 알려주셔서 그렇게 이해를 하고 있습니다. 그런데 강의를 듣다보니 getInitialProps가 프론트 서버에서만 수행되는 것이 아니라 클라이언트에서도 수행되기 때문에 ctx와 axios defaults의 쿠키처리에 대한 예외처리를 하는 것을 보고 든 의문점이 있습니다. getIntialProps는 서버사이드 렌더링을 위해 사용되는데 이 getIntialProps가 클라이언트에서 수행되는 이유에 대해서 궁금합니다. ~ 감사합니다. !
- 해결됨React로 NodeBird SNS 만들기
리로드하면 팔로우 언팔로우 값이 초기화 되는 문제입니다.
리로드 하면 끊겨서 이유를 생각해보니 http://localhost:3065/api/user/ 요청에서 Followers랑 Followings처리가 되어있지 않더라구요 그래서 아래처럼 했는데 제대로 동작하는것 같습니다. 이렇게 처리해도 될런지 여쭤봅니다. ㅎ
- 해결됨React로 NodeBird SNS 만들기
스타일드 컴포넌트와 className을 통한 스타일 적용의 차이에 대해 궁금합니다
안녕하세요 강의를 듣고 디자인을 꾸미는 중에 궁금한 점이 생겨 질문 남깁니다 스타일드 컴포넌트로 css 속성을 주는 것과 className을 통해 css 속성을 적용하는 것에 성능적으로 ( 또는 어떤 부분에서든 ) 차이가 있는지 궁금합니다 (실제 적용되는 css 속성은 생략하였습니다) 1. 스타일드 컴포넌트로만<Wrapper> <Content> 테스트 </Content></Wrapper>const Wrapper = styled.div``const Content = styled.div``2. className을 적용한 css<Wrapper> <div className={'test'}> 테스트 </div></Wrapper>const Wrapper = styled.div` ~ .test { ~ } `
- 미해결React로 NodeBird SNS 만들기
할인 쿠폰 사용이 안되는되요 (848-f9af83f183e3)
강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다.
- 해결됨React로 NodeBird SNS 만들기
nodejs mvc 패턴
안녕하세요. 제로초님 다름이 아니라 nodejs폴더 구조를 보면 mvc 폴더 구조가 아닌거같아서요. routes는 그냥 말 그데로 routes인데 그 routes가 컨트롤러 역할을 하는거같은데 다른 프로젝트 폴더 구조를 보면 query는 model폴덜에 따로 빼서 하고 routes js 코드는 routes/controller 폴더 만들어서 거기에다가 이젠 코드를 짜고 routes는 const User = require('./controller/login'); ex: routes.get('/', User.login); 이런식으로하던데 일부러 복잡해 지실까봐 안하신건가요? 아니면 지금 제로초님 방식도 mvc패턴 방식인가요??
- 해결됨React로 NodeBird SNS 만들기
사용하고 보니, 람다 구성이 궁금합니다!
현재는 back 아래에 lambda 폴더에 index 로 사용이 되었는데, 만약 함수가 여러개 사용이 된다면 lambda 폴더 아래 함수명 폴더 아래 index.js 를 놓고 수정시나, 생성시 각각의 폴더에서 동일하게 사용하나요?