66,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue로 Nodebird SNS 만들기
https 적용 질문드립니다..
안녕하세요, 제로초 선생님. 강의를 끝가지 다 보았으나,, https 적용과 관련된 내용을 찾을 수 없었는데요 nuxt 서버에 적용하는 방법을 알려주시면 감사하겠습니다 ㅠㅠ
- 미해결Vue로 Nodebird SNS 만들기
nuxt 에서 비밀키 숨기기
vue로 프론트 엔드 개발을 하고 배포를 하려고 하는데 막히는 점에 있어서 질문을 드립니다..ㅠㅠ 백엔드는 없고 api 사이트에서 회원가입을 하여 데이터를 받아옵니다. 무료지만 많은 접속을하게되면 요금이 청구되는데.. 여기서 궁금한 점이 있습니다. 1. api-key를 vue에서 숨길 방법은 없나요? dotenv 설치 후 .env를 이용하여 봤는데 F12 개발자도구 탭에서 Requests Headers 를 보면 api 키가 적나라하게 나오더라고요.. 만약 숨길 방법이 없다면 해커들이 제 api key 를 보고 악용을하여 어마어마한 요금이 청구되는 사태는 막을수 없나요? Nuxt를 이용하여 ssr:false , target:'static' 으로 vue 개발을 했고 netlify 에서 배포 예정입니다. @nuxtjs/dotenv 모듈을 이용하였습니다.
- 미해결Vue로 Nodebird SNS 만들기
SSR관련 질문드립니다.
안녕하세요. 이 강좌를 보고 처음으로 Vue 와 Nuxt로 작업해서 몇 달 전에 서비스를 돌리고 있었습니다. 감사합니다. 꾸벅(_._) 그런데, 며칠 전에야 현재까지 SSR이 안되고 있다는걸 알았습니다.;;; 현재 fetch 훅으로 백엔드 데이터를 가져와서 보여주는데 SSR이 안돼서 화면에는 보이지만 브라우저 우클릭 소스보기로 보면 데이터로 뿌려지는 부분이 보이지 않습니다. postman으로 확인해도 마찬가지 입니다.(CSR 이라는 얘기겠죠) 이 때문에 페이지를 새로고침하면 데이터 부분이 사라져서 안보입니다. fetch훅 자체를 실행하지 않습니다.(처음엔 이게 SSR문제라고는 생각치도 못했습니다.;;;) 그래서 fetchOnServer: false 로 설정해 보면 새로고침 해도 데이터는 잘 나오지만 SSR은 당연히 안됩니다. (무조건 SSR이 돼야 해서 이 옵션은 사용 불가입니다.) 혹시나 해서 asyncData훅으로 데이터를 가져와 봐도 문제는 동일합니다. 이상한건 동일한 소스로 개발서버에서는 SSR이 잘 되니 새로고침 문제도 없이 잘 되는데 실서버에서만 안되고 있는겁니다. 일단 제가 작업한 과정은 아래와 같습니다. ------------------------------------------------------------------- 사용자 화면을 Nuxt(Universal) 로 작업해서 실서버에 올렸습니다. 빌드: npm run build pm2 이용해서 배포: pm2 start ecosystem.config.js pm2 ls 로 확인하면 정상적으로 실행 리스트 보여짐(pm2가 3000번 포트에서 돌아가는것도 확인) 실서버는 아래처럼 아파치 가상호스트 환경설정(백엔드 개발자가 처리)에서 프론트로 들어오는걸 localhost:3000 을 바라보도록 세팅돼어 있습니다. 현재 실서버에는 어드민 페이지 및 백엔드서버(api)가 같이 있습니다. <VirtualHost *:80> ServerName www.mydomain.com ServerAlias mydomain.com localhost DocumentRoot "/usr/local/tomcat/webapps/ROOT" ServerAdmin webmaster@mydomain.com #80 to 433 <IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTPS} off RewriteRule .* https://% {HTTP_HOST}%{REQUEST_URI} [R,L] </IfModule> </VirtualHost> <VirtualHost *:443> ServerName www.mydomain.com ServerAlias mydomain.com localhost DocumentRoot "/usr/local/tomcat/webapps/ROOT" ServerAdmin webmaster@mydomain.com <Directory "/usr/local/tomcat/webapps/ROOT"> AllowOverride none Require all granted </Directory> # SSL SSLEngine On #SSLProxyEngine On SSLCertificateFile /etc/httpd/ssl/mydomain.com/mydomain.com_20210616XXXX.crt.pem SSLCertificateKeyFile /etc/httpd/ssl/mydomain.com/mydomain.com_20210616XXXX.key.pem SSLCertificateChainFile /etc/httpd/ssl/mydomain.com/chain-bundle.pem SSLCACertificateFile /etc/httpd/ssl/mydomain.com/AAACertificateServicesRoot.crt.pem # Tomcat <LocationMatch "/(?:adm|api|attachments|css|files|fonts|images|js|tinymce)"> ProxyPass ajp://localhost:8009 ProxyPassReverse ajp://localhost:8009 </LocationMatch> ProxyRequests Off ProxyPreserveHost On ProxyPass / http://localhost:3000/ ProxyPassReverse / http://localhost:3000/ </VirtualHost> 문제가 발생하지 않는 개발서버 아파치 가상호스트 설정은 아래와 같습니다. api는 실서버를 바라보고 있고, 어드민페이지는 개발쪽에 없어서 관련 설정은 없습니다. <VirtualHost *:81> ServerName test.mydomain.com ProxyRequests Off ProxyPreserveHost On ProxyPass / http://localhost:3000/ ProxyPassReverse / http://localhost:3000/ </VirtualHost> 실서버와 개발서버의 눈에 띄는 차이점은 실서버는 SSL이 적용되어 있다는 점 밖에 없는것 같습니다. 이 문제로 며칠째 헤매고 있는데 도저히 원인을 모르겠습니다. Vue 코드나 Nuxt 설정에 문제가 있는걸까요? 동일한 소스가 개발서버에서는 문제가 없는걸 보면 그건 아니것 같은데 백엔드나 서버쪽은 제가 거의 문외한이라 뭘 확인해 봐야 할지도 모르겠네요. 백엔드에 얘기하면 외주 개발자라이고 계약기간이 끝나서 그런지 프론트 문제라고만 하고 검토해 볼 생각도 안하고... 혹시나 짐작가는 문제가 있으시면 조언 좀 부탁드리겠습니다. 감사합니다.
- 미해결Vue로 Nodebird SNS 만들기
실행 명령어 질문입니다.
삭제된 글입니다
- 미해결Vue로 Nodebird SNS 만들기
ch5까지 들었는데, 작동이 안되는 부분이 있습니다.
안녕하세요. ch5까지 다 듣고나서 에러 혹은 문제있는 부분들을 수정하고 있습니다. 1. 회원가입 후, 자동으로 vuex에 setMe가 된걸 확인했는데, 글 등록을 시도하면 '로그인이 필요합니다.'라는 401 에러가 뜹니다. 페이지 새로고침하면 로그아웃으로 되어있어서, 다시 로그인하면 잘 작동합니다. 코드는 깃허브에 있는거와 비교해보고 혼자서 다시 둘러봤지만, 어디가 잘못된지 모르겠습니다. 코드상으로는 /user/login 부분과 /user 부분과 뒷부분이 동일한데, 왜 이런 오류?가 나는지, 어디서 확인해봐야할지 모르겠습니다. 2. 스크롤을 내려도 posts/loadPosts가 실행되지 않습니다. 이 또한 혼자 생각해보고, 깃허브 코드와 비교해봤지만, 어디서 잘못된지 모르겠습니다. 이건 에러메세지조차 뜨지않아서 어디를 확인해야할지 감이 잡히질 않습니다.
- 미해결Vue로 Nodebird SNS 만들기
nuxt app 을 ec2에 배포하는 것에 대해서 질문 있습니다.
안녕하세요. nuxt 로 만든 앱을 ec2 서버에다가 git clone 으로 받아서 npm run start 를 실행시키면은 만든 app 이 실행이 되고 있 습니다. 그래서 localhost로 접속을 하면 app이 실행이 되는 데 ec2 개방ip로 접근을 하면 app 이 접근이 되질 않습니다. (ec2 서버 보안그룹 80포트는 허용을 했습니다.) 혹시 제가 개발한 app 을 배포를 하려고 하면은 nignx 나 apache 같은 서버 위에다가 올려야지 ec2 주소로 접근이 가능한건가요? react next 로 nodebird 를 했을때는 굳이 ngingx 같은 웹서버를 구동을 안하고 접근을 했던걸로 기억이 나는데 nignx 와 nuxt 서버의 차이점이 잘 이해가 가질 않네요.
- 미해결Vue로 Nodebird SNS 만들기
뷰 버전 갱신
제로초님 안녕하세요! 강의 항상 잘 듣고 있습니다! 오랫만에 노드버드 강의를 들으려고 왔는데 뷰 버전이 달라서 맞추려고 하는데(3⇨2) 잘 안되네요... 혹시 뷰 버전을 낮추는 방법을 아시나요? 인터넷에서 버전 변경으로 검색해보면 다 업그레이드만 있고 지운 다음 다시 설치를 하려고 해도 잘 지워지지가 않아서....이런 메세지가 뜨면서 잘 지워지지가 않네요... npm ERR! Must provide a package name to remove npm ERR! A complete log of this run can be found in:
- 미해결Vue로 Nodebird SNS 만들기
nuxt start경우
nuxt start의 경우에서도 이렇게 다 적어주면 되나요?PORT=80 NODE_ENV=production nuxt start
- 미해결Vue로 Nodebird SNS 만들기
프론트엔드 서버와 백엔드 서버를 분리하였을때 동일 로직 소스는 어떻게 관리하나요?
예를 들어 회원 가입한다고 하였을때 vue 페이지에서 회원 가입 로직 점검하고 동일 소스(?)를 이용하여 store에서 점검하고 백엔드서버 라우터에서 또 점검하나요? 그리고 백엔드서버와 프론트엔드서버에 동일 로직 코드를 사용하고자 할 경우 npm 으로 관리하는지.. 아니면 front/back/global(?) 이런식으로 동일 레벨 폴더를 생성해서 관리하는지... 아니면 다른 좋은 방법이 있는지 궁금합니다. /store/index.js
- 미해결Vue로 Nodebird SNS 만들기
vuex 관련 질문
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. vuex 가 메모리 처럼 새로고침/다른페이지 이동(SSL로) 하면 초기화가 되는데요 1. vuex 는 원래 메모리처럼 일시적으로 담아두고 새로고침을 하면 날라가나요? 2. 이걸 막기 위해서는 갖고싶은 데이터를 계속 갱신해줘야하나요?
- 미해결Vue로 Nodebird SNS 만들기
axios 질문
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. @nuxtjs/axios 설정 옵션을 검색하다가 nuxt.conifg.json 에서 baseURL 과 browserBaseURl 이렇게 2개가 있더라고요 baseURL 는 to make sever side requests , browserBaseURl 는 to make client side requests 라고 되어있는데 server side req 와 client side req 의 차이를 알고 싶습니다.. 강의 중 짧게 설명하셨는데 정확하게 알고 싶어서요
- 해결됨Vue로 Nodebird SNS 만들기
로그인은 잘 되는데 login하려고 하면 401에러가 발생합니다...
쿠키가 심어진 거 까지는 확인을 했는데 401 에러가 발생합니다... (혹시 후반에 수정되는 거면 죄송합니다 ㅠ)
- 미해결Vue로 Nodebird SNS 만들기
back/config/config.json 패스워드에 대해 궁금합니다. SequelizeAccessDeniedError: Access denied for user 'root'@'localhost' (using password: NO)
강의에서 config.json 의 패스워드를 바꾸셨는데요! 말그대로 config.json 은 우리가 db에 접속할 때 필요한 설정파일 들이고, db는 다른 프로세스로 띄워져있어서 그곳에 접근하게 되는 것이잖아요? 접근할 때는 config.json 의 정보로 인증을 받아 접근을 하구요. 제가 놓친 것인지 모르겠는데, 해당 강의에서 config.json 의 password를 바꾸는데 그럼 db의 비밀번호도 변경하는 부분이 있어야하지 않나요? 어떻게 바꾸는지 궁금합니다 ㅠ
- 미해결Vue로 Nodebird SNS 만들기
새로고침
안녕하세요 :D 두번째로 반복해서 보고 있는데요연습하다보니 저의 경우에는 .vue파일을 수정하다보면, input안에 또는 textarea 안에 작성해둔 글자가 사라지는 현상이 생깁니다. 영상의 05:20~ 보니 파일내용을 수정해도 textarea는 그대로 "안녕하세요!"가 있네요. 제가 무언가 설정이 덜 되어있는 걸까요?
- 해결됨Vue로 Nodebird SNS 만들기
KAKAO Login in NUXT 리다이렉트
안녕하세요 조선생님 카카오로그인을 nuxt에서 구현하고자 https://github.com/mango-tree/vue-kakao-login 를 이용하여 를통해 버튼은 구현하여 콘솔로그로 성공 메시지를 받았습니다. 하지만, 리다이렉트나 성별나이받아오는게 되질않아 https://www.youtube.com/watch?v=Re2R2rid1K4&t=378s 를 토대로 nuxt에서 구현하고자 nuxt.config.js에 아래의 sdk를 적고 해당 유튜브 영상과 비슷하게 nuxt의 기본 pages안 index.vue 의 스크립트에 windows.Kakao.init을해도 Kakao를 찾지 못한다고만 떠서 window를 지우니 Kakao객체는 접근이되는것같은데 이코드를 methods가 아니라 script에 바로 붙이고 로만 뜹니다 혹시 조언 얻을수있을지 궁금합니다. 번거롭게하여 죄송하빈다
- 미해결Vue로 Nodebird SNS 만들기
안녕하세요 선생님!
response 로그를 찍어보면 email이 잘 들어있는데 notNull Violation: User.email cannot be null 에러가 뜨는 이유가 궁금합니다 선생님!
- 미해결Vue로 Nodebird SNS 만들기
pending status
안녕하세요 선생님 저는 서버로 요청을 보내도 pending 상태이고, 200이 뜨지 않는데 원인을 알 수 있을까요?
- 미해결Vue로 Nodebird SNS 만들기
질문이 생겼습니다.
1) me(value) 에서 me 안에 인자로 value 가 들어가는 이유가 궁금합니다. users.js 의 me는 어떤 함수가 아니라 그냥 값이라고 생각이 들어서요! me 가 가진 value 를 지칭하는 것일까요? 2) watch 는 언제 트리거링 되는 것인지 궁금합니다. me가 가진 value가 그냥 변화할 때, 트리거링 되는 것일까요? 강의에서는 로그인버튼을 누른 순간이라고 표현해주셨는데, 따로 컴포넌트와 함수를 매핑을 해주진 않았던 것 같습니다. - 바쁘실텐데 감사드립니다~
- 해결됨Vue로 Nodebird SNS 만들기
[해결] v.trim()을 사용하면 해당 property를 읽을 수 없다고 하는데요~
아래 질문과 동일한 질문인데.. 이렇게 뜨는데... 혹시 다른 걸로 대체할 수 있는 방법이 있을까요? 음 해결했습니다.. 좀 이상하긴 한데 변수값?이 v가 아니기만 하면 되는 거 같아요.. v 를 text로 바꾸니까 에러 없이 잘 동작합니다. (참고로 기존 에러에서는 서버는 동작하는데 해당 에러가 title에 뜨고, 박스에 입력 자체가 불가능했습니다. 검색해봤는데 이유는 모르겠네요... )
- 미해결Vue로 Nodebird SNS 만들기
request 중복
1. login: xhr 과 login: preflight 가 짝을 이루고 있는데 preflight 는 무엇인가요? 왜 자동으로 보내지나요?? 2. 강의와 코드를 똑같이 쳤는데 login 요청이 2번이 동시에 나갑니다.. 왜이러는지 모르겠어요 1. login: xhr 과 login: preflight 가 짝을 이루고 있는데 preflight 는 무엇인가요? 왜 자동으로 보내지나요?? 2. 강의와 코드를 똑같이 쳤는데 login 요청이 2번이 동시에 나갑니다.. 왜이러는지 모르겠어요. 제 생각에는 actions 부분에서 2번이 연속으로 요청되는 것 같은데 잘 모르겠네요..