66,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue로 Nodebird SNS 만들기
(이슈 공유) Cannot read property 'password' of undefined
질문은 아니고, 혹시나 이와 같은 질문이 생길 수도 있을까봐 이슈 공유 차원에서 글 남깁니다. 저는 data에 Object를 return할 때 data: () => ({}) 위와 같이 arrow function을 사용했었는데, 1-8 강의를 실습할 때 this가 실행 시점에 바인딩되지 않기 때문에 Cannot read property 'password' of undefined 라는 error가 떠서 애를 먹었습니다. 제로초님 강의처럼 es5의 function식을 쓰면 정상적으로 해결이 됩니다. data: function(){return {}} 또는 data(){return {}} 으로 사용하시면 됩니다.
- 미해결Vue로 Nodebird SNS 만들기
아래 에러가 뜨는데 해결이 잘 안되네요~
안녕하세요 nuxt.config.js 에서 ssr: false, 여서 ssr: true를 만들었는데 아래와 같은 에러가 뜬후 잘 안되는데 해결방법이 있을까요?
- Vue로 Nodebird SNS 만들기
로그인 풀리는 현상
삭제된 글입니다
- 미해결Vue로 Nodebird SNS 만들기
bcrypt 관련 에러
안녕하세요 bcrypt 수강중에서 계속 에러가 떠서 stackoverflow를 봐도 해결이 안되어 질문을 남깁니다. SequelizeDatabaseError: Data too long for column 'password' at row 1 at Query.formatError (/Users/harry/Documents/workspace/wizetoPrototype/backend/node_modules/sequelize/lib/dialects/mysql/query.js:239:16) at Query.run (/Users/harry/Documents/workspace/wizetoPrototype/backend/node_modules/sequelize/lib/dialects/mysql/query.js:54:18) at processTicksAndRejections (internal/process/task_queues.js:97:5)강의한 것과 같이 아래처럼 코딩을 하였는데 잘 안되어 user모델에서 password type을 text, char, string(200) 이상을 해보아도 동일하게 에러가 납니다해결할 수 있는 방법이 있으면 감사하겠습니다.추가적으로 hash 를 콘솔로 찍어서 얼마나 긴지 보고 싶었었는데 코맨드창에서는 로그가 안찍히네요. 어디서 확인을 할수 있는지도 알려주시면 감사하겠습니다.답변 부탁드릴게요app.js app.post('/user', async (req, res, next)=>{ try{ const hash = await bcrypt.hash(req.body.password, 8) console.log(hash) const newUser = await db.User.create({ username: req.body.username, email: req.body.email, password: hash, }) res.status(201).json(newUser) } catch(error){ console.log('error', error) next(error) } user.js const User = sequelize.define('User', { // user의 모델 email: { // 모델의 table type: DataTypes.STRING(40), allowNull: false, }, username: { type: DataTypes.STRING(30), allowNull: false, }, password: { type: DataTypes.STRING(100), allowNull: false, } },
- 미해결Vue로 Nodebird SNS 만들기
프론트에서 요청 보낼 때 암호화하는 방법엔 뭐가 있을까요?
응답은 bcrypt로 암호화한다고 해도 요청할 때의 데이터에 평문으로 비밀번호가 담겨서 보이게 되는데요. 이것또한 암호화할 수는 없을까요? bcrypt 암호화를 프론트에서 한 다음 보내는 건 안 될까요?
- 미해결Vue로 Nodebird SNS 만들기
백엔드 서버는 3085번 포트이네요?
백엔드 서버는 3085번 포트이네요? 근데 강의에서는 프론트에서 3000번 포트에 그냥 post요청을 보내는 것이 아닌가요?? 헤더에 아래와 같이 뜨면서 가져오질 못합니다.. post요청이 3085번 포트로 가야하는게 아닌가요?? git 주소 https://github.com/windsdeath/vuenodebird Request URL: http://localhost:3000/user Request Method: POST Status Code: 404 Not Found Remote Address: 127.0.0.1:3000 Referrer Policy: strict-origin-when-cross-origin Accept-Ranges: none Connection: keep-alive Content-Length: 664888 Content-Type: text/html; charset=utf-8 Date: Fri, 06 Nov 2020 06:42:11 GMT 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,ja;q=0.6 Connection: keep-alive Content-Length: 46 Content-Type: application/json;charset=UTF-8 Host: localhost:3000 Origin: http://localhost:3000 Referer: http://localhost:3000/signup Sec-Fetch-Dest: empty Sec-Fetch-Mode: cors Sec-Fetch-Site: same-origin User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.111 Safari/537.36 {email: "78", password: "78", nickname: "78"} email: "78" nickname: "78" password: "78"
- 해결됨Vue로 Nodebird SNS 만들기
백엔드가 자바일때 로그인 유지관련 질문드립니다.
안녕하세요. 강의 잘 듣고 있습니다. 다름이 아니라 뷰로 처음하는 프로젝트를 자바와 진행해야 하는 상황입니다. 그런데 로그인 관련해서 궁금한게 있습니다. Nuxt를 사용하고 백엔드가 자바일때 로그인을 유지하는 간략한 프로세스가 궁금합니다. 자바스프링도 리퀘스트를 보낼때 header에 토큰 같은걸 담아서 보내는 건가요? 뷰만 사용할때는 axios 인터셉터를 이용해서 토큰정보를 header에 담아서 보내는건 봤는데 Nuxt를 사용할때도 axios 인터셉터를 이용하나요?
- 미해결Vue로 Nodebird SNS 만들기
Nuxt 관련 질문입니다.
뷰를 처음 공부하고 있습니다. 어느정도 공부하다보니 SEO 문제를 접하게 되었는데요... SEO문제를 해결하기 위해 nuxt를 사용하면 운영서버가 꼭 node.js 환경이어야 하나요? 클라이언트 요구 사항으로 일반 홈페이지를 vue로 개발하는 상황인데 백엔드는 자바로 개발될겁니다. 기존의 홈페이지도 현재 자바로 개발되서 운영중이구요. 이걸 리뉴얼 하면서 vue로 프론트를 개발해 달라고 해서 현재 열심히 공부중인데 SEO처리를 어떻게 해야하나 궁금해집니다. 사실 vue관련 강의 이것저것 거의다 듣고 이 강의는 nuxt 가 궁금해서 수강하게 되었습니다. 이 강의는 아직 초반만 들은 상태입니다. 다시 질문으로 돌아와서 현재 자바로 운영되고 있는 홈페이지의 프론트를 vue로 개발하려는데 nuxt를 사용하면 배포시 운영서버에 꼭 node.js 환경이 갖춰져야 하나요? 아니면 프론트 개발할때만 node js 환경에서 하면 되는건가요?
- 미해결Vue로 Nodebird SNS 만들기
vuetify적용이 안되네요 ㅠㅠ
https://github.com/windsdeath/vuenodebird 왜 이런 에러를 뿜는것일까요 ㅠㅠㅠ 흠..
- 해결됨Vue로 Nodebird SNS 만들기
제로초님 글보고 SSL 갱신 관련 문의드립니다.
제로초님이 작성해주신 글인📄 nginx와 let's encrypt로 SSL 적용하기(+자동 갱신)를 통해 많은 도움을 받고 있습니다. 감사합니다.🙇♂️🙇♂️ 그런데 학습 중📖 궁금증이 생겨서 문의드립니다.🙋♂️ 본문을 따라서 진행하다가 아래 내용 대로 certbot이 없어서 certbot을 생성 후..! 명령어를 설정하려고 하는데, certbot-auto로 진행하더라도 크론탭에 설정할 내용이 certbot이 되어야 하는 건지 궁금증이 생겼습니다. certbot-auto로 진행할 경우 certbot 대신 아래처럼 certbot-auto로 진행해도 되는 것인지 궁금하여 문의드립니다.🙋♂️ SHELL=/bin/sh PATH=/usr/local/sbin:/usr/local/bin:/sbin:/bin:/usr/sbin:/usr/bin 0 */12 * * * root certbot-auto -q renew --nginx --renew-hook 'service nginx reload' 항상 감사합니다. 제로초님 🙇♂️🙇♂️🙇♂️
- 해결됨Vue로 Nodebird SNS 만들기
제로초님 아래 질문에 연이어 문의드립니다.
제로초님 아래 질문에 연이어 문의드립니다.🙇♂️ Q.🙋♂️ nginx 설정과 관련된 질문 A.🧑🏫 "네 cors 에러는 IP로 하는 경우는 해결하기 힘듭니다. 그런데 3000번 포트에 어드민을 두셨다고 하셨으니 ham.com:3000으로 요청을 보내면 되지 않나요? 대신 3000번 포트는 EC2 방화벽 인바운드에서 허용을 해주셔야 겠지요." 위와 같은 답변을 주신 이후에 1. aws 보안그룹에 가서 사용자 지정 TCP 규칙으로 3000번 포트를 개방했습니다. 이 부분 말씀해주셔서 감사합니다. 인바운드 규칙 설정을 놓치고 있었는데, 제로초님이 말씀해주셔서 아래처럼 설정했습니다. 2. 그리고 프론트에서 요청을 보내는 axios baseURL을 'https://ham.com:3000/'과 'http://ham.com:3000/'으로 시도해보았는데, https의 경우에는 cors 에러가 발생하는 것 같고, http의 경우에는 'Mixed Content' 에러가 발생하는 것 같습니다. '같습니다' 라고 표현하는 이유는 이 http의 경우에도 cors 에러인 경우가 있는데 아직 경우의 수를 좁히지 못했습니다. 🤔 3. 혹시 싶어서 PostMan으로 'https://ham.com:3000/'과 'http://ham.com:3000/' 에 각각 요청을 보내본 결과 'http://ham.com:3000/'는 정상 응답을 하였고, 'https://ham.com:3000/' 은 응답이 없습니다... 🤕 4. ham.com:3000 주소를 가진 백엔드 서버가 정상적으로 응답을 해준다면 해결될 문제인 것 같은데, 백엔드에도 https를 적용하면 해결될 문제일까요? 5. 만약 백엔드에 https 를 적용해서 해결가능한 문제라면 리액트 배포 보너스 강의👨🏫 중 백엔드에 https 적용하기가 실마리가 될 수 있을까요?! 6. 혹시 제가 놓치고 있는 설정이나 부분이 있다면 혹시 말씀을 부탁드릴 수 있을까요? 🙋♂️ 감사합니다. 제로초님🙇♂️
- 해결됨Vue로 Nodebird SNS 만들기
제로초님 안녕하세요🙇♂️😄 nginx 설정과 관련된 질문드립니다.
제로초님 안녕하세요🙇♂️😄 nginx 설정과 관련된 질문드립니다. 일전에 하나의 EC2에 프론트와 백엔드를 배포하기 위해선 어떤 주의사항을 주실 수 있는지 여쭈었습니다. 😸제로초님께서 "각각의 주소와 포트를 어떻게 하실지 정하셨나요? 한 인스턴스에서 두 개의 서버를 돌리는 경우 nginx를 도입하시는 게 좋습니다." 와 같이 답변을 주셨습니다.👨🏫 그래서 제로초님 영상과 강의를 보면서 nginx를 통해 도메인 주소로 들어오는 요청 가령, 'https://ham.com'을 'http://127.0.0.1:3080' 으로 리버시 프록시하는 작업을 성공했습니다. 덕분에 도메인 주소로 접속할 경우 화면이 정상적으로 출력되는 부분까지는 완성을 했습니다. 그런데 한 단계 더 나아가고자 하니 약간의 어려움이 생겼습니다.😂😂 프론트와 백엔드는 같은 인스턴스 안에 있으니 axios에서 'http://127.0.0.1:3000(백엔드 주소)' 로 바로 요청을 보내면 되지 않을까 생각하여 특별한 설정없이, local 환경에서 작업한대로 진행했는데, cors 에러가 발생했습니다.🙄 그래서 강의 내용을 다시 돌아보니 6-9 도메인 연결하기 강의👨🏫에서 "반드시 도메인을 가지고 있어야지만 요청이 전송이 된다"고 말씀해주신 부분을 확인했습니다. 그래서 이 부분과 관련해 몇가지 질문드립니다.🙋♂️ 1. 그렇다면 백엔드 서버로 요청을 보내기 위한 프론트엔드 axios baseURL 설정 부분에도 백엔드의 IP 주소가 아니라 도메인 주소가 자리해야 하는 것인지 궁금합니다. 2. 혹시 지금 이 상황을 해결하려면 nginx에서 프론트엔드와 백엔드 양쪽으로 리버스 프록시를 해야 하는 걸까요? 3. 제가 막히고 있는 지점을 설명드리고 배움을 얻고자 하였는데, 혹시 제가 놓치고 있는 설정이나 부분이 있다면 혹시 말씀을 부탁드릴 수 있을까요? 감사합니다. 제로초님🙇♂️
- 미해결Vue로 Nodebird SNS 만들기
login 비활성화 등은 해결되었는데 여전히 v-icon 들이 보이지 않습니다.
알려주신 데로 추가 인스통하여 package.json 에도 버전이 다 올라온 상태입니다. 안그레도 modules 여쭈어 보려 했었는데 강의 에는 devModules로 변경하라 하라고 하셨는데 인터넷 찾아보니 buildModules로 되어있습니다. 우선 dev 에서 build로 변경한 상태입니다. 그리고 login 비활성화와 check-box 깨지듯 나오는것은 해결이 되었습니다. 동영상에 보이는 버전들과 유사한데 여전히 아이콘들이 보이질 않습니다. 아이콘 자리에 마우스를 갔다 대면 손가락으로 변하였습니다. 그리고 v-image와 v-list-tile 이란게 없다면서 에러가 뜹니다. 제가 vuetify 에 가서 찾아 봐도 찾지를 못했습니다. v-img 란게 보이긴 한데 동일한것인지는 모르겠습니다.
- 미해결Vue로 Nodebird SNS 만들기
icon이 뜨질 않고 check box도 깨지듯 뜹니다. [ 추가 질문드립니다. ]
현제 1-7을 하고 있는데 icon 내용 코등을 하면 보이질 않고 회원 가입에 check box 는 깨지듯 뜹니다. coding 은 똑같이 하고 있는데 문제 점을 찾지 못하고 있습니다. 지금 까지 install 해야되는 vuetify , axios , nuxt, vue 모두 인스톨 하였습니다. 그런데 package.json 에는 vuetify axios 등 버전이 dependencies 나 같은데 보이질 않는건 있습니다. 이곳 dependencies 안에 자동적으로 뜨는게 아니라 물리적으로 버전을 적어넣으면 문제가 안되는지 모르겠습니다. 아래는 지금까지 문제있던 부분에 대한 사진들입니다. PostCard.vue 안에 <v-image />를 집어넣으면 개발자 도구에 아래와 같이 에러가 뜹니다.
- 미해결Vue로 Nodebird SNS 만들기
<nav></nav> <nuxt /> 로 링크가 생성이 안됩니다.
안녕하세요 지금 1-3 까지 마치였습니다. 그런데 1-3 에서 각 페이지들이 <nav></nav> 가지고 있었을떼 div 던 nav 던 링크가 잘 생성되었습니다. 그런대 각 페이지에 nav는 삭제하고 admin과 index로 몰아주니 링크가 생성되지 안고 있습니다. 그리고 head 부분도 각 페이지에 head 이름을 적용해놨을때는 head각 잘 떳는데 어떤 page에 있던 head부분을 삭제하고 default.vue 나 admin.vue 에 head를 작성하면 주소가 뜨지 head 이름이 보이질 않습니다. 그런데 nuxt.config.js에 강의에서 알려주신데로 module 안에 head를 집어넣으니 특정 페이지에 head가 보입니다. 알려주신 vutur 깔은 상태입니다. 어떻게 처리해야 하는지 알았으면 합니다. 혹시 추가적이 라이브러리가 있다면 알려주시면 고맙겠습니다. 아래는 지금 code 와 제가 가지고 있는 라이브러리들입니다.
- 미해결Vue로 Nodebird SNS 만들기
trim()이 undefinded가 뜹니다.
trim()이 undefinded가 뜹니다. [v => !! v || '내용을 입력하세요.'] 로 고쳤는데 제대로 됩니다. 알맞게 수정한게 맞는것일까요?
- 미해결Vue로 Nodebird SNS 만들기
localhost:3000 에 사이트 연결할 수 없음으로 뜹니다.
안녕하세요 이제 막 시작해 두번째 파트 하던중이였습니다. 처음으로 vue와 nuxt 를 깔았고 nuxt 를 실행 해보기 위해 terminal에서 npm run nuxt 라고 쳤더니 아래와 같이 떴습니다. 강좌에서 버전 같은것을 확인한것과 달리 위와 같이 떠 아직 nuxt setup 이 완료가 안된거 같은데 어떻게 나머지 진행해야 하는지 모르겠습니다. 그리 template 안에 쓴 글이 localhost에 보이려고 했는데 연결이 안된다 뜹니다. nuxt setup이 완료가 안되서인지 아니면 이전에 다른데 있는 react 강좌를 들었는데 같은 localhost 가 같은 3000이여서 기록이 남아서인지 확실히 모르겠습니다. 만약 같아서이면 전 기록을 없에는 방법이나 포트를 변경할 수 있다면 어떻게 변경할 수 있는지 알았으면 합니다. 그리고 vue 페이지에 template 안에 div를 치면 줄이 안마추어지고 enter치면 자동적으로 닫겨지질 않습니다. </div>
- 해결됨Vue로 Nodebird SNS 만들기
제로초님 안녕하세요? AWS EC2 배포 관련 질문드립니다.
제로초님 안녕하세요? EC2 배포 관련 질문드립니다. 강의를 학습하고, AWS에 배포를 진행하려고 하는데, 저는 강좌와 다르게 하나의 EC2 안에 프론트와 백엔드를 함께 배포해보고 싶습니다. 강좌 내용과 다르게 하나의 EC2 안에 배포할 경우 각각 따로 EC2를 이용해 배포하는 것과 다르게 주의사항이 있는지..! 궁금하여 문의드립니다.
- 미해결Vue로 Nodebird SNS 만들기
onScroll은 실행이 되는데 loadPosts가 실행이 안됩니다
loadPosts가 100번에 한번 됩니다. 되도 다섯번 실행이 안되고 한번 실행되거나 두번되거나..안되거나합니다. 어딜 봐야할까요..
- 해결됨Vue로 Nodebird SNS 만들기
안녕하세요 제로초님 cors.. 와 PostMan 관련 질문드립니다.
안녕하세요 제로초님🙋♂️ cors와 PostMan 관련 질문드립니다. 백엔드에서 아래와 같이 cors 미들웨어를 설정했습니다. const corsOptions = { origin: 'http://localhost:8080', credentials: true, }; app.use(cors(corsOptions)); 그럼 백엔드 API에는 cors 설정의 옵션을 통해 허용한 프론트 서버의 주소 http://localhost:8080 만 접근할 수 있어야 하는 것 같은데.. 왜인지 모르겠지만.. PostMan에서도 백엔드로 요청을 보낼 수 있습니다... cors 옵션을 통해 허용한 프론트 서버에서만 요청을 보내게 하고 싶었는데.. PostMan에서도 요청이 가능하다면.. 배포시에 문제가 되는 건 아닌가 싶어서 문의드립니다. ㅠ.. 감사합니다.