25%
66,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨[리뉴얼] React로 NodeBird SNS 만들기
sequelize migration에 대한 궁금증이 있습니다.
강사님 안녕하세요. 좋은 강의 덕분에 저만의 홈페이지를 부족한 실력이지만 운영하게 되었습니다. 1년전 html이 무엇인지도 몰랐던 제가 홈페이지를 운영하게 되다니 강사님의 강의가 얼마나 훌륭한지 알수 있다고 봅니다. 감사합니다. 제 질문은 mysql 데이터베이스를 운영하면서 새로운 테이블 또는 컬럼을 추가할 때 sequelize migration을 이용해야 한다고 들어서(기존 데이터를 보존하기 위해서) 공부를 하고 있고 적용을 해보았습니다. 잘 작동하기에 문제는 없는데 mysql workbench를 이용하는게 더 직관적이고 편해서 이쪽을 이용하는 편입니다. 혹시 migration을 꼭 이용해야만 하는 장점이 있을까요? 딱히 그런게 없다면 워크벤치를 계속 이용해도 괜찮을 까요?
- 해결됨[리뉴얼] React로 NodeBird SNS 만들기
node sequelize migrate 관련하여 질문 드립니다.
backend node sequelize 지식이 부족하여 질문을 드립니다. create migtate 에서 addcolumn 후 db:migrate를 하니까 잘 반영이 되더라고요 ? 근데 이걸 만든 후에 models 쪽에 define이나 클래스 생성시 init에 다시 js 파일 만들어서 반영 해줘야 할까요 ? 아 또... removeColumn 하려고 up쪽에 addcolumn은 주석 시키고서 db:migrate 하니까 반영이 안되더라고요.. db:migrate:undo해서 날리긴했는데... 좀 더 안전한 방법하게 특정 파일 만 날릴 수 있나요 ? 계속 추가 하다 보면 migrate한 파일이 늘어나게 되고 undo시 선택이 안되는거같은데 잘못하다가 다른게 날라가는게 아닌가 해서요. 안전하게 migrate 파일을 더 늘려서 지워야하나요 ? 요약입니다. 1. create migrate 후 반영 시 init이나 define에 정의를 해줘야하는지? 2. removeColumn이나 droptable 시 특정 파일만 반영 시킬 수 있는지 ? 없다면 create migrate 후 드랍시켜야 하는지? 3. 마이그레이션 외 다른 방법이 혹여 있는지 ? 연휴 마무리 잘 하시길 바랍니다 ^^ 아래는 코드 스크린 샷입니다. 아 소스는 노드교과서 ch9.5 소스입니다.. 카카오 로그인 기능 쪽 구현 해보려고 passport쪽 보고 users 테이블에 컬럼 추가 하려고... 동작시켜보느라 깃헙 소스 긁어와서 보고 있습니다.. create한 마이그레이션 (addColumn) model/hashtag.js
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요.. 리덕스 연습하는 중에 막혀서 질문드립니다..
안녕하세요. 리덕스를 공부하고 혼자 연습하는데 잘 모르겠어서 질문 드립니다.. 리덕스가 개념은 이해가 가도 실제 사용하는게 어려워서 다른 여러 강의나 글들을 보면서 연습해보고 있습니다. 예제출처 해당 강의가 옛날꺼라 클래스형 컴포넌트를 쓰기 때문에 예제만 따오고 함수형 컴포넌트를 사용해서 해보고 있습니다.코드스토어에는 number와 size 두개의 state가 있습니다.AddNumber의 input에 값을 입력하면 그 값이 스토어의 size에 업데이트 됩니다.+와 - 버튼을 누르면 그 input에 입력한 값만큼 number에 더해지고, displaynumber에 보여져야 합니다.+와 -버튼을 눌렀을 때 number값이 새로 업데이트 되도록 만들고 싶은데, increase와 decrease 액션을 생각대로 만들기가 쉽지 않습니다. 현재 input값이 바뀔 때 스토어의 size가 바뀌는것까지 성공한 상황입니다.handleActions으로 리듀서함수를 만들었는데, 이부분이 의심스럽습니다. const Add = handleActions( { [INCREASE]: (state, action) => ({ ...state, number: state.number + state.size, }), [DECREASE]: (state, action) => ({ ...state, number: state.number - state.size, }), [CHANGE_INPUT]: (state, action) => ({ ...state, size: action.payload, }), }, initialState ); CHANGE_INPUT 액션은 말을 잘듣는데, INCREASE와 DECREASE는 잘 모르겠습니다 !!ㅜㅜincrease나 decrease가 왜 addnumber 컴포넌트로 안가져와지는지,함수가 state의 size를 가져와서 쓸수있도록 하고싶은데어떻게 코드를 짜야 생각한대로 움직일지,,추석에 질문 보내서 죄송합니다. 천천히 답변해주시면 정말 감사하겠습니다. 해피추석되시길 바라요. 감사합니다~
- 해결됨[리뉴얼] React로 NodeBird SNS 만들기
사가에 있는 function* login(action)이 작동을 안합니다
로그인을 눌러 디스패치를 할 시에 request는 되는데 success로 가지 않고 login함수에 있는 콘솔로그도 찍히지 않는걸로 보아 sagas/user에 있는 login함수가 동작하지 않는 것 같아 해결방법을 고민해보았는데 쉽게 해결이 되지 않습니다 혹시 오류가 보이시면 한 번 봐주시면 감사하겠습니다 해당 코드 깃허브 주소 첨부하겠습니다 https://github.com/lost731/react-sns-app
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
&& 연산과 & > div 에 대한 질문
안녕하세요. 제로초 님. 드리고 싶은 질문이 두 가지가 있는데요. 1) https://github.com/ZeroCho/react-nodebird/blob/master/ch3/front/components/PostCard.js#L20 에서 const id = useSelector((state) => state.user.me && state.user.me.id); 에 대해 질문드리고 싶은 점이 있습니다. 1-a) state.user.me && state.user.me.id 와 같이 && 연산을 하는 이유는 무엇일까요? 1-b) && 연산 이후 id에는 사용자의 id가 아닌 true/false의 boolean 값이 저장되는 것인가요? 2) https://github.com/ZeroCho/react-nodebird/blob/master/ch3/front/components/ImagesZoom/styles.js#L54 에서 & > div 의 의미를 검색해 봤지만, 잘 이해가 안 되어서 질문을 드리게 되었습니다. 어떤 의미인지 간략하게라도 말씀해 주실 수 있으신지요? 혹시 추천해 주실 문서가 있으신지요? 읽어주셔서 감사합니다.
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
이미지 업로드
제로초님 안녕하세요 게시글 수정을 구현하다가 궁금한 점이 생겨서 문의드립니다! 이미지를 업로드 할때는 뒤에 날짜를 붙여서 중복을 해결하는데 제로초님은 수정할 때 어떻게 처리하시는지 궁금합니다! 예를 들어 제목과, 내용을 수정하고 이미지는 수정하지 않고 그대로 서버에 수정 쿼리를 날리면 그때도 이미지를 중복으로 받으시나요? 아니면 거르시나요?
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
리덕스 액션 호출 관련 질문
안녕하세요 제로초님~! 액션타입을 호출할때 아래와같이 두가지로 호출이 가능하다고 알고 잇습니다! 그런데, 액션타입을 리턴하는 함수를 만들어 호출하는 경우와 type 자체를 호출하는 경우가 있는데 사용성의 차이가 있을까요..? 개인 선호도 차이인가요.? const onLogOut = useCallback(() => { dispatch({ type: LOG_OUT_REQUEST, }); // dispatch(logoutRequestAction()); }, []);
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
Swagger 사용 관련 질문이 있습니다.
안녕하세요 제로초님! 제가 swagger를 이용해서 api들을 정리 및 테스트를 해볼려고 하는데 잘 되지가 않아서 질문드립니다. /** * @swagger * /user: * get: * tags: * description: 유저 데이터 조회 및 유저의 Post, Following, Follower 조회 * produces: * - application/json * parameters: * - in: user * name: id * description: 반드시 로그인이 되있는 상태에서 call 해야 user data 조회 가능 * schema: * type: object * properties: * name: * type: number * responses: * 200: * description: 유저 조회 성공 / 또는 조회 실패(null) */ router.get("/", async (req, res, next) => { // GET /user try { if (req.user) { const fullUserWithoutPassword = await User.findOne({ where: { id: req.user.id }, attributes: { exclude: ["password"], }, include: [ { model: Post, attributes: ["id"], }, { model: User, as: "Followings", attributes: ["id"], }, { model: User, as: "Followers", attributes: ["id"], }, ], }); res.status(200).json(fullUserWithoutPassword); } else { res.status(200).json(null); } } catch (error) { console.error(error); next(error); } }); 제가 get.axios("/user")를 swagger로 정리 및 테스트 할려고 하는데 계속 respond로 null이 뜹니다. 아무래도 제가 swagger 코드를 잘못친거 같은데 이 여기에서는 어떻게 swagger를 작성해야 될까요?
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
node_modules에서 발생되는 것으로 의심되는 에러
안녕하세요. Redux 부분을 수강하던 중 에러에 막혀서 질문을 드리게 되었습니다. 에러 메시지를 읽어보았는데, 제가 작성한 코드에서의 문제가 아닌 node_modules 디렉토리에서 "TypeError: makeStore is not a function"라는 문제가 생기는 것 같았습니다. 전체 코드의 링크는 https://github.com/yunseokjeon/nodebird/tree/master/front 입니다. 의심되는 부분을 지목해서 말씀드리고 싶은데, 에러메시지에 따르면 node_modules에서 생기는 문제여서 코드의 문제가 아닌 것 같습니다. 에러 메시지 전체 내용은 다음과 같습니다. 조언을 부탁드리며 읽어주셔서 감사합니다. PS D:\git\nodebird\front> npm run dev > react-nodebird-front@1.0.0 dev > next Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest --update-db ready - started server on http://localhost:3000 event - compiled successfully event - build page: / wait - compiling... event - compiled successfully TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) event - build page: /next/dist/pages/_error wait - compiling... event - compiled successfully TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) event - build page: / wait - compiling... event - compiled successfully TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) event - build page: /next/dist/pages/_error wait - compiling... event - compiled successfully TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851) TypeError: makeStore is not a function at createStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:1 08:44) at initStore (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:123 :16) at Wrapper.hydrate (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index. js:219:38) at new Wrapper (D:\git\nodebird\front\node_modules\next-redux-wrapper\lib\index.js:2 09:27) at processChild (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.n ode.development.js:2995:14) at resolve (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server.node.d evelopment.js:2960:5) at ReactDOMServerRenderer.render (D:\git\nodebird\front\node_modules\react-dom\cjs\r eact-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (D:\git\nodebird\front\node_modules\react-dom\cjs\rea ct-dom-server.node.development.js:3373:29) at renderToString (D:\git\nodebird\front\node_modules\react-dom\cjs\react-dom-server .node.development.js:3988:27) at Object.renderPage (D:\git\nodebird\front\node_modules\next\dist\next-server\serve r\render.js:50:851)
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
관계설정(as) 관련 질문
안녕하세요, db sequelize 관계설정 중 as에 대한 정의가 조금 이해가 안되서 질문 남깁니다. as와 foreignKey가 어떻게 다른지 좀 명확하게 이해가 되지 않아서 해당 내용 추가로 설명 해 주실 수 있나요? 처음에는 as로 변수 설정을 해 줬을 때 column의 이름이 바뀔 것 처럼 느껴졌는데, 또 그건 아닌것 같고 어떨때 as를 쓰고 어떨때 foreginKey를 쓰는지도 궁금합니다! 항상 갑사합니다.
- 해결됨[리뉴얼] React로 NodeBird SNS 만들기
소셜로그인(kakao 또는 google) 시 나중에 redirect 주소관련 질문있습니다.
안녕하세요 제로초님! 제가 google 소셜로그인을 이용해서 로그인을 구현을 했는데, local에서 할때는 간단하게 로그인이 되면 front 포트인 localhost:3060으로 redirect 하면됐는데, AWS에 백엔드랑 프론트엔드 서버를 따로 올릴때는 redirect주소를 어떻게 설정해야될지 모르겠어서 질문드립니다. redirect 주소를 https://nodebird.com 처럼 등록된 도메인으로 보내면 되는건가요? 아니면 다르게 해야되는 건가요?
- 해결됨[리뉴얼] React로 NodeBird SNS 만들기
.env 파일 해킹
안녕하세요. 다름이 아니라 , 현재 aws 에서 서버를 돌리고 있는데, 스캐너로 의심되는 로봇들이 해킹이 계속 시도하는 것 같아 연락드려요. 현재 DB 나 secret key, 구글아이디 비밀번호 등 .env 파일에서 관리 중인데, nginx 로그를 보니 /.env 또는 /getUesr, .. 이런씩으로 요청을 하는것 지속적으로 요청을 보내는 것 같아서 해킹이 의심되요. 그리고 한번은 구글 아이디와 비밀번호로 구글에 접속을 시도해 문자가 온 적도 있고요 ! 제 생각에는 프로젝트 폴더 안에 둔 .env 파일이 탈취된 것 같은데 이럴 경우에는 어떻게 .env 파일을 관리하고 또 해킹 같은 부분은 어떻게 막는게 좋을까요? 현재 80 포트를 제외한 모든 포트는 막아두고, ssh 같은 부분은 인바운드 규칙을 추가해 팀원들만 접속하도록 허용해두었습니다. ubuntu에서 도커 환경으로 구성했습니다.
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
쌤 질문이요!
쌤 그 쌤꺼 zerocho.com 에 있는 왼쪽에 해시태그들? 같은건 어떻게 지정을 하는건가요 ? 이부분을 저도 만들고싶은데 어떻게 할 수 있는건가요 소스코드나 github에서 볼수있나요 ?
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
백엔드 서버
백엔드 서버를 WAS, 프론트서버를 web server 라고 봐도 되는건가요?!
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
궁금한게 있습니다
만약 어드민페이지를 따로 만들려고하는데 어드민 페이지는 어떻게 만들 수 있나요 ? 글을올리면 신고하거나 슈퍼유저가 삭제할수 있겠금요
- 해결됨[리뉴얼] React로 NodeBird SNS 만들기
Sequelize의 where 관련해서 질문이 있습니다!
Backend에 있는 posts.js 에서 만약에 현재 로그인한 유저가 like를 누르지 않은 것만 front로 보내고 싶다고 하면 where절에서 어떻게 필터링을 할 수 있을까요? include에서 다른 테이블의 데이터를 가져오는거는 이해했는데, where에서는 어떻게 참조하는지 모르겠습니다.
- 해결됨[리뉴얼] React로 NodeBird SNS 만들기
개인 프로젝트 질문입니다
useCallBack이 두번 실행되는 이유를 모르겠습니다 1번쨰 메뉴탭을 클릭하면 1번 클릭값이 들어가는데 2번쨰 메뉴탭을 클릭하면 두번 클릭값이 들어갑니다 ex) 1번탭 클릭 true fasle 2번탭 클릭 fasle true fasle true 2클릭후 1번 클릭 true fasle 다시 2번 클릭 fasle true true fasle import React, { useCallback, useEffect, useState } from 'react'; import Link from 'next/link'; import style from '../styles/css/mainPage.module.css'; const MainLayout = ({ children }) => { const [postCardOnClick, setPostCardOnClick] = useState(true); const [upLoadCardOnClick, setUpLoadCardOnClick] = useState(false); const PostOnClick = useCallback(() => { if (postCardOnClick === false) { setPostCardOnClick((prev) => !prev); setUpLoadCardOnClick(false); } }, []); const upLoadOnClick = useCallback(() => { if (upLoadCardOnClick === false) { setUpLoadCardOnClick((prev) => !prev); setPostCardOnClick(false); } }, []); console.log(postCardOnClick); console.log(upLoadCardOnClick); return ( <> <div className={style.wrapper}> <header id={style.header}> <div className={style.maxWidth}> <div className={style.logo}> <h1></h1> </div> <nav id={style.gnb}> <div> <ul> <li onClick={PostOnClick}> <Link href="/"> {/* Postcard */} <a> {postCardOnClick ? ( <img src="/icon/home-w.svg" /> ) : ( <img src="/icon/home-b.svg" /> )} </a> </Link> </li> <li onClick={upLoadOnClick}> <Link href="/upload"> {/* UpLoad */} <a> {upLoadCardOnClick ? ( <img src="/icon/upLoad-w.svg" /> ) : ( <img src="/icon/upLoad-b.svg" /> )} </a> </Link> </li> <li> <Link href=""> {/* QrCode */} <a>{false ? <img src="/icon/QR-w.svg" /> : <img src="/icon/QR-b.svg" />}</a> </Link> </li> <li> <Link href=""> {/* profile */} <a> <div style={{ borderRadius: '50%', background: 'gray' }}></div> </a> </Link> </li> </ul> </div> </nav> </div> </header> <div>{children}</div> </div> </> ); }; export default MainLayout;
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요 PostForm 질문 있습니다.
안녕하세요 제로초님. 제로초님 강의 듣고 프론트, 백엔드 따라한 후 추가적으로 게시글 수정을 구현해보고싶어서 만들던 중 궁금한 점이 있어 질문드립니다. PostForm을 가지고 게시글 수정에 재활용하는게 나을까요? 아니면 새로운 EditForm을 만드는게 나을까요?? 어떤게 더 효율적인지 조언 부탁드립니다!..
- 미해결[리뉴얼] React로 NodeBird SNS 만들기
eslint 질문드립니다!
프론트에서 airbnb로 eslint를 설정하였는데 백엔드에서도 설정해서 사용할수 잇을까요?
- 해결됨[리뉴얼] React로 NodeBird SNS 만들기
model을 안에 있는 column명을 변경을 했는데, workbench에는 그대로 입니다.
안녕하세요 제로초님. 현재 제가 model을 새로 생성했는데요, 나중에 불필요한 column과 이름이 잘못 설정된 column을 확인해서 수정을 하고 npx sequelize db:create과 npm run dev을 실행 했는데, workbench에는 변경된 사항이 적용이 되질 않습니다. 어떻게 하면 변경된 모델을 적용시킬수 있을까요?