수강이 제한됩니다.
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결React로 NodeBird SNS 만들기
여기서의 usernameField와 passwordFiled
안녕하세요. 제로초님 usernameFiled: 'userId' passwordFiled: 'password' 이렇게한뒤 매개변수 (userId, password, done) => { } 이런식으로하셨는데 여기서 userId는 usernameFiled고 password는 passwordFiled니깐 프론트에서 보내준 req.body.userId, req.body.password라고 생각하면되는거죠??
- 미해결React로 NodeBird SNS 만들기
인피니티 스크롤 파트에 질문 - useRef
인피니티 스크롤 파트에 질문이 있습니다. Nodebird 메인 게시글에서 아래 useRef의 countRef에 마지막 게시글 id를 넣으면서 처음 부터 끝까지 스크롤링을 하였을 때는 문제가 없는데요~ 그 상태에서 다시 상단 메뉴의 Nodebird 버튼 클릭 후 게시글을 들어 가면 이미 countRef에 게시글 id가 있어 스크롤을 아래로 해도 처음 10개 이외에는 불러오지 못해요~ const countRef = useRef([]); const onScroll = useCallback(() => { if (window.scrollY + document.documentElement.clientHeight > document.documentElement.scrollHeight - 300) { if (hasMorePost) { const lastId = mainPosts[mainPosts.length - 1].id; if (!countRef.current.includes(lastId)) { dispatch({ type: LOAD_MAIN_POSTS_REQUEST, lastId, }); countRef.current.push(lastId); } } } }, [hasMorePost, mainPosts.length]); } }, [hasMorePost, mainPosts.length]);
- 미해결React로 NodeBird SNS 만들기
as와 through 차이
이 강좌에서 말씀하신 as와 through 차이가 먼가요??
- 미해결React로 NodeBird SNS 만들기
context.store.dispatch 안먹힘
항상 빠른답변 감사하게 생각하고있습니다다름이 아니라 context.store.dispatch가 index.js 파일에서 먹히지 않습니다 action이 리덕스 데프툴즈에 찍히지도 않습니다.axios.get으로 api 데이터를 받아오는데 어떤 문제일까요?
- 미해결React로 NodeBird SNS 만들기
암호화 관련 질문
암호화를 하는 이유가 궁금합니다. 프론트에서 백으로 비밀번호가 그냥 날라간다면 중간에 가로챌 수도 있지 않나요?? 백에서 암호화를 하는 이유가 어떤 것을 방지하고자 하는지에 대해서 궁금합니다
- 미해결React로 NodeBird SNS 만들기
이미지를 게시글에 포함을 안시키면...
이미지를 지금 테이블로 분류를 시키셨는데 원래 게시글 컬럼에 이미지를 추가하지않나요?? 따로 분류를 시키면 이미지가 어느 게시물에 포함이 될지 잘 모를거같은데..
- React로 NodeBird SNS 만들기
질문입니다.
삭제된 글입니다
- 미해결React로 NodeBird SNS 만들기
app.render 질문입니다.
강의 후반에 좀 뜬금없긴한데.. 갑자기 확 이해가 안되서 질문드립니다. 프론트에서 express 사용하실때 return app.render(req, res, '/post', { id : req.params.id}) 이런식으로 코드를 짜셨는데, express의 docs를 보면 app.render(view, [locals], callback) 이렇게 되어있더라구요. 저기서 render에 들어가는 argument매칭이 안되는데.. 혹시 어디를 참고하면 될까요?
- 해결됨React로 NodeBird SNS 만들기
SSR? CSR? 질문드립니다!
안녕하세요! 제로초님 강의를 기반으로 포트폴리오 프로젝트를 만들어 현재 구직중인 학생입니다. 면접을 갔다가 어떤 질문을 받았는데 제가 확실하게 대답하지 못한 점이 마음에 걸려 질문을 드립니다. 진행한 프로젝트에서 CSR을 사용했는지, 했다면 어떤 식으로 사용했는지를 질문받았는데요. 저는 이에 대해서 접속했을 때 사이트의 정보와 초기 데이터를 불러오는 작업은 SSR로 진행을 했고, 나머지는 CSR로 처리했다고 답변을 드렸습니다. 제가 제출한 프로젝트가 강의를 기반으로 따라가며 만든 사이트기 때문에 환경설정과 동작원리가 노드버드와 동일한데요. 이 경우 어떻게 대답하는 것이 옳은 답변이었을까요? SSR과 CSR의 차이에 대해 검색해보았지만 제가 한 대답이 맞는지가 확신이 들지 않아 질문 드려요..!
- 미해결React로 NodeBird SNS 만들기
여기서 action은
여기서의 action은 나중에 서버에서 보낼 데이터들이죠??
- 미해결React로 NodeBird SNS 만들기
화면 렌더링에 관련한 문제인데 어디서 문제가 발생했는지 궁금합니다
기존에 강의를 따라하면서 발생하지 않았던 문제인데 언젠가부터 갑자기 발생한 문제여서 ㅠㅠ 혹시 이런 경우가 있는지 궁금합니다. 1. 이 부분이 첫 화면이라고 했을때 #베라라고 되어있는 해시태그를 클릭하면 reducer에서는 잘 불러오는데 화면은 렌더링되지 않습니다 이 상태에서 새로고침을 하면 이런식으로 해당 해시태그에 맞게 렌더링이 됩니다. 여기서 메인페이지로 가는 버튼을 누르게되면 마찬가지로 reducer에서는 잘 불러오고 있는데, 화면에는 렌더링되지 않고 있습니다. 뭔가 데이터를 불러오는 것에는 문제가 없는데, 렌더가 되면서 오류가 생기는 것 같은데 이런 문제가 생길 수 있는지 궁금합니다 ㅠㅠ 따로 오류 메세지 생기는 부분은 이렇게 중복되면서 key값이 중복되는 메세지만 발생하는데 이 부분은 아마 중복되서 생기는 것 같습니다. 기존에 강의를 따라할 때는 문제가 생기지 않았던 부분인데 코드를 계속 비교해봐도 도저히 알 수가 없어서 질문 드립니다 ㅠㅠ 댓글을 추가한다던가 하는 한 화면에서 진행되는 문제에서는 같은 현상이 발생하지 않는데 주소를 넘어갈때 문제가 발생합니다 ㅠㅠ
- 미해결React로 NodeBird SNS 만들기
Helmet 정상적으로 rendering은 되는데 warning으로 보이는 것 질문입니다.
_app.js에서 ts에러가나는데요, Helmet밑에 빨간줄이 그어지길래 보닌깐 내용은 JSX element type 'Helmet' does not have any construct or call signature. ts(2604)로 나타납니다. - 현재 postman을 봤을 때 Helmet으로 추가한 meta내용이 나타나는 것으로 봐서는 SSR은 정상적인 것 같고, - 제가 보는 Front에서도 Elements 탭에 확인하면 meta내용이 들어가 있습니다. 질문 : 크게 문제는 없어보이는데, 저 타입스크립트 에러메시지 내용이 잘 이해가 안되서 질문드립니다.
- 미해결React로 NodeBird SNS 만들기
next없이 react로 서버사이드 렌더링 질문
안녕하세요 강사님. 현재 next없이 순수 react(cra)로 nodebird를 다시 만들어 보고있습니다. 현재 ssr부분에서 이해가 잘안되서 질문 남깁니다. 폴더 구조는 동일하게 back(express 사용), front로 분리 되어있습니다. Q. next (x), react로 서버사이드 렌더링을 적용할경우 back/index.js 에서 ssr을 설정해주는것 같은데 그러면, ssr적용은 백엔드 개발자가 작업하는 것 인가요?
- 미해결React로 NodeBird SNS 만들기
궁금한거 몇가지 질문할께요
1. 강의중 next/head 대신에 helmet 을 쓰시던데 구글에 검색해 보니 next/head랑 helmet이랑 차이가 없다고 하더라구요 혹시 helmet 을 쓰신 특별한 이유가 있나요? 2. 강의 끝까지 보고 똑같이 따라하고 몇가지 기능만 추가해서 배포까지 했는데 첫 페이지 로딩속도가 3초로 너무 느린데 어떤 방식으로 개선하나요? 3. 새로운 포트폴리오 제작중 antdesign 이랑 material ui 두개 다 쓰고싶은데 두개 섞어 써도 문제없나요? 4. https 강의는 없나요?
- 미해결React로 NodeBird SNS 만들기
리듀서 액션 생성 부분 질문이 있습니다!!
안녕하세요! 강의 잘 듣고 있습니당! 제로초님 강의 들으면서 궁금한게 생겨서 이렇게 질문을 남깁니다. 제가 책으로 공부했을때는, 리듀서에서 액션과 액션생성함수를 만들어야한다고 해서, 함수로 만들었는데, 제로초님은 액션부분을 아래와 같이 객체로만 만드셨는데, 함수로 만드는 것과 객체로 만드는 것은 어떠한 차이와 장단점이 있는지 궁금합니다!! 답변 부탁드립니다. const loginAction = { type: LOG_IN, data: { nickname: '쿠쿠', }, };
- 미해결React로 NodeBird SNS 만들기
next build할 때 웹팩 에러가 발생합니다.
root@ip-172-31-39-250:/home/ubuntu/Nodebird/front# npm run build > react-nodebird-front@1.0.0 build /home/ubuntu/Nodebird/front > cross-env ANALYZE=true next build Creating an optimized production build ... Webpack Bundle Analyzer saved report to /home/ubuntu/Nodebird/front/.next/analyze/server.html Failed to compile. ./node_modules/@ant-design/icons/lib/dist.js 5:6 Module parse failed: 'import' and 'export' may only appear at the top level (5:6) You may need an appropriate loader to handle this file type. | // 加载script标签会阻塞js执行,antd部分组件(如表格)无法在一轮循环内完成完整的渲染,故延时 | setTimeout(function(){ > import(/* webpackChunkName: "antd-icons" */'!!./dist.js').then(function(allIcons) { | AutoReloadIcon.load(allIcons); | }); > Build error occurred Error: > Build failed because of webpack errors at Object.build [as default] (/home/ubuntu/Nodebird/front/node_modules/next/dist/build/index.js:192:15) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! react-nodebird-front@1.0.0 build: `cross-env ANALYZE=true next build` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the react-nodebird-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/2020-06-18T10_35_44_822Z-debug.log root@ip-172-31-39-250:/home/ubuntu/Nodebird/front# ---------------------------------------------------------------아래 질문이랑 참고해서 웹팩버전을 바꿨는데.. 그래도 같은 오류가 발생합니다.
- 미해결React로 NodeBird SNS 만들기
불러들인다에 의미
여기서 LOAD 불러들인다고 하셨잖아요. 그러면 불러들인다에 의미가 서버에서 db.findAll({}); 해서 게시글이나 댓글들을 컴포넌트에 뿌려줄때 필요한 액션인가요??
- 미해결React로 NodeBird SNS 만들기
const { me } = useSelector(satate => state.user)
안녕하세요. 제로초님 UserProfile.js에서는 const { me } = useSelector(state => state.user); user파일에 me라는 변수를 찾는건데 UserProfile이 LOG_IN_SUCCESS를 할때 me: dummyUser이라는 user의 정보를 넣어지나깐 저렇게 me.Post.length 이렇게 찾을 수 있는건가요??
- 해결됨React로 NodeBird SNS 만들기
return 뒤에 arrow function쓰는건 무슨표현인가요?
return () => { window.removeEventListener('scroll', onScroll} 이렇게 쓰셨는데, arrow function이 실행되는 것이 아니라 그냥 function자체를 리턴하는건 무슨의미인가요? 제가 뭔가 잘 이해가 안되는데 어떻게 이해하면될까요
- React로 NodeBird SNS 만들기
build가 안됩니다.
삭제된 글입니다