수강이 제한됩니다.
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결React로 NodeBird SNS 만들기
context.query.tag 가 안잡힙니다.
안녕하세요 강의 잘 듣다가 질문이 생겼는데요! server.js에서 이런 식으로 query 값을 넣어주는데요. 컴포넌트에서 context.query 를 찍어보면 빈값이 들어와요ㅜㅜ 어느 파일을 살펴봐야할 지 모르겠어요. server.get('/user/:id', (req, res) => { return app.render(req, res, '/users', { id: req.params.id }); });
- 미해결React로 NodeBird SNS 만들기
<Link><a> 에러
몇번이고 돌려보면서.. 했음에도 불구하고 같은에러가 계속 뜹니다.... 제 환경이이상한건지.. 질문란이 해결된 질문으로 바뀌어 있기에.. 다시 질문합니다..
- 해결됨React로 NodeBird SNS 만들기
model을 전부 만든 후, table을 생성하는 과정에서 에러가 발생했습니다.
서버 작업을 하던 중, user, post 등 model들을 만들고, model 폴더 안 index.js에서 전부 다 합친 후, npm run dev 를 하니깐 아래와 같은 에러가 나옵니다. 맨 밑에 pakage.json 도 첨부하겠습니다. * 비밀번호를 숫자로 설정했는데 이게 영향이 있을까요? *********************************************************************** ^[[D^[[nodemon] restarting due to changes... [nodemon] starting `node index.js` (node:654) [SEQUELIZE0004] DeprecationWarning: A boolean value was passed to options.operatorsAliases. This is a no-op with v5 and should be removed. server is running on http://localhost:3065 internal/crypto/hash.js:58 throw new ERR_INVALID_ARG_TYPE('data', ^ TypeError [ERR_INVALID_ARG_TYPE]: The "data" argument must be one of type string, TypedArray, or DataView. Received type number at Hash.update (internal/crypto/hash.js:58:11) at sha1 (/Users/kim/Desktop/projects/nodebird/backEnd/node_modules/mysql2/lib/auth_41.js:31:8) at Object.token [as calculateToken] (/Users/kim/Desktop/projects/nodebird/backEnd/node_modules/mysql2/lib/auth_41.js:67:18) at new HandshakeResponse (/Users/kim/Desktop/projects/nodebird/backEnd/node_modules/mysql2/lib/packets/handshake_response.js:28:26) at ClientHandshake.sendCredentials (/Users/kim/Desktop/projects/nodebird/backEnd/node_modules/mysql2/lib/commands/client_handshake.js:52:31) at ClientHandshake.handshakeInit (/Users/kim/Desktop/projects/nodebird/backEnd/node_modules/mysql2/lib/commands/client_handshake.js:137:12) at ClientHandshake.execute (/Users/kim/Desktop/projects/nodebird/backEnd/node_modules/mysql2/lib/commands/command.js:39:22) at Connection.handlePacket (/Users/kim/Desktop/projects/nodebird/backEnd/node_modules/mysql2/lib/connection.js:417:32) at PacketParser.Connection.packetParser.p [as onPacket] (/Users/kim/Desktop/projects/nodebird/backEnd/node_modules/mysql2/lib/connection.js:75:12) at PacketParser.executeStart (/Users/kim/Desktop/projects/nodebird/backEnd/node_modules/mysql2/lib/packet_parser.js:75:16) at Socket.Connection.stream.on.data (/Users/kim/Desktop/projects/nodebird/backEnd/node_modules/mysql2/lib/connection.js:82:25) at Socket.emit (events.js:198:13) at addChunk (_stream_readable.js:288:12) at readableAddChunk (_stream_readable.js:269:11) at Socket.Readable.push (_stream_readable.js:224:10) at TCP.onStreamRead [as onread] (internal/stream_base_commons.js:94:17) [nodemon] app crashed - waiting for file changes before starting... { "name": "backend", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "nodemon" }, "repository": { "type": "git", "url": "git+https://github.com/KimHyeongRae0/twiter-clone-back.git" }, "author": "palkim", "license": "MIT", "bugs": { "url": "https://github.com/KimHyeongRae0/twiter-clone-back/issues" }, "homepage": "https://github.com/KimHyeongRae0/twiter-clone-back#readme", "dependencies": { "axios": "^0.19.2", "bcrypt": "^4.0.1", "cookie-parser": "^1.4.4", "cors": "^2.8.5", "dotenv": "^8.2.0", "express": "^4.17.1", "express-session": "^1.17.0", "helmet": "^3.21.3", "hpp": "^0.2.3", "morgan": "^1.9.1", "multer": "^1.4.2", "mysql2": "^2.1.0", "passport": "^0.4.1", "passport-local": "^1.0.0", "sequelize": "^5.21.5", "sequelize-cli": "^5.5.1" }, "devDependencies": { "eslint": "^6.8.0", "eslint-config-airbnb": "^18.0.1", "eslint-plugin-jsx-a11y": "^6.2.3", "nodemon": "^2.0.2" } }
- 미해결React로 NodeBird SNS 만들기
React.Children.only expected to receive a single React element child.
계속해서 확인을 해보고 있는데요, 현영 강사님과 똑같이 코드를 입력하였는데도불구하고next.js의 링크를 도입 할 때부터 자꾸 제목과같은 에러가 뜹니다..<Link> React.Children.only expected to receive a single React element child. 따로 제 환경에서 설정해야 할것이 있어서이러는 걸까요? ㅠㅠ
- 미해결React로 NodeBird SNS 만들기
db 컬럼 질문있습니다.
db 구성을하면서 문득든생각인데 Store(상점)이라는 테이블이 있고 거기에 아이디 전화번호 영업시간 가게이름등등 넣는데 Store에 가게정보라는 컬럼을 만들고 그 가게정보에 객체를 넣어서 객체안에 전화번호 영업시간등 db를 관리하는식으로 하지는 않나요? 객체에 전화번호 가게이름등 넣으면 컬럼수가 줄어서 좀더 간단히 볼수있을거같은생각이 들어서 질문드립니다.. 검색해봐도 딱히 유용한정보가없어서요 ㅠ
- 미해결React로 NodeBird SNS 만들기
시퀄라이즈 질문있습니다.
만약에 시퀄라이즈에서 컬럼을 추가하거나 바꾼다음에 워크벤치에 들어가면 추가된 컬럼이 보이지를 않는데 시퀄라이즈 변동사항을 워크벤치에서 그대로 보려면 어떻게해야하나요??
- 해결됨React로 NodeBird SNS 만들기
로그인 부분에서 sequelize 에러 Error: Include unexpected. 가 뜹니다
안녕하세요 제로초님, 현재 5-14 include와 as, foreign key 강의 보고 있습니다. 다른 게 아니라 로그인 시도시 아래와 같은 에러가 뜹니다. Executing (default): SELECT `id`, `nickname`, `userId`, `password`, `createdAt`, `updatedAt` FROM `Users` AS `User` WHERE `User`.`userId` = 'degurii'; Error: Include unexpected. Element has to be either a Model, an Association or an object. at Function._conformInclude (C:\Users\Yunseok\Documents\projects\node-bird\backend\node_modules\sequelize\lib\model.js:390:11) at options.include.options.include.map.include (C:\Users\Yunseok\Documents\projects\node-bird\backend\node_modules\sequelize\lib\model.js:326:59) at Array.map (<anonymous>) at Function._conformIncludes (C:\Users\Yunseok\Documents\projects\node-bird\backend\node_modules\sequelize\lib\model.js:326:39) at Function._baseMerge (C:\Users\Yunseok\Documents\projects\node-bird\backend\node_modules\sequelize\lib\model.js:791:10) at Function._defaultsOptions (C:\Users\Yunseok\Documents\projects\node-bird\backend\node_modules\sequelize\lib\model.js:828:17) at Function._injectScope (C:\Users\Yunseok\Documents\projects\node-bird\backend\node_modules\sequelize\lib\model.js:3288:10) at Promise.try (C:\Users\Yunseok\Documents\projects\node-bird\backend\node_modules\sequelize\lib\model.js:1707:12) at tryCatcher (C:\Users\Yunseok\Documents\projects\node-bird\backend\node_modules\bluebird\js\release\util.js:16:23) at Function.Promise.attempt.Promise.try (C:\Users\Yunseok\Documents\projects\node-bird\backend\node_modules\bluebird\js\release\method.js:39:29) at Function.findAll (C:\Users\Yunseok\Documents\projects\node-bird\backend\node_modules\sequelize\lib\model.js:1706:23) at Function.findOne (C:\Users\Yunseok\Documents\projects\node-bird\backend\node_modules\sequelize\lib\model.js:1924:17) at req.login (C:\Users\Yunseok\Documents\projects\node-bird\backend\routes\user.js:59:40) at C:\Users\Yunseok\Documents\projects\node-bird\backend\node_modules\passport\lib\http\request.js:52:7 at C:\Users\Yunseok\Documents\projects\node-bird\backend\node_modules\passport\lib\sessionmanager.js:26:5 at pass (C:\Users\Yunseok\Documents\projects\node-bird\backend\node_modules\passport\lib\authenticator.js:277:43) at serialized (C:\Users\Yunseok\Documents\projects\node-bird\backend\node_modules\passport\lib\authenticator.js:286:7) at passport.serializeUser (C:\Users\Yunseok\Documents\projects\node-bird\backend\passport\index.js:8:12) at pass (C:\Users\Yunseok\Documents\projects\node-bird\backend\node_modules\passport\lib\authenticator.js:294:9) at Authenticator.serializeUser (C:\Users\Yunseok\Documents\projects\node-bird\backend\node_modules\passport\lib\authenticator.js:299:5) at SessionManager.logIn (C:\Users\Yunseok\Documents\projects\node-bird\backend\node_modules\passport\lib\sessionmanager.js:14:8) at IncomingMessage.req.login.req.logIn (C:\Users\Yunseok\Documents\projects\node-bird\backend\node_modules\passport\lib\http\request.js:50:33) POST /api/user/login 500 276.041 ms - 3175 혹시 어느 부분이 잘못됐는지 알 수 있을까요?? 깃허브 코드와 비교해봐도 다른 부분을 찾지 못했습니다. models/user.js routes/user.js
- 해결됨React로 NodeBird SNS 만들기
ant design 사용 시 onSubmit 에서 onFinish로 변경되었습니다.
안녕하세요, 선생님 선생님 강의 내용의 코딩을 따라하는 와중에 1-7 강의 초반에 onSubmit에서 console.log를 출력하지 못해서 계속 알아보다가 최근에 ant design 버전이 4.0으로 업그레이드 되면서 onSubmit이 onFinish로 바뀌게 된 것을 알게되었습니다. 관련 내용은 https://ant.design/components/form/v3 여기에서 확인했습니다. e.preventDefault( ) 사용도 안되더라구요ㅜㅜ 혹시 저처럼 최신 버전 ant design을 사용하는 수강생들을 위해 새소식에서 안내해주시면 좋을 것 같아서 글 남기게 되었습니다. 건강 조심하시고 감사합니다 :)
- 미해결React로 NodeBird SNS 만들기
코멘트 생성 api질문입니다.
const newComment = await db.Comment.create({ UserId: req.user.id, PostId: req.params.id, content: req.body.content }); 를 해주면 comment테이블에 postId가 들어가는데 await post.addComment(newComment.id); 를 해주는 이유는 뭔가요? 포스트와 댓글의 관계를 이어준다고 하셨는데 해당 코드를 넣어주지 않아도 이후에 post나 댓글을 불러올때 postId를 기준으로 잘 나오는듯합니다. 설명 부탁드려요~~
- 미해결React로 NodeBird SNS 만들기
ERR_CONTENT_LENGTH_MISMATCH (200) OK 질문...
안녕하세요 계속 헤메다가 해결이 안되서 혹시 답을 얻을 수 있을까 하고 질문을 남겨봅니다.. 댓글에 사용자 태그 기능을 추가하여 알림과 메일이 전송되게 구현을 해놓았는데요,알림과 메일 필요한 유저를 배열로 만들고 await Promise.all 을 사용하여 전송을 하고 있으며 없는 경우에는 실행 되지 않도록 구현을 해놓았습니다. POST https://mysite/api/post/120/comment net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK) 그런데 잘 되던게 갑자기 이런 에러가 뜨면서 댓글이 정상적으로 실행이 되지를 않습니다... 웃긴건 await Promise.all 이 부분으 실행되지 않는 조건(태그를 하지 않는 경우)에는 에러가 뜨지 않는다는 것 인데... 저 부분이 어떤 문제가 있는건지도 모르겠습니다...일단 제 생각에는 ssl 인증서 재발급 후에 이러는 것 같습니다... const result = await Promise.all(userTags.map(user => { if(myFollowings.indexOf(user.slice(1)) !== -1){ const userInfo = myInfo.Followings.filter(item => item.nickname === user.slice(1)); setUserNotice('commentTag', userInfo[0].id, req.user.id, {post: post.id, comment: newComment.id})(req, res, next); } })) 위의 코드는 댓글에 사용자를 태그했을 때 실행되는 코드인데 이게 서버에 무리가 가는 걸까요?... keepAliveTimeout, headersTimeout, timeout 세가지 모두 추가해도 그대로 이구요도무지 감이 잡히질 않습니다... Request URL: https://mysite/api/post/120/comment Request Method: POST Status Code: 200 OK Remote Address: 13.124.165.254:443 Referrer Policy: no-referrer-when-downgrade Response Headersview source Access-Control-Allow-Credentials: true Access-Control-Allow-Origin: https://mysite Connection: keep-alive Content-Length: 212 Content-Type: application/json; charset=utf-8 Date: Mon, 02 Mar 2020 08:39:12 GMT ETag: W/"d4-g/sWJg6ANI7TEqjpFuTAtRFashk" Strict-Transport-Security: max-age=15552000; includeSubDomains Vary: Origin X-Content-Type-Options: nosniff X-DNS-Prefetch-Control: off X-Download-Options: noopen X-Frame-Options: SAMEORIGIN X-XSS-Protection: 1; mode=block Request Headersview source Accept: application/json, text/plain, */* Accept-Encoding: gzip, deflate, br Accept-Language: ko-KR,ko;q=0.9,en-US;q=0.8,en;q=0.7,zh;q=0.6 Cache-Control: no-cache Connection: keep-alive Content-Length: 48 Content-Type: application/json;charset=UTF-8 Cookie: _ga=GA1.2.2090723928.1582685579; _gid=GA1.2.986938525.1583125567; WkOiN=s%3An_TAEfPSNoVlE17UAH325RRrni4k3etX.Pq0S0kA9HUrMxJZaZAkDphlsG1%2B623074ZUa4t%2B42Cw; _gat_gtag_UA_154908530_1=1 Host: api.blory.net Origin: https://blory.net Pragma: no-cache Referer: https://blory.net/view/1YQdJZodOG Sec-Fetch-Dest: empty Sec-Fetch-Mode: cors Sec-Fetch-Site: same-site User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.122 Safari/537.36 Request Payloadview source {postId: 120, content: "@BLORY ", type: "view"} postId: 120 content: "@BLORY " type: "view"
- 미해결React로 NodeBird SNS 만들기
안녕하세요 제로초님 람다 콘솔 질문드립니다
gif로 업로드시 람다가 gif 포맷은 지원을 하지 않아서 해당 포맷으로 들어올 경우 예외처리 작업을 위해 콘솔을 찍어보고 있는데요 캡처창의 저 부분은 front 콘솔창에서 보는건가요? 람다 watch 콘솔창에는 저 빨간 표시 부분이 찍히지 않아 질문드리게 됐습니다..
- 미해결React로 NodeBird SNS 만들기
loadUserAPI
loadUserAPI에서 userId는 action.data로 id 값이 무조건 존재하지 않나요? userId ? `/user/${userId}` : '/user/' >>> 왜 userId 의 존재 여부에 따른 분기를 해주는지 이해가 안갑니다. 제가 잘못 이해하는건가요?
- 미해결React로 NodeBird SNS 만들기
제로초님 ~
제로초님 문법 질문 하나만 하겠습니다. [].forEach.call(e.target.files, (f) => { }) 빈 배열안에 forEach.call로 e.target.files의 데이터를 넣는다는 문법인가요? [],forEach 이렇게 쓴 문법을 처음 접해 봐서요 이해가 잘 안되네요 ㅠ.ㅠ
- 해결됨React로 NodeBird SNS 만들기
redux 더미 데이터 이름에 관해
안녕하세요 제로초님. 현재 챕터4까지 들은 상태입니다. 다른 게 아니라 더미 데이터의 key 이름 중 대문자로 시작하는 state(Post, User, Comments 등)와 소문자로 시작하는 state(id, nickname, content 등)이 있는데, 어떤 기준으로 대소문자를 구분하는지 궁금합니다. 감사합니다.
- 미해결React로 NodeBird SNS 만들기
db구성 질문있습니다.
제로초님 강의보고 복습하면서 서비스 한개 만들어보고있는데요 학교앞 음식점들 (한정된개수) 후기 남기는 사이트를 만드려고하는데 메인화면에서 음식종류 (치킨,피자,한식등) 을 보여주고 그걸클릭하면 음식점들 목록이나오고 음식점을 클릭하면 후기를 남기는 페이지를 만들려고하는데.. db구성을 store , post ,user 이렇게 하려고하는데 메인화면에서 치킨,피자,한식등 이런걸 나타내려면 db에 foodkind(음식종류) 이런식으로 모델을 한개 더 만들어야하나요? 원래는 store안에 foodkind변수를 만들고 메인화면에서 foodkind별로 나타내려고했는데 이렇게하면 어떻게 메인화면에서 치킨,피자,한식등을 나타내는지를 모르겠어서요 .
- 미해결React로 NodeBird SNS 만들기
제로초님~
제로초님 혹시 가비지컬렉션에 관하여 제로초님 블로그랑 해서 찾아봤는데 안보이던데 혹시 가비지컬렉션에 관련하여 적으신 글들 혹시 있으신가요?!
- 미해결React로 NodeBird SNS 만들기
ec2 서버 유효기간
안녕하세요 선생님! ec2 서버는 유효기간이 따로 없는건가요? 통장에 빠져나갈 돈이 없어질때까지 매달 자동으로 유지가 되는건지 궁금합니다
- 미해결React로 NodeBird SNS 만들기
제로초님
제로초님 궁금 한 점이 있습니다 node.js서버에서 ejs를 사용 하여 하나의 서버로 개발이 가능 하지 않습니까? 그런데 이제 react나 vue를 쓸때는 개별로 서버를 둬서 프론트 서버 하나 백엔드 node.js서버 하나 이렇게 두는데 이걸 하나의 node.js 서버에서 관리 해도 되지 않나요? 두가지로 나눠서 사용하는 이유가 있을까요?
- 미해결React로 NodeBird SNS 만들기
claudia create 에서 에러가 납니다
여기까지 왔는데 나는 에러라 꼭 고치고 싶은데 검색해서 이거저거 해봐도 잘 모르겠네요... 용량을 조절해줘야 하는거 같은데 어떻게 하면 좋을까요ㅠㅠ lambda-executor 는 iam 에서 확인 되는데 함수가 만들어 지지 않습니다
- 미해결React로 NodeBird SNS 만들기
SSR을 언제 사용해야 하는지
따로 프로젝트를 하면서 SSR을 적용하려고 하고 있습니다. 저는 처음 페이지 들어가자마자 보여야 하는 data 들이면 getInitialProps로 dispatch 하고 click등을 통하여 하는 것들만 컴포넌트 안에 적었었습니다. 그런데 페이지를 새로고침을 할 때는 getInitialProps가 작동하지 않는 것 같더라구요. getInitialProps 안에 나의 정보인지 다른 유저의 정보인지 판단하고 그에 따라 dispatch를 하는 코드를 쫘놨었는데, 새로고침을 하니깐 비교를 안 해서 나의 정보임에도 오류가 나더라구요. 그래서 어느 때에 getInitialProps를 사용하면 좋을지, 제가 지금 작업 중인 코드에서는 사용 안하고 그냥 useEffect에서 하는게 맞는지 궁금합니다.