수강이 제한됩니다.
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결React로 NodeBird SNS 만들기
favicon이 보이지 않습니다..
server.js 파일도 강의에서 보여주신것 처럼 수정했고요. localhost주소/favicon.ico로 브라우저에서 사진도 볼수 있는데, 정작 브라우저 탭에서 파비콘은 보이지 않습니다..
- 미해결React로 NodeBird SNS 만들기
Container의 역할 질문
import { Container } from "next/app"; 간단한 질문인데요. _app.js에서 위와 같이 Container를 불러와 NodeBird가 리턴하는 부분을 다 감싸주는데, Container의 역할이 뭔지 궁금합니다. 실제 코드가 저장된 타입스크립트 파일에서 보면 이렇게 정의되어 있었습니다. export class Container extends React.Component {}
- 미해결React로 NodeBird SNS 만들기
ec2 서버 가동 비용질문
선생님 ec2를 통해서 배포한뒤에 pm2 start를 켜놓은채로 한 1주정도 지났는데요. 비용이 4불정도 청구가됬어요. pm2를 켜놓지않으면 인스턴스는있지만 아이피주소로(도메인은구입x) 접근시 아무페 이지도 안나와서 pm2를 켜놓으면 페이지가 잘나오더라구요. 현재 1주정도 지났는데요 pm2를 단순히 켜놓기만해도 계속 사용중으로 인식되서 그만큼 비용이청구되는건가요?
- 해결됨React로 NodeBird SNS 만들기
만약에 업로드만 해놓고 '등록' 버튼을 누르지 않는다면
유저들이 완전히 등록하지 않은 이미지들이 서버에 가비지 파일로 계속 남아있는건가요?
- 해결됨React로 NodeBird SNS 만들기
무한 스크롤 관련 질문!
제 DB에 저장된 게시물은 20 ~ 30개 사이입니다. 10개씩 불러오니까 2번만 더 로드하면 되는데, 위와 같이 throttle 안쓰고 countRef 활용하지 않아도 리퀘스트 액션이나 네트워크 탭의 post 요청 전부 2번씩만 실행 됩니다. (3번 정도 실험해보았습니다.) 제로초님 강의에서 봤던 것 처럼 여러번 중복해서 리덕스 리퀘스트 액션이 실행된다거나 그런 현상이 발생하지 않는데요. 혹시 onScroll함수의 useCallback에서 디펜던시로 hasMorePost, mainPosts.length가 들어가 있어서 그런 것인가요?
- 미해결React로 NodeBird SNS 만들기
back 폴더에서 nodemon으로 서버 시작할 때 발생하는 에러
DB연결하는 게 안되는 그런 에러인것 같은데요. 왜 나는지 모르겠습니다. 그냥 나중에 다시 해보면 또 문제없이 되고요...
- 미해결React로 NodeBird SNS 만들기
질문이요
Post - Image 관계에서, 원래는 N:M 관계가 될 수도 있는거 아닌가요?? 포스트는 여러개의 이미지(ex:사과, 곰, 공)를 가질수 있다. 한개의 이미지(ex: 사과)는 여러개의 포스트에 등록 될 수 있다. 이렇게 될 수 있는거 아닌가요? 그런데 제가 생각하기로는, 그냥 1대다 관계로 하신이유가, 딱히 검색할 필요가 없어서 1대다 관계로 정하신 것인가요 ? ? 예를들어서, Post-Hashtag 의 관계를 보면, 한개의 포스트는 여러개의 해쉬태그(ex: #노드 #JS #자바)를 가질 수 있다. 한개의 해쉬태그(#노드)는 여려개의 포스트에 쓰일 수 있다 그런데, 여기서 Post-Hashtag 관계와 Post-Image 관계예서 다른점은, Post-Hashtag 관계는 검색기능을 염두해두어서 다대다 관계로 하신거 같아요. 다대다 관계를 하면 두 테이블 사이에 관계를 이어주는 테이블이 생기고나서, 특정 해쉬태그(#노드) 검색을 할 때 그 중간테이블을 이용해서 그 특정 해쉬태그(#노드)를 갖고있는 포스트를 찾을수 있기때문에 다대다 관계를 사용하신거죠? 반면에 Post-Image의 경우는 특정 image(ex: 사과)를 딱히 어느 포스트에 쓰였는지 기억할 필요가 없는거죠 왜냐하면, 그 그림을 찾는 검색이 없으니까요 즉 , Post-Image (1:N) 관계예서 다른점은, Post-Hashtag 관계(N:M) 차이는 검색기능을 하고 안하고 의 차이라고 봐도 무방하려나요?? 제가 포인트를 제대로 이해하고 있는게 맞는가요??
- React로 NodeBird SNS 만들기
쿠키 관련 메세지가 콘솔에 있고 application은 이렇게 나와요
삭제된 글입니다
- 미해결React로 NodeBird SNS 만들기
질문이요
sequelize init 해서, 만든 index.js요 간단하게 수정 하셨잖아요, 보통 실무에서도 간단하게 수정해도 되는건가요?? 수정하기 전과 후의 차이는 무엇인가요 ??
- 미해결React로 NodeBird SNS 만들기
안녕하세요. 추가된 게시글이 렌더링이 안돼서 질문드립니다
안녕하세요! 좋은 강의 잘 듣고있습니다. 게시글 추가 시 문제가 생겨 질문드립니다.현재 4-13. 게시글 작성 리덕스 사이클 강좌까지 들었는데요, 화면에서 add post를 할 시 redux devtool로 ADD_POST 요청 -> 성공 하여 mainPost 값이 들어가고 state 값들도 바뀌는 것은 확인했으나 화면에 postCard가 추가가 안됩니다... 제로초님의 github 코드에서 제 코드와 비교하며 다른 부분들까지 계속 확인을 해봤지만 문제점을 아직 못찾았네요 ㅠㅠ 이렇게 막연하게 질문드려 죄송하지만... 제 github 코드에서 확인좀 부탁드려도 괜찮을까요?? https://github.com/ljg0230/nodebird_ljg
- 해결됨React로 NodeBird SNS 만들기
signup 페이지 처리 관련(SSR & CSR) 질문
SSR의 경우 signup 컴포넌트 내에서 로 me 객체가 존재하는 경우(로그인되어 있을 때) return null(리디렉션하는 부분 빼고)하면 위와 같이 보여집니다. signup 컴포넌트만 빼고 렌더링 되는 거죠. CSR의 경우 ch6 때 프론트 코드 이용해서(getInitialProps 사용부분 다 주석 처리), 똑같이 해보면(signup에서 return null) 그냥 아무것도 출력이 안되더라고요. (물론, 그 직전에 살짝 모든 컴포넌트들이 렌더링 됬다가 백지로 전환되었습니다. 이는 CSR과 SSR의 차이를 보여주는 것으로 이해는 했습니다.) 결과적으로 어떤 컴포넌트도 렌더링되지 않게 되었습니다. CSR에서는 화면 상에 존재하는 컴포넌트 중 하나라도 return null이 되면 전부 렌더링되지 않는 것인가요? AppLayout 같은 건 signup의 부모격 컴포넌트일텐데도 아무것도 출력되지 않았습니다. 그런데 AppLayout은 SSR되는 것도 아닐텐데 UserProfile쪽은 me객체 데이터 사용하니까 SSR이라고 해도 말이죠. 제가 아직 SSR과 CSR 그리고 리액트로 브라우저에서 렌더링 되는 상세 프로세스 같은 것을 잘 모르는 것 같습니다.. 간단히 정리해서 질문드리면 signup에서 return null 했을 때 2가지 경우에서 렌더링되는데 왜 저렇게 차이가 나는건지 제대로 알고 싶습니다.
- React로 NodeBird SNS 만들기
로그인할떄 네트워크탭에 sessionid는 있는데 connect.sid는 없어여
삭제된 글입니다
- 미해결React로 NodeBird SNS 만들기
antd Card.Meta avatar 새로고침 시 글자 이동하는 문제(SSR 관련)
이 질문은 말로 설명하기가 어려워서 아예 영상을 촬영했습니다. 파트 7 서버사이드 렌더링쪽 강의 듣고 있고요. SSR은 잘 되는데 프로필 Card에 avatar(닉네임 첫글자 나오는 부분)이 새로고침하면 가장자리에 있다가 중앙으로 오게되는데 제 수준에서 이게 어떤게 원인일지 가늠이 안됩니다. 브라우저 상에서 css가 적용되기 전에 ssr로 먼저 데이터를 세팅해주게 되면서 생기는 문제인가요? 어떻게 해결할 수 있을까요?
- 미해결React로 NodeBird SNS 만들기
다른 컴퓨터에서 파일재설치후 dev환경으로 실행가능?
서버에서 지금 사용하는 express sequelize mysql 을 사용해서 과제를하고있는데요 저희 선생님이 배포는안해도된다고하고 로컬환경에서 앱이 잘작동되는지 확인한다고하시는데 강의에서 노드버드 만들때 mysql을 npm말고 https://www.mysql.com/downloads/에서 다운받았었는데요. 저희 선생님 컴퓨터에 mysql이 설치 안되어있는데 앱의 파일들만 저희선생님 컴퓨터로 옮긴다고해서 실행이될까요?
- 해결됨React로 NodeBird SNS 만들기
계속해서 ADD_POST_FAILURE가 발생합니다.
위와 같이 서버에서도 문제없이 응답받고 있고, DB에서 잘 저장이 됩니다. 다만 리덕스상에서 계속해서 실패를 합니다. 아래 사가 파일 코드 상에서 실패시 받는 에러도 뭔지 알수가 없습니다. console.error(e)로 접근하려해도 undefined 뜨고요. DB에는 정상적으로 들어갔으니 새로고침해야 제대로 업데이트되는 상황입니다. post.js/sagas post.js/reducers post.js/routes user.js/reducers위 파일들에서 포스트 추가 관련된 코드 다 동일한데...뭘 더 확인해야할지 어떻게 해야할지 모르겠습니다. 계속 삽질하고 있을 순 없고 우선 진도는 빼야할 것 같아서 이렇게 질문드립니다. function* addPost(action) { try { const result = yield call(addPostAPI, action.data); yield put({ //post 리듀서 데이터 수정 type: ADD_POST_SUCCESS, data: result.data }); yield put({ //user 리듀서의 데이터 수정 type: ADD_POST_TO_ME, data: result.data.id }); } catch (e) { yield put({ type: ADD_POST_FAILURE, error: e }); } }
- 미해결React로 NodeBird SNS 만들기
깃허브 주소가 어떻게 되시나요?
깃허브 주소가 어떻게 되시나요?
- 미해결React로 NodeBird SNS 만들기
질문이요
댓글 달때요, 게시글에있는 댓글 버튼을 클릭하면, 댓글창이 생기잖아요. 댓글버튼을 클릭함과 동시에, warning 이 뜨네요 .. react-dom.development.js:11494 Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://fb.me/react-async-component-lifecycle-hooks for details. * Move data fetching code or side effects to componentDidUpdate. * If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state * Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder. Please update the following components: Animate 이라는 warning 인데요.. 제가 코드 하나하나 체크하면서 봤는데요. 뜨는곳이, component/PostCard.js const PostCard = ({ post }) => { ... return ( <> .... {commentFormOpened && ( <> <Form onSubmit={onSubmitComment}> <Form.Item> // <- 이 부분에서 뜨는데요 <Input.TextArea rows={4} value={commentText} onChange={onChangeCommentText} /> </Form.Item> // <- 이 부분에서 뜨는데요 <Button type="primary" htmlType="submit" loading={isAddingComment}>삐약</Button> </Form> <List header={`${post.Comments ? post.Comments.length : 0} 댓글`} dataSource={post.Comments || []} renderItem={item => ( <li> <Comment author={item.User.nickname} avatar={<Avatar>{item.User.nickname[0]}</Avatar>} content={item.content} /> </li> )} /> */} </> )} </> ); }; ... <Form.Item>을 안 쓰면, 저런 warning 이 안뜨는데, 정확한 이유를 모르겠네요... 혹시 아시나요 ? ??
- 미해결React로 NodeBird SNS 만들기
create-react-app 사용해도 되나요?
다른 분의 초보강좌를 봤을 때 create-react-app을 사용했었습니다. 이 강의에서는 사용안하시는데 create-react-app으로 프로젝트를 만들어 진행해도 상관이 없는건가요??
- 해결됨React로 NodeBird SNS 만들기
컴포넌트 props로 넘겨지는 고차 함수 관련 질문
컴포넌트에 props로 들어가는 함수가 위와 같은 방식 괄호로 인자가 하나 더 붙으면 저 함수는 고차함수로 동작한다고 설명해주셨는데, 위와 같이 props로 넘겨지는 다른 메소드들은 괄호에 인자 없이 들어가는 대신 고차함수가 아닌 일차 함수 형태로 event 객체를 인자로 받더라고요. 그렇다면 onRemoveImage 함수 같은 경우 두번째 인자에서 event 객체 받을 수 있는 것인가요? 깊게 들어간 것 같지만 궁금해져서 여쭤봅니다. const onRemoveImage = useCallback( index => () => { dispatch({ type: REMOVE_IMAGE, index }); }, [] );
- 해결됨React로 NodeBird SNS 만들기
:id 와 ?id=xxx 의 차이가 있나요?
안녕하세요. next 라우팅 시스템을 써두 /hashtag?id=(xxxxx) 형태로 url을 세팅하면 hashtag 페이지가 출력되는데요. 구지 이번 강의 회차같은 작업을 하는 이유가 무엇인가요?