월 17,600원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
배포
next 적용하지않은 react 프로젝트를 배포하려는데 해당 깃허브 레파지토리에 build한 폴더를 업로드해도 보안에 문제없을까요??
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
댓글 삭제기능을 만드는 중에 생긴 버그
안녕하세요 제로초님 댓글 삭제 기능을 만들다가 내 댓글만 삭제가 나왔으면 좋겠어서 밑에 같은 방식으로 구현했습니다. 하지만 내 댓글이 아닌 부분에도 삭제창이 나와 문의드립니다. 아마도 댓글 전체중 하나만 내가 단 댓글이어도 전체 다 삭제창이 나오는 것 같은데 어떤 부분을 수정해야 할 지 잘 모르겠어 문의드립니다. 감사합니다.
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
uploads 파일에 이미지가 들어가지 않습니다
아무리봐도 모르겠습니다... 파일이 안생깁니다. 구글링을 아무리 해봐도 이해가 되질 않는데 힌트라도 주시면 감사하겠습니다..
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
dataTypes.STRING( 숫자 ) 숫자 지정해주는 이유
최대 숫자를 지정해주는 이유가 뭔가요??
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
검색어 관련 질문입니다. (limit, offset, oreder) / pages/index.js PostCard key value
routes/posts.js에서 게시글을 불러올때 limit, offset, order 이 방법으로 게시글을 정해진 수 만큼 불러오는데 추후에 이 방법을 구글에서 검색해서 알고 싶다면 검색을 어떻게 하는게 좋을까요? 검색해본 것들입니다. nodejs limit nodejs limit offset nodejs limit order nodejs 게시글 10개씩 불러오기 이렇게 검색하면 대부분 sql문이나 해당강의 nodebird에 대해 나옵니다. 그리고 pages/index.js PostCard key 값으로 유니크한 값을 설정하고 싶은데 어떻게 하면 좋을까요? (key값이 중복되는 오류 문구가 뜹니다.) react_devtools_backend.js:2540 Warning: Encountered two children with the same key, `2`. 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. [시도] post.createdAt, post.id, post.updateAt, post.userId
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
모델 관계설정에 대해서
안녕하세요 제로초님 쇼핑몰 만들기 프로젝트를 진행중입니다. 강의가 정말 많은 도움이됩니다. 감사합니다. redux에는 데이터들을 추가했는데 이걸 모델로 만들어보려하니 막혀버렸습니다 . 장바구니에 상품들을 넣었을 때 장바구니는 추가한 상품에 대해서 참조할 것인데 이때 장바구니의 상품은 참조한 singleProduct 에 (quantity), 사이즈(Size), pluralPrice(수량 X 상품금액)이 추가되도록 하고 데이터를 저장하려고 하는데 이때 부가적인 것들을 어떻게 모델 설정을 해야할까요?? **singleProduct를 기본뼈대 cart의 products에는 signleProduct에 부가적인 것을 추가해서 데이터 추가 – 대신 singleProduct 뼈대를 건들지 않음 (다른 유저가 singleProduct를 장바구니에 추가할 수 있기 때문에) 이렇게 생각하고 있습니다..** 여러 상품들중에 하나의 singleProduct 유저가 장바구니에 singleProduct 를 담으면 Cart 상태 Product model Cart model
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
hook error 입니다..
안녕하세요 제로초님! Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 가 뜨는데 도통 문제가 뭔지 모르겠네요... Git 을 참고하려했으나 완성본에는 front에서 임시로 로그인하는게 아니라 직접비교가 어렵습니다..
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
마지막 퍼블릭 IPv4 주소연결 불가
안녕하세요, 제로초님 항상 피드백 주셔서 감사합니다. db생성까지 완료하고 npm start까지 문제가 없이 진행됐습니다. 그런데 마지막에 퍼블릭 IPv4 주소로 요청하니 연결거부 페이지가 뜨는겁니다.. 커뮤니티도 살펴봤는데 저랑 유사한 현상을 질문하신분 계셔서 port도 확인해보니깐 인바운드에 모드 범위가 적혀있는데 어떤 부분을 더 봐야할지 감이 안오는데 어느 부분을 더 체크해봐야할지 문의드립니다...
- 해결됨[리뉴얼] React로 NodeBird SNS 만들기
리덕스랑 props
리덕스에서 관리되는 데이터는 props로 넘기는 대신 redux 접근해서 바로 가져와도 성능적인면에서 크게 상관없나요? 컴포넌트끼리 props 넘기는 과정이 귀찮고 나중에 코드볼때 어떤 데이터가 넘어가야되는지 확인해야되서 리덕스로 웬만한건 다 처리하려고하는데 상관없나요?
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
리렌더링 관련 질문 드립니다.
안녕하세요. 강의 잘 수강하고 있습니다. 다름이 아니라 리렌더링 강좌에서 궁금한게 생겼는데 inLine style을 적용하지 않고 className으로 css를 적용했을 때는 리렌더링이 일어나는지 궁금합니다. 테스트를 진행 해보려고 했는데 css는 테스트를 어떻게 진행해야 하는지 방법이 안떠올라 질문 드립니다.. 감사합니다
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
combineReducers사용할때 오류가 생겨요
에러는 TypeError: Cannot read properties of undefined (reading 'type') 이렇게 출력이 되고 해당 에러가 난 코드는 reducer/user.js의 const reducer = (state = initialState, action) => {switch (action.type) {case 'LOG_IN':이부분 입니다user.js, post.js에if (action === undefined){return state}를 추가해서 수정하려했지만 TypeError: Cannot read properties of undefined (reading 'isLoggedIn')이렇게 추가로 오류가 발생합니다어떻게 수정해야할까요..ㅜㅜ
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
Couldn't find a `pages` directory. Please create one under the project 오류
안녕하세요 제로초님 ! 강좌잘보고있습니다. npm run dev 를 실행하면 아래와같은 오류가뜨네요.... 코드는 다음 캡처와같습니다. { "name": "react-nodebird-front", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "next" }, "author": "Jeonga Kim", "license": "ISC", "dependencies": { "next": "^9.5.5", "react": "^16.14.0", "react-dom": "^16.14.0" } }
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
시퀄라이즈
유저 테이블(User)과 대회 테이블(Contest)이 through: 참가(Participate) 인 n:m 관계 through: 순위권(Win) 인 n:m관계 이렇게 2가지 관계를 가지고 있습니다. 대회에는 타입이 INTEGER인 참가포인트(pPoint), 순위권포인트(wPoint) 라는 칼럼이 있습니다. 이 칼럼들을 관계에 넣지않고 대회테이블에 부여한 것은 추후에 변경 될 수 있기 때문에 이렇게 설계했습니다. 이때 참가자들의 보유 포인트가 많은순으로 참가자 정보와 보유 포인트 합계 정보를 같이 받아오는 것이 목표입니다. 우선 각각의 합들을 받아오기 위해서 router.get('/', async (req, res, next) => { try { const userList = await User.findAll({ logging: true, include: [{ model: Contest, as: "Participated", through: { model: Participate, attributes: [] }, attributes: ['pPoint'], }, { model: Contest, as: "Won", through: { model: Win, attributes: [] }, attributes: ['wPoint'], }], attributes: ['name', 'studentid', [fn('sum', col('Participated.pPoint')), 'totalppoint'], [fn('sum', col('Won.wPoint')), 'totalwpoint']], }); res.json(userList); } catch (err) { console.error(err); next(err); } });
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
해시태그가 불러와지지 않습니다....ㅠ
영상을 보고 따라하고 있는데 user/1은 잘 되지만 /hashtag/해시태그는 불러와지지가 않습니다... 원인을 알려주시면 진심으로 감사드립니다....
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
http://localhost:3060/post/1에서 에러가 발생했습니다..ㅠ
바쁘실텐데 질문드려서 죄송합니다. 영상을 보고 따라하며 공부하고 있는데 localhost:3060/post/1에서 에러가 발생했습니다. 그전까지 잘 따라했다고 생각했는데 이유를 잘 모르겠네요.... 원인을 알려주시면 진심으로 감사드립니다.....ㅠ
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
jwt방식을 이용하려고 하는데 사가에서 이런식의 코드를 이용해도 문제 없는건가요?
안녕하세요 제로초님 jwt방식의 로그인을 이런식으로 해결해도 되는 지 여쭙고 싶습니다. 그리고 서버사이드props를 사용할 때 어떤식으로 토큰확인을 해야하는 지도 여쭙고 싶습니다 감사합니다
- 해결됨[리뉴얼] React로 NodeBird SNS 만들기
모바일버전 대응
일반 데스크탑화면일때 뷰량 모바일일때 뷰량 헤더부분(네비게이션) 을 다르게 구성해서 모바일로 가면 화면을 다른걸로 보여줘야되는데 어떻게 해야되나요?
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
index 페이지 속도가 왜이리 느릴까요?
아래에도 어떤 분이 같은 주제로 올리신 질문입니다. index 페이지 속도 관련인데요, 배포 환경 기준 index 페이지 로드에 약 5~6초 가량 걸립니다. 다른 페이지 ssr 1~2초 걸리는건 귀여운 수준이네요.. 로초님이 Link들에 prefetch={false} 거실때 전 패스했는데 그게 느려지는 원인이 될 수 있을까요? 개선해야 한다면 어떤 방향으로 개선하는게 좋을까요? https://nodebird.com/ 은 속도 기가막힌걸 보면 제 쪽 문제일텐데 코드는 대부분 그대로 따라쳤는데 이렇게까지 차이가 날 수 있나 싶구요.. 배포사이트 - https://bearsns.com/ index 소스코드 - https://github.com/bear-bear-bear/sns-clone/blob/master/front/pages/index.js
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
useSWR에 대해서
안녕하세요. 제로초님 최근에 제로초님을 통해 useSWR에 대해서 알게되었고 이에 대한 내용을 찾아보다가 궁금점이 생겨 질문남깁니다. 많은 글에서 useSWR을 활용하여 상태관리를 할 수 있다고 하여서 여러 자료를 뒤져봤는데요. userSWR은 비동기 데이터만을 위한 상태관리로 사용하고 비동기 데이터 외에 다른 전역으로 상태관리가 필요한 예를 들어 토스트 메시지라던가 하는 데이터들은 contextAPI나 Redux를 이용해서 관리해주어야하나요? useSWR을 이용해서 비동기 데이터 외에도 전역상태 관리가 필요한 다른 데이터도 활용가능한지 useSWR이 Redux와 ContextAPI를 대체할수 있는건지 궁금합니다.
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
where는
이렇게 where 조건 2가지면 2가지 조건을 다만족해야하나요? where: { id: req.params.postId, UserId: req.user.id, },