월 17,600원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
데이터 수정에 대해 질문드립니다.
User 테이블이 아래와 같고,Post 테이블이 아래와 같을 때,DB의 내용은 바꾸지 않고, 제가 사용할 코드 상에서만 홍길동을 김민수로 바꾸고 싶습니다.이 때, 복사를 사용해야 할 지가 고민입니다.1.const post = await Post.findOne({ where: {id: 1}, include: [{ model:User }] }); const copyPost = {...post}; copyPost.name = "김민수"; 2.const post = await Post.findOne({ where: {id: 1}, include: [{ model:User }] }); post.name = "김민수"; 1번처럼 복사를 사용할까요 아니면2번처럼 post 식별자를 그냥 쓰되 post.save를 안하는 걸로 사용할까요? 만약 1번이 더 나은 해결책이라면 1번처럼 얕은 복사를 해야 하나요 아니면 깊은 복사를 해야 하나요? 조언 부탁드립니다.
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
두 서버를 하나의 컴퓨터로 올리는방법
안녕하세요. 제로초님도메인 구매와 aws비용 문제로 하나의 컴퓨터로 배포를 진행하고 싶은데하나의 서버에서 front와 back 서버를 둘다 실행을 시켜놓으면 뒤늦게 킨 서버에서 에러가 발생을 하고있습니다.혹시 어떤식으로 진행을 해야 될까요?아니면 참고할만한 사이트가 있을까요?
- 해결됨[리뉴얼] React로 NodeBird SNS 만들기
pug 와 react 를 같이 사용시 시나리오가 궁금합니다.
express 라우트 -> pug (리액트가 포함된 js) -> React이런 시나리오 인가요?데이터는 pug 에서 React 로 전달이 가능한가요?아니면, React 에서 Fetch로 데이터를 받아오는 것인가요?
- 해결됨[리뉴얼] React로 NodeBird SNS 만들기
nextjs 13 버전 사용해도 되나요?
nextjs 13 버전 사용해도 되나요? 공지사항에서 12버전까지는 테스트가 되었다고 하신건 확인했습니다!
- 해결됨[리뉴얼] React로 NodeBird SNS 만들기
serverside 가 필요없다면, nextJS 보다 순수 react 가 더 좋은 가요?
admin 페이지의 경우 nextJS 보다 순수 react 가 더 좋은 가요?serverside 가 필요없다면, nextJS 가 더 불편한 가요?만약 불편하다면 어떤점이 불편한지 알고 싶습니다.
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
webpack 관련 질문 좀 드리려고 합니다.
문제를 해결하기 전에 강의와 관련없는 질문이 인거 같아서 stack overflow에 물어보았으나 아직 답변이 없네요. webpack과 babel 환경에 대해서 몇일에 걸쳐서 내용을 보고 있으나 해결되지 않아 조언을 조금 구하고자 합니다..dev와 production 환경을 유심히 살펴보다 이상한점이 있어서 해결을 못하고 있습니다.답을 원하는것이 아니라.. 어디를 좀 더 유심히 봐야 할지만 지적만 좀 해주신 다면 그 부분에서 좀 더 내용을 찾아보고 싶습니다.webpack vs webpack-internal 의 차이점을 찾아보았으나 명확하게 이건 이럴때 나오는 의미다 라는 뜻 나와 있는 문서가 없는거 같습니다. 혹시 아시면 답변 좀 부탁드리겠습니다. 하나는 webpack + babel의 환경을 env 파일만 변경해서 빌드를 했으나 env.dev는 babel이 하위 문법으로 전환을 했고 env.production은 es6 문법을 그대로 사용하고 있습니다. 도대체 왜 차이가 나는지 전혀 이해가 되지 않아서 질문을 드리려합니다.2번의 경우 babel.config.js 설정도 명확하게 했고 webpack.config.js 설정도 env 환경이 local이 아닌경우에는 dev나 prd 환경이 똑같은 webpack 빌드를 타게했고 package.json의 명령어만 다른데 불구하고 다른 환경이 나오는 이유를 전혀 모르겠습니다..아래는 사진을 첨부해두었습니다.혹시나 코드를 잠깐 봐주실 수 있다면..https://stackoverflow.com/questions/74851479/vue-how-to-apply-babel-well-depending-on-the-environment제가 올린 질문인데 한번 봐주시면 감사하겠습니다.필요한 코드만 요약했습니다. devprodcution
- 해결됨[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요.
안녕하세요 강의와 연관은 없지만 어디에 질문할지 몰라 여기에 질문 남깁니다. 제가 기존 노드 교과서를 이북으로 구매하여 잘 보고 있습니다. 3판이 나오면 이북도 새로 나오는 건가요? 맞다면 이북 같은 경우 출시 예정일이 언제인지도 궁금합니다. 감사합니다!!
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
PostCard 댓글 에 List ant에 질문 드립니다
안녕하세요 List 에러 때문에 질문 드립니다PostCard.js에서 이렇게 임포트 했고요{commentFormOpened && ( <div> <CommentForm post={post} /> <List header={`${post.Comments.length}개의 댓글`} itemLayout="horizontal" dataSource={post.Comments} renderItem={(item) => ( <li> <Comment author={item.User.nickname} avatar={<Avatar>{item.User.nickname[0]}</Avatar>} content={item.content} /> </li> )} /> </div> )} </div>코드 도 이런식입니다근데 로컬 화면에서댓글 아이콘 클릭하면이렇게 뜹니다 임포트도 제대로 한거 같고 찾아봤는데 임포트 문제라고 하는데 제가 보기엔 문제는 없어보여서요일단 이렇게 프로그래밍 하고있습니다
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
eslint.....vscode..... 연동?
강의보고 따라하는데 설정은 알아서 하시라하셔서...구글링 해도 버전도 다르고 환경도 모든게 여기 따라하는거랑 달라서 어떻게 해야 될지 모르겠네요...코드 예뻐지게 하는 기능이라 하셨는데굳이 안 예뻐져도 진도 나가는데 문제는 없죠??우선 강의 내용 따라하고 vscode 마켓에서 eslint 설치만 한 상태임다
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
store.dispatch 오류
store.dispatch 오류const initialState ={ user:{ isLoggedIn: false, user: null, signUpData: {}, loginData: {}, }, post: { mainPosts: [], } }; export const loginAction = (data) =>{ return { type: 'LOG_IN', data, } } export const logoutAction = () =>{ return { type: 'LOG_OUT', data, } } //async action creator //action Createor const CHANGE_NICKNAME = { type: 'CHANGE_NICKNAME', data: 'boogicho', } // const initialState = { // user: { // isLoggedIn: false, // user: null, // signUpData: {}, // loginData: {}, // }, // post: { // mainPosts: [], // } // }; //action Createor const changeNickname = (data) => { return { type: 'CHANGE_NICKNAME', data, } }; changeNickname('boogicho'); //{ // type: 'ChANGE_NICKNAME', // data: 'boogicho', //} // store.dispatch(changeNickname('mighty tak')) // (이전상태, 액션) => 다음상태 const rootReducer =(state, initialState, action)=>{ switch (action.type){ case 'LOG_IN': return { ... state, user: { ...state.user, isLoggedIn: ture, user: action.data, }, }; case 'LOG_OUT': return { ... state, user: { ...state.user, isLoggedIn: false, user: null, }, }; } }; export default rootReducer; 수정후 오류 page: '/' } 60 | //} 61 | // > 62 | store.dispatch(changeNickname('mighty tak')) | ^ 63 | 64 | // (이전상태, 액션) => 다음상태 65 | const rootReducer =(state, initialState, action)=>{ 터미넝essfully in 74 ms (221 modules) ReferenceError: store is not defined at eval (webpack-internal:///./reducers/index.js:60:1) at ./reducers/index.js (D:\react-zero\front\.next\server\pages\_app.js:33:1) at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42) at eval (webpack-internal:///./store/configureStore.js:9:67) at ./store/configureStore.js (D:\react-zero\front\.next\server\pages\_app.js:44:1) at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42) at eval (webpack-internal:///./pages/_app.js:17:79) at ./pages/_app.js (D:\react-zero\front\.next\server\pages\_app.js:22:1) at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42) at __webpack_exec__ (D:\react-zero\front\.next\server\pages\_app.js:130:39) ReferenceError: store is not defined at eval (webpack-internal:///./reducers/index.js:60:1) at ./reducers/index.js (D:\react-zero\front\.next\server\pages\_app.js:33:1) at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42) at eval (webpack-internal:///./store/configureStore.js:9:67) at ./store/configureStore.js (D:\react-zero\front\.next\server\pages\_app.js:44:1) at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42) at eval (webpack-internal:///./pages/_app.js:17:79) at ./pages/_app.js (D:\react-zero\front\.next\server\pages\_app.js:22:1) at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42) at __webpack_exec__ (D:\react-zero\front\.next\server\pages\_app.js:130:39) warn - Fast Refresh had to perform a full reload. Read more: https://nextjs.org/docs/messages/fast-refresh-reload wait - compiling / (client and server)... error - ./node_modules/bunyan/lib/bunyan.js:77:0 Module not found: Can't resolve 'fs' Import trace for requested module: ./node_modules/redex/lib/RedexGlobal.js ./node_modules/redex/index.js ./components/AppLayout.js ./pages/index.js https://nextjs.org/docs/messages/module-not-found error - reducers\index.js (62:4) @ store error - ReferenceError: store is not defined at eval (webpack-internal:///./reducers/index.js:60:1) at ./reducers/index.js (D:\react-zero\front\.next\server\pages\_app.js:33:1) at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42) at eval (webpack-internal:///./store/configureStore.js:9:67) at ./store/configureStore.js (D:\react-zero\front\.next\server\pages\_app.js:44:1) at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42) at eval (webpack-internal:///./pages/_app.js:17:79) at ./pages/_app.js (D:\react-zero\front\.next\server\pages\_app.js:22:1) at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42) at __webpack_exec__ (D:\react-zero\front\.next\server\pages\_app.js:130:39) { page: '/' } 60 | //} 61 | // > 62 | store.dispatch(changeNickname('mighty tak')) | ^ page: '/' } 60 | //} 61 | // > 62 | store.dispatch(changeNickname('mighty tak')) | ^ 63 | 64 | // (이전상태, 액션) => 다음상태 65 | const rootReducer =(state, initialState, action)=>{ store.dispatch부분은 어떻게 하죱?
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
const initialState ={ user:{ 동영상 문법오류
const initialState ={ user:{ 동영상 문법오류문제의 상황D:\react-zero\front\reducers\index.jsconst initialState ={ user:{ isLoggedIn: false, user: null, signUpData: {}, loginData: {}, }, post: { mainPosts: [], } }; const initialState ={ user:{ isLoggedIn: false, user: null, signUpData: {}, loginData: {}, }, post: { mainPosts: [], } }; export const loginAction = (data) =>{ return { type: 'LOG_IN', data, } } export const logoutAction = () =>{ return { type: 'LOG_OUT', data, } } //async action creator //action Createor const CHANGE_NICKNAME = { type: 'CHANGE_NICKNAME', data: 'boogicho', } const initialState = { user: { isLoggedIn: false, user: null, signUpData: {}, loginData: {}, }, post: { mainPosts: [], } }; //action Createor const changeNickname = (data) => { return { type: 'CHANGE_NICKNAME', data, } }; changeNickname('boogicho'); //{ // type: 'ChANGE_NICKNAME', // data: 'boogicho', //} // store.dispatch(changeNickname('mighty tak')) // (이전상태, 액션) => 다음상태 const rootReducer =(state, initialState, action)=>{ switch (action.type){ case 'LOG_IN': return { ... state, user: { ...state.user, isLoggedIn: ture, user: action.data, }, }; case 'LOG_OUT': return { ... state, user: { ...state.user, isLoggedIn: false, user: null, }, }; } }; export default rootReducer; 빨간밑줄과 문법내용 고치라고 나옵니다지금 문법오류가 났습니다 흠 .. ㅇ
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
동영상보고 따라하기에서 우려했던 부분이 오류로 나옵니다..import { createStore } from 'redux';
유려했던 오류가.. 나타났습니다.홈페이지 오류내용Failed to compile ./pages/_app.js Error: x Expression expected ,---- 5 | | import { createStore } from 'redux'; : ^ `---- x Unexpected token `{`. Expected `.` or `(` ,---- 5 | | import { createStore } from 'redux'; : ^ `---- Caused by: 0: failed to process input file 1: Syntax Errorapp.js 페이지 내용 app.js 가 코드로올리면 오류가나서 못올리네요그림첨부합니다. 터미널 내용과, app.js 코드올리려고하면고양이그림나오고 오류나와서 안되서 못올리네요 Failed to compile./pages/_app.js:4:0 Module not found: Can't resolve 'redux' 2 | import PropTypes from 'prop-types'; 3 | import Head from 'next/head'; > 4 | import { createStore } from 'redux'; 5 | 6 | import 'antd/dist/antd.css' 7 | https://nextjs.org/docs/messages/module-not-foundThis error occurred during the build process and can only be dismissed by fixing the error. ㅇ
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
import { createStore } from 'redux'; 에서 createStore 밑줄현상오류
(alias) function createStore<S, A extends Action<any>, Ext, StateExt>(reducer: Reducer<S, A>, enhancer?: StoreEnhancer<Ext, StateExt>): Store<S & StateExt, A> & Ext (+1 overload)import createStore@deprecatedWe recommend using the configureStore method of the @reduxjs/toolkit package, which replaces createStore.Redux Toolkit is our rec createStore 글자가 밑줄표시나고 적용이 안되는것인가요?버전은 6으로 명령어는 해논상태입니다. npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.0.0" from rc-picker@1.10.7 npm WARN node_modules/antd4/node_modules/rc-picker npm WARN rc-picker@"~1.10.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^16.0.0" from rc-picker@1.10.7 npm WARN node_modules/antd4/node_modules/rc-picker npm WARN rc-picker@"~1.10.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-slider@9.3.1 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^16.0.0" from rc-slider@9.3.1 npm WARN node_modules/antd4/node_modules/rc-slider npm WARN rc-slider@"~9.3.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^16.0.0" from rc-slider@9.3.1 npm WARN node_modules/antd4/node_modules/rc-slider npm WARN rc-slider@"~9.3.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-slider@9.3.1 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.0.0" from rc-slider@9.3.1 npm WARN node_modules/antd4/node_modules/rc-slider npm WARN rc-slider@"~9.3.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^16.0.0" from rc-slider@9.3.1 npm WARN node_modules/antd4/node_modules/rc-slider npm WARN rc-slider@"~9.3.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-steps@4.0.1 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^16.0.0" from rc-steps@4.0.1 npm WARN node_modules/antd4/node_modules/rc-steps npm WARN rc-steps@"~4.0.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^16.0.0" from rc-steps@4.0.1 npm WARN node_modules/antd4/node_modules/rc-steps npm WARN rc-steps@"~4.0.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-steps@4.0.1 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.0.0" from rc-steps@4.0.1 npm WARN node_modules/antd4/node_modules/rc-steps npm WARN rc-steps@"~4.0.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^16.0.0" from rc-steps@4.0.1 npm WARN node_modules/antd4/node_modules/rc-steps npm WARN rc-steps@"~4.0.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-table@7.8.6 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^16.0.0" from rc-table@7.8.6 npm WARN node_modules/antd4/node_modules/rc-table npm WARN rc-table@"~7.8.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^16.0.0" from rc-table@7.8.6 npm WARN node_modules/antd4/node_modules/rc-table npm WARN rc-table@"~7.8.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-table@7.8.6 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.0.0" from rc-table@7.8.6 npm WARN node_modules/antd4/node_modules/rc-table npm WARN rc-table@"~7.8.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^16.0.0" from rc-table@7.8.6 npm WARN node_modules/antd4/node_modules/rc-table npm WARN rc-table@"~7.8.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-textarea@0.2.6 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^16.0.0" from rc-textarea@0.2.6 npm WARN node_modules/antd4/node_modules/rc-textarea npm WARN rc-textarea@"~0.2.2" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN 1 more (rc-mentions) npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^16.0.0" from rc-textarea@0.2.6 npm WARN node_modules/antd4/node_modules/rc-textarea npm WARN rc-textarea@"~0.2.2" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN 1 more (rc-mentions) npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-textarea@0.2.6 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.0.0" from rc-textarea@0.2.6 npm WARN node_modules/antd4/node_modules/rc-textarea npm WARN rc-textarea@"~0.2.2" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN 1 more (rc-mentions) npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^16.0.0" from rc-textarea@0.2.6 npm WARN node_modules/antd4/node_modules/rc-textarea npm WARN rc-textarea@"~0.2.2" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN 1 more (rc-mentions) npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-motion@1.1.2 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^16.0.0" from rc-motion@1.1.2 npm WARN node_modules/antd4/node_modules/rc-select/node_modules/rc-motion npm WARN rc-motion@"^1.0.1" from rc-select@11.0.13 npm WARN node_modules/antd4/node_modules/rc-select npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^16.0.0" from rc-motion@1.1.2 npm WARN node_modules/antd4/node_modules/rc-select/node_modules/rc-motion npm WARN rc-motion@"^1.0.1" from rc-select@11.0.13 npm WARN node_modules/antd4/node_modules/rc-select npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-motion@1.1.2 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.0.0" from rc-motion@1.1.2 npm WARN node_modules/antd4/node_modules/rc-select/node_modules/rc-motion npm WARN rc-motion@"^1.0.1" from rc-select@11.0.13 npm WARN node_modules/antd4/node_modules/rc-select npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^16.0.0" from rc-motion@1.1.2 npm WARN node_modules/antd4/node_modules/rc-select/node_modules/rc-motion npm WARN rc-motion@"^1.0.1" from rc-select@11.0.13 npm WARN node_modules/antd4/node_modules/rc-select up to date, audited 775 packages in 6s 81 packages are looking for funding run `npm fund` for details 15 vulnerabilities (2 low, 2 moderate, 10 high, 1 critical) To address issues that do not require attention, run: npm audit fix Some issues need review, and may require choosing a different dependency. Run `npm audit` for details. PS D:\react-zero\front> npm aduit Unknown command: "aduit" npm help npm ERR! Missing script: "aduit" npm ERR! npm ERR! To see a list of scripts, run: npm ERR! npm run npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\seolzone\AppData\Local\npm-cache\_logs\2022-12-16T14_31_32_875Z-debug-0.log PS D:\react-zero\front> npm -v 8.6.0 PS D:\react-zero\front> npm i next-redux-wrapper@6 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: @ant-design/react-slick@0.26.3 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^0.14.0 || ^15.0.1 || ^16.0.0" from @ant-design/react-slick@0.26.3 npm WARN node_modules/antd4/node_modules/@ant-design/react-slick npm WARN @ant-design/react-slick@"~0.26.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^0.14.0 || ^15.0.1 || ^16.0.0" from @ant-design/react-slick@0.26.3 npm WARN node_modules/antd4/node_modules/@ant-design/react-slick npm WARN @ant-design/react-slick@"~0.26.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: @ant-design/react-slick@0.26.3 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^0.14.0 || ^15.0.1 || ^16.0.0" from @ant-design/react-slick@0.26.3 npm WARN node_modules/antd4/node_modules/@ant-design/react-slick npm WARN @ant-design/react-slick@"~0.26.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^0.14.0 || ^15.0.1 || ^16.0.0" from @ant-design/react-slick@0.26.3 npm WARN node_modules/antd4/node_modules/@ant-design/react-slick npm WARN @ant-design/react-slick@"~0.26.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-pagination@2.4.6 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^16.0.0" from rc-pagination@2.4.6 npm WARN node_modules/antd4/node_modules/rc-pagination npm WARN rc-pagination@"~2.4.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^16.0.0" from rc-pagination@2.4.6 npm WARN node_modules/antd4/node_modules/rc-pagination npm WARN rc-pagination@"~2.4.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-pagination@2.4.6 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.0.0" from rc-pagination@2.4.6 npm WARN node_modules/antd4/node_modules/rc-pagination npm WARN rc-pagination@"~2.4.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^16.0.0" from rc-pagination@2.4.6 npm WARN node_modules/antd4/node_modules/rc-pagination npm WARN rc-pagination@"~2.4.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-picker@1.10.7 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^16.0.0" from rc-picker@1.10.7 npm WARN node_modules/antd4/node_modules/rc-picker npm WARN rc-picker@"~1.10.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^16.0.0" from rc-picker@1.10.7 npm WARN node_modules/antd4/node_modules/rc-picker npm WARN rc-picker@"~1.10.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-picker@1.10.7 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.0.0" from rc-picker@1.10.7 npm WARN node_modules/antd4/node_modules/rc-picker npm WARN rc-picker@"~1.10.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^16.0.0" from rc-picker@1.10.7 npm WARN node_modules/antd4/node_modules/rc-picker npm WARN rc-picker@"~1.10.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-slider@9.3.1 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^16.0.0" from rc-slider@9.3.1 npm WARN node_modules/antd4/node_modules/rc-slider npm WARN rc-slider@"~9.3.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^16.0.0" from rc-slider@9.3.1 npm WARN node_modules/antd4/node_modules/rc-slider npm WARN rc-slider@"~9.3.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-slider@9.3.1 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.0.0" from rc-slider@9.3.1 npm WARN node_modules/antd4/node_modules/rc-slider npm WARN rc-slider@"~9.3.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^16.0.0" from rc-slider@9.3.1 npm WARN node_modules/antd4/node_modules/rc-slider npm WARN rc-slider@"~9.3.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-steps@4.0.1 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^16.0.0" from rc-steps@4.0.1 npm WARN node_modules/antd4/node_modules/rc-steps npm WARN rc-steps@"~4.0.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^16.0.0" from rc-steps@4.0.1 npm WARN node_modules/antd4/node_modules/rc-steps npm WARN rc-steps@"~4.0.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-steps@4.0.1 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.0.0" from rc-steps@4.0.1 npm WARN node_modules/antd4/node_modules/rc-steps npm WARN rc-steps@"~4.0.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^16.0.0" from rc-steps@4.0.1 npm WARN node_modules/antd4/node_modules/rc-steps npm WARN rc-steps@"~4.0.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-table@7.8.6 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^16.0.0" from rc-table@7.8.6 npm WARN node_modules/antd4/node_modules/rc-table npm WARN rc-table@"~7.8.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^16.0.0" from rc-table@7.8.6 npm WARN node_modules/antd4/node_modules/rc-table npm WARN rc-table@"~7.8.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-table@7.8.6 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.0.0" from rc-table@7.8.6 npm WARN node_modules/antd4/node_modules/rc-table npm WARN rc-table@"~7.8.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^16.0.0" from rc-table@7.8.6 npm WARN node_modules/antd4/node_modules/rc-table npm WARN rc-table@"~7.8.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-textarea@0.2.6 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^16.0.0" from rc-textarea@0.2.6 npm WARN node_modules/antd4/node_modules/rc-textarea npm WARN rc-textarea@"~0.2.2" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN 1 more (rc-mentions) npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^16.0.0" from rc-textarea@0.2.6 npm WARN node_modules/antd4/node_modules/rc-textarea npm WARN rc-textarea@"~0.2.2" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN 1 more (rc-mentions) npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-textarea@0.2.6 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.0.0" from rc-textarea@0.2.6 npm WARN node_modules/antd4/node_modules/rc-textarea npm WARN rc-textarea@"~0.2.2" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN 1 more (rc-mentions) npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^16.0.0" from rc-textarea@0.2.6 npm WARN node_modules/antd4/node_modules/rc-textarea npm WARN rc-textarea@"~0.2.2" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN 1 more (rc-mentions) npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-motion@1.1.2 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^16.0.0" from rc-motion@1.1.2 npm WARN node_modules/antd4/node_modules/rc-select/node_modules/rc-motion npm WARN rc-motion@"^1.0.1" from rc-select@11.0.13 npm WARN node_modules/antd4/node_modules/rc-select npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^16.0.0" from rc-motion@1.1.2 npm WARN node_modules/antd4/node_modules/rc-select/node_modules/rc-motion npm WARN rc-motion@"^1.0.1" from rc-select@11.0.13 npm WARN node_modules/antd4/node_modules/rc-select npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-motion@1.1.2 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.0.0" from rc-motion@1.1.2 npm WARN node_modules/antd4/node_modules/rc-select/node_modules/rc-motion npm WARN rc-motion@"^1.0.1" from rc-select@11.0.13 npm WARN node_modules/antd4/node_modules/rc-select npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^16.0.0" from rc-motion@1.1.2 npm WARN node_modules/antd4/node_modules/rc-select/node_modules/rc-motion npm WARN rc-motion@"^1.0.1" from rc-select@11.0.13 npm WARN node_modules/antd4/node_modules/rc-select up to date, audited 775 packages in 2s 81 packages are looking for funding run `npm fund` for details PS D:\react-zero\front> npm i next-redux-wrapper@6 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: @ant-design/react-slick@0.26.3 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^0.14.0 || ^15.0.1 || ^16.0.0" from @ant-design/react-slick@0.26.3 npm WARN node_modules/antd4/node_modules/@ant-design/react-slick npm WARN @ant-design/react-slick@"~0.26.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^0.14.0 || ^15.0.1 || ^16.0.0" from @ant-design/react-slick@0.26.3 npm WARN node_modules/antd4/node_modules/@ant-design/react-slick npm WARN @ant-design/react-slick@"~0.26.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: @ant-design/react-slick@0.26.3 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^0.14.0 || ^15.0.1 || ^16.0.0" from @ant-design/react-slick@0.26.3 npm WARN node_modules/antd4/node_modules/@ant-design/react-slick npm WARN @ant-design/react-slick@"~0.26.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^0.14.0 || ^15.0.1 || ^16.0.0" from @ant-design/react-slick@0.26.3 npm WARN node_modules/antd4/node_modules/@ant-design/react-slick npm WARN @ant-design/react-slick@"~0.26.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-pagination@2.4.6 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^16.0.0" from rc-pagination@2.4.6 npm WARN node_modules/antd4/node_modules/rc-pagination npm WARN rc-pagination@"~2.4.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^16.0.0" from rc-pagination@2.4.6 npm WARN node_modules/antd4/node_modules/rc-pagination npm WARN rc-pagination@"~2.4.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-pagination@2.4.6 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.0.0" from rc-pagination@2.4.6 npm WARN node_modules/antd4/node_modules/rc-pagination npm WARN rc-pagination@"~2.4.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^16.0.0" from rc-pagination@2.4.6 npm WARN node_modules/antd4/node_modules/rc-pagination npm WARN rc-pagination@"~2.4.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-picker@1.10.7 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^16.0.0" from rc-picker@1.10.7 npm WARN node_modules/antd4/node_modules/rc-picker npm WARN rc-picker@"~1.10.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^16.0.0" from rc-picker@1.10.7 npm WARN node_modules/antd4/node_modules/rc-picker npm WARN rc-picker@"~1.10.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-picker@1.10.7 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.0.0" from rc-picker@1.10.7 npm WARN node_modules/antd4/node_modules/rc-picker npm WARN rc-picker@"~1.10.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^16.0.0" from rc-picker@1.10.7 npm WARN node_modules/antd4/node_modules/rc-picker npm WARN rc-picker@"~1.10.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-slider@9.3.1 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^16.0.0" from rc-slider@9.3.1 npm WARN node_modules/antd4/node_modules/rc-slider npm WARN rc-slider@"~9.3.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^16.0.0" from rc-slider@9.3.1 npm WARN node_modules/antd4/node_modules/rc-slider npm WARN rc-slider@"~9.3.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-slider@9.3.1 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.0.0" from rc-slider@9.3.1 npm WARN node_modules/antd4/node_modules/rc-slider npm WARN rc-slider@"~9.3.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^16.0.0" from rc-slider@9.3.1 npm WARN node_modules/antd4/node_modules/rc-slider npm WARN rc-slider@"~9.3.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-steps@4.0.1 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^16.0.0" from rc-steps@4.0.1 npm WARN node_modules/antd4/node_modules/rc-steps npm WARN rc-steps@"~4.0.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^16.0.0" from rc-steps@4.0.1 npm WARN node_modules/antd4/node_modules/rc-steps npm WARN rc-steps@"~4.0.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-steps@4.0.1 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.0.0" from rc-steps@4.0.1 npm WARN node_modules/antd4/node_modules/rc-steps npm WARN rc-steps@"~4.0.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^16.0.0" from rc-steps@4.0.1 npm WARN node_modules/antd4/node_modules/rc-steps npm WARN rc-steps@"~4.0.1" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-table@7.8.6 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^16.0.0" from rc-table@7.8.6 npm WARN node_modules/antd4/node_modules/rc-table npm WARN rc-table@"~7.8.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^16.0.0" from rc-table@7.8.6 npm WARN node_modules/antd4/node_modules/rc-table npm WARN rc-table@"~7.8.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-table@7.8.6 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.0.0" from rc-table@7.8.6 npm WARN node_modules/antd4/node_modules/rc-table npm WARN rc-table@"~7.8.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^16.0.0" from rc-table@7.8.6 npm WARN node_modules/antd4/node_modules/rc-table npm WARN rc-table@"~7.8.0" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-textarea@0.2.6 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^16.0.0" from rc-textarea@0.2.6 npm WARN node_modules/antd4/node_modules/rc-textarea npm WARN rc-textarea@"~0.2.2" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN 1 more (rc-mentions) npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^16.0.0" from rc-textarea@0.2.6 npm WARN node_modules/antd4/node_modules/rc-textarea npm WARN rc-textarea@"~0.2.2" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN 1 more (rc-mentions) npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-textarea@0.2.6 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.0.0" from rc-textarea@0.2.6 npm WARN node_modules/antd4/node_modules/rc-textarea npm WARN rc-textarea@"~0.2.2" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN 1 more (rc-mentions) npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^16.0.0" from rc-textarea@0.2.6 npm WARN node_modules/antd4/node_modules/rc-textarea npm WARN rc-textarea@"~0.2.2" from antd4@4.4.0 npm WARN node_modules/antd4 npm WARN 1 more (rc-mentions) npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-motion@1.1.2 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 59 more (@ant-design/react-slick, @rc-component/portal, antd, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^16.0.0" from rc-motion@1.1.2 npm WARN node_modules/antd4/node_modules/rc-select/node_modules/rc-motion npm WARN rc-motion@"^1.0.1" from rc-select@11.0.13 npm WARN node_modules/antd4/node_modules/rc-select npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^16.0.0" from rc-motion@1.1.2 npm WARN node_modules/antd4/node_modules/rc-select/node_modules/rc-motion npm WARN rc-motion@"^1.0.1" from rc-select@11.0.13 npm WARN node_modules/antd4/node_modules/rc-select npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: rc-motion@1.1.2 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@">=16.0.0" from @ant-design/icons@4.8.0 npm WARN node_modules/@ant-design/icons npm WARN @ant-design/icons@"^4.7.0" from antd@4.24.5 npm WARN node_modules/antd npm WARN 2 more (antd4, the root project) npm WARN 50 more (@rc-component/portal, antd, antd4, rc-dropdown, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^16.0.0" from rc-motion@1.1.2 npm WARN node_modules/antd4/node_modules/rc-select/node_modules/rc-motion npm WARN rc-motion@"^1.0.1" from rc-select@11.0.13 npm WARN node_modules/antd4/node_modules/rc-select npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^16.0.0" from rc-motion@1.1.2 npm WARN node_modules/antd4/node_modules/rc-select/node_modules/rc-motion npm WARN rc-motion@"^1.0.1" from rc-select@11.0.13 npm WARN node_modules/antd4/node_modules/rc-select up to date, audited 775 packages in 8s 81 packages are looking for funding run `npm fund` for details 15 vulnerabilities (2 low, 2 moderate, 10 high, 1 critical) To address issues that do not require attention, run: npm audit fix Some issues need review, and may require choosing a different dependency. Run `npm audit` for details.라고 터미널에 찍힙니다 흠
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
> 30 | header: propTypes.String.isRequired,
http://localhost:3000/profile 누르면 나오는 문구 1 of 1 unhandled errorServer ErrorReferenceError: propTypes is not definedThis error happened while generating the page. Any console logs will be displayed in the terminal window.Sourcecomponents\FollowList.js (30:12) @ propTypes 28 | 29 | FollowList.propTypes ={ > 30 | header: propTypes.String.isRequired, | ^ 31 | data: propTypes.arry.isRequired, 32 | }; 33 | vscode터미널 상황error - components\FollowList.js (30:12) @ propTypes error - ReferenceError: propTypes is not defined at eval (webpack-internal:///./components/FollowList.js:65:13) at Object../components/FollowList.js (D:\react-zero\front\.next\server\pages\profile.js:88:1) at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42) at eval (webpack-internal:///./pages/profile.js:13:80) at Object../pages/profile.js (D:\react-zero\front\.next\server\pages\profile.js:308:1) PS D:\react-zero\front> npm run dev npm WARN cli npm v9.1.3 does not support Node.js v16.0.0. You should probably upgrade to a npm WARN cli newer version of node as we can't make any promises that npm will work with this npm WARN cli version. This version of npm supports the following node versions: `^14.17.0 || npm WARN cli ^16.13.0 || >=18.0.0`. You can find the latest version at https://nodejs.org/. > react-zero@1.0.0 dev > next ready - started server on 0.0.0.0:3000, url: http://localhost:3000 event - compiled client and server successfully in 825 ms (171 modules) wait - compiling / (client and server)... event - compiled client and server successfully in 1077 ms (1210 modules) Warning: [antd: Menu] `children` will be removed in next major version. Please use `items` instead. Warning: MenuItem should not leave undefined `key`. wait - compiling /_error (client and server)... event - compiled client and server successfully in 410 ms (1211 modules) warn - Fast Refresh had to perform a full reload due to a runtime error. wait - compiling /profile (client and server)... event - compiled client and server successfully in 889 ms (2691 modules) error - components\FollowList.js (30:12) @ propTypes error - ReferenceError: propTypes is not defined at eval (webpack-internal:///./components/FollowList.js:65:13) at Object../components/FollowList.js (D:\react-zero\front\.next\server\pages\profile.js:88:1) at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42) at eval (webpack-internal:///./pages/profile.js:13:80) at Object../pages/profile.js (D:\react-zero\front\.next\server\pages\profile.js:308:1) at __webpack_require__ (D:\react-zero\front\.next\server\webpack-runtime.js:33:42) at __webpack_exec__ (D:\react-zero\front\.next\server\pages\profile.js:702:39) at D:\react-zero\front\.next\server\pages\profile.js:703:28 at Object.<anonymous> (D:\react-zero\front\.next\server\pages\profile.js:706:3) at Module._compile (node:internal/modules/cjs/loader:1108:14) { page: '/profile' } 28 | 29 | FollowList.propTypes ={ > 30 | header: propTypes.String.isRequired, | ^ 31 | data: propTypes.arry.isRequired, 32 | }; 33 | profile.jsimport Head from 'next/head'; import React from 'react'; import AppLayout from '../components/AppLayout'; import NicknameEditForm from '../components/NicknameEdit'; import FollowList from '../components/FollowList'; const Profile = () => { const followerList = [{nickname: '제로초'}, { nickname: '바보'}, {nickname: '노드버드오피셜'} ]; const followingList = [{nickname: '제로초'}, { nickname: '바보'}, {nickname: '노드버드오피셜'} ]; return ( <> <Head> <title>프로필 | NodeBrid</title> </Head> <AppLayout> 내 프로필 <NicknameEditForm/> <FollowList header="팔로잉 목록" data={follwingList}/> <FollowList header="팔로워 목록" data={follwerList}/> </AppLayout> </> ); }; export default Profile; follwerlist.jsimport React from 'react'; import {Button, Card, List} from 'antd'; import PropTypes from 'prop-types'; import { StopOutlined } from '@ant-design/icons'; const FollowList = ({ header, data }) =>{ return( <List style={{ marginBottom:20}} grid={{ gutter:4, xs: 2, md: 3}} size="small" header={<div>{header}</div>} loadMore={<div style={ {textAlign: 'center', margin: '10px 0' } }><Button>더 보기</Button></div>} bordered dataSource={data} renderItem={(item) => ( <List.Item style={ {marginTop: 20} }> <Card actions= {[<StopOutlined key='stop'/>]}> <Card.Meta description={item.nickname} /> </Card> </List.Item> )} /> ); }; FollowList.propTypes ={ header: propTypes.String.isRequired, data: propTypes.arry.isRequired, }; export default FollowList; 무엇이 잘된것일까요 ㅠㅠ 지금 하나하나씩 다 쳐보면서 따라가고잇습니다.제가 새로운 인강버그를 발견할지는 모릅니다.!!ㅇ
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
코드 작동은 되나 console.log Warning:2 개 강의진행 or 오류해결에서 의 갈림길에 서잇습니다 ㅠ
```구글 콘솔코드내용Download the React DevTools for a better development experience: https://reactjs.org/link/react-devtoolsnext-dev.js?3515:20 Warning: [antd: Menu] children will be removed in next major version. Please use items instead.window.console.error @ next-dev.js?3515:20next-dev.js?3515:20 Warning: MenuItem should not leave undefined key.window.console.error @ next-dev.js?3515:20next-dev.js?3515:20 Warning: Prop className did not match. Server: "ant-input-group-wrapper ant-input-search ant-input-search-with-button sc-hLBbgP cHXasn" Client: "ant-input-group-wrapper ant-input-search ant-input-search-with-button sc-gswNZR cWQwGJ" at span at BaseInput (webpack-internal:///./node_modules/rc-input/es/BaseInput.js:16:28) at eval (webpack-internal:///./node_modules/rc-input/es/Input.js:30:28) at eval (webpack-internal:///./node_modules/antd/es/input/Input.js:131:34) at eval (webpack-internal:///./node_modules/antd/es/input/Search.js:40:34) at O (webpack-internal:///./node_modules/styled-components/dist/styled-components.browser.esm.js:31:19750) at span at li at DomWrapper (webpack-internal:///./node_modules/rc-resize-observer/es/SingleObserver/DomWrapper.js:26:90) at SingleObserver (webpack-internal:///./node_modules/rc-resize-observer/es/SingleObserver/index.js:21:24) at ResizeObserver (webpack-internal:///./node_modules/rc-resize-observer/es/index.js:18:24) at InternalItem (webpack-internal:///./node_modules/rc-overflow/es/Item.js:21:25) at InternalRawItem (webpack-internal:///./node_modules/rc-overflow/es/RawItem.js:21:52) at LegacyMenuItem (webpack-internal:///./node_modules/rc-menu/es/MenuItem.js:63:90) at InternalMenuItem (webpack-internal:///./node_modules/rc-menu/es/MenuItem.js:97:21) at MenuItem (webpack-internal:///./node_modules/rc-menu/es/MenuItem.js:228:24) at Trigger (webpack-internal:///./node_modules/rc-trigger/es/index.js:78:92) at Tooltip (webpack-internal:///./node_modules/rc-tooltip/es/Tooltip.js:22:32) at eval (webpack-internal:///./node_modules/antd/es/tooltip/index.js:88:62) at MenuItem (webpack-internal:///./node_modules/antd/es/menu/MenuItem.js:50:90) at InheritableContextProvider (webpack-internal:///./node_modules/rc-menu/es/context/MenuContext.js:35:23) at ul at DomWrapper (webpack-internal:///./node_modules/rc-resize-observer/es/SingleObserver/DomWrapper.js:26:90) at SingleObserver (webpack-internal:///./node_modules/rc-resize-observer/es/SingleObserver/index.js:21:24) at ResizeObserver (webpack-internal:///./node_modules/rc-resize-observer/es/index.js:18:24) at Overflow (webpack-internal:///./node_modules/rc-overflow/es/Overflow.js:40:32) at InheritableContextProvider (webpack-internal:///./node_modules/rc-menu/es/context/MenuContext.js:35:23) at eval (webpack-internal:///./node_modules/rc-menu/es/Menu.js:77:29) at eval (webpack-internal:///./node_modules/antd/es/menu/index.js:61:53) at Menu (webpack-internal:///./node_modules/antd/es/menu/index.js:169:90) at div at AppLayout (webpack-internal:///./components/AppLayout.js:37:11) at Home at NodeBrid (webpack-internal:///./pages/_app.js:18:11) at PathnameContextProviderAdapter (webpack-internal:///./node_modules/next/dist/shared/lib/router/adapters.js:62:11) at ErrorBoundary (webpack-internal:///./node_modules/next/dist/compiled/@next/react-dev-overlay/dist/client.js:301:63) at ReactDevOverlay (webpack-internal:///./node_modules/next/dist/compiled/@next/react-dev-overlay/dist/client.js:850:919) at Container (webpack-internal:///./node_modules/next/dist/client/index.js:60:1) at AppContainer (webpack-internal:///./node_modules/next/dist/client/index.js:173:11) at Root (webpack-internal:///./node_modules/next/dist/client/index.js:346:11) See more info here: https://nextjs.org/docs/messages/react-hydration-errorwindow.console.error @ next-dev.js?3515:20LoginForm.js?ecd8:27 1232113@13.com 1232113@13.com 에러코드 위치menu가 잇는곳을가본import React, {useState} from 'react'; import propTypes from 'prop-types'; import Link from 'next/link'; import { Menu, Input, Row, Col } from 'antd'; import UserProfile from './UserProfile'; import LoginForm from './LoginForm'; import styled from 'styled-components'; const SearchInput = styled(Input.Search)` vertical-align: middle; `; const AppLayout = ({children}) => { const [isLoggedIn, setIsLoggedIn] = useState(false); //더미데이터 저장으로 useState 사용 return ( <div> <Menu mode="horizontal"> <Menu.Item> <Link href="/">SNS_Site</Link> </Menu.Item> <Menu.Item> <Link href="/profile">프로필</Link> </Menu.Item> <Menu.Item> <SearchInput enterButton/> </Menu.Item> <Menu.Item> <Link href="/signup">회원가입</Link> </Menu.Item> </Menu> <Row gutter={8}> <Col xs={24} md={6}> {isLoggedIn ? <UserProfile />:<LoginForm setIsLoggedIn={setIsLoggedIn} />} </Col> <Col xs={24} md={12}> {children} </Col> <Col xs={24} md={6}> <a href="http://www.megasoftworld.com/pc/index.jsp" target="_blank" rel="noreferrer noopener"> 메가소프트</a> </Col> </Row> </div> ); }; AppLayout.propTypes = { children: propTypes.node.isRequired, }; export default AppLayout; key 가 잇는곳을 가본import React from 'react'; import { Avatar, Button, Card} from 'antd'; const UserProfile = () =>{ return( <Card actions={[ <div key="twit">쨱쨱<br/> 0</div>, <div key="followings">팔로잉<br/> 0</div>, <div key="followings">팔로워<br/> 0</div>, ]} > <Card.Meta> avatar={<Avatar>ZC</Avatar>} title="Zerocho" </Card.Meta> <Button>로그아웃</Button> </Card> ); }; export default UserProfile; 터미널 로그PS D:\react-zero\front> npm run dev > react-zero@1.0.0 dev > next ready - started server on 0.0.0.0:3000, url: http://localhost:3000 event - compiled client and server successfully in 2.2s (172 modules) wait - compiling / (client and server)... wait - compiling /_error (client and server)... event - compiled client and server successfully in 1241 ms (1212 modules) Warning: [antd: Menu] `children` will be removed in next major version. Please use `items` instead. Warning: MenuItem should not leave undefined `key`. warn - Fast Refresh had to perform a full reload. Read more: https://nextjs.org/docs/messages/fast-refresh-reload Warning 문제를 남둘것인가,게속 강의를 진행해야될지 모르겟습니다.
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
코드 복기로 해결
-
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
const [isLoggedIn, setIsLoggedIn] = useState(false); 오류
at renderNodeDestructiveImpl (D:\react-zero\front\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6104:11)at renderNodeDestructive (D:\react-zero\front\node_modules\react-dom\cjs\react-dom-server.browser.development.js:6076:14) {page: '/'}7 |8 | const AppLayout = ({children}) => {> 9 | const [isLoggedIn, setIsLoggedIn] = useState(false);| ^10 | //더미데이터 저장으로 useState 사용11 |12 | return ( 이런 상황입니다 9화 로그인폼만들기에서 const [isLoggedIn, setIsLoggedIn] = useState(false);에 setIsLoggedIn 이부분에 대한 코드입력이 없는것같은데요 동영상에서는 웹사이트가 정상작동되고저는 저 따라한 저는 안됩니다.
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
앞 뒤 <abcd/> 와 </abcd>의 차이점을알고싶습니다.
<Menu.Item> <Link href="/signup">회원가입</Link> </Menu.Item> </Menu> <Row> <Col xs={24} md={6}> {isLoggedIn ? <UserProfile />:<LoginForm />} </Col> <Col xs={24} md={12}> {children} </Col> <Col xs={24} md={6}>이렇게 되어있다면 <Col xs={24} md={6}> {isLoggedIn ? <UserProfile />:<LoginForm />} </Col></col>은 앞에 </col> 로 붙였는데요 {isLoggedIn ? <UserProfile />:<LoginForm />} 은 뒤에 <<LoginForm />}</> 을 쓰자나요 어떤것은 </col>에 쓰고 어떤것은 <LoginForm /> 쓰는지 궁금합니다 앞 뒤 <abcd/> 와 </abcd>의 차이점을알고싶습니다.
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
쿠키에 관련해서
제로초님 강좌에서는 Jwt 토근이 아닌 쿠키로 인증을 하는 방식인데혹시 Jwt토큰 같이 쿠키도 만료시간이 있을까요? 만료시간이 있다면 혹시 이건 백엔드에서 어떻게 시간을 설정할 수 있는지 궁금합니다
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
import antd => import 방식이 달라진것같습니다 =>Module not found: Can't resolve 'antd/dist/antd.css'
import React from 'react'; import PropTypes from 'prop-types'; import '~antd/dist/antd.css'; const App = ({ Component}) => { return( <Component/> ) }; App.proptypes = { Component: PropTypes.elementType.isRequired, } export default App;----------------------------------------------wait - compiling /_error (client and server)...error - ./pages/_app.js:3:0Module not found: Can't resolve '~antd/dist/antd.css'1 | import React from 'react';2 | import PropTypes from 'prop-types';> 3 | import '~antd/dist/antd.css';4 |5 | const App = ({ Component}) => {6 | return(https://nextjs.org/docs/messages/module-not-found ----------------------------------------------import antd =>import 방식이 달라진것같습니다 =>Module not found: Can't resolve 'antd/dist/antd.css' 모듈을 찾을수없다고 나오네요 몰까욤이런상황이네요 antd 버전이 다른것인가요어떻게해결하죱? 흠? ------- ------- ------- -------(현상황 스스로 해결한부분)지금 > 3 | import '~antd/dist/antd.css'; 이부분지우고 해도 css 적용이 자동으로 되서그냥 import import '~antd/dist/antd.css';지우고 게속 진행중인데요 ------- ------- ------- ------- -------import '~antd/dist/antd.css'; 현재 import부분으로 지금버전으로변경해서 써야될거같기도 하다는 추측을 해봅니다 전 잘모르겟어서 강사님의 생각의 답변을 듣고싶습니다