월 22,000원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
강사님 ㅠㅠ 버전이 지금이랑 안맞는데요.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 선생님 node 10.16.3 버전으로 설치하라고 하셔서 했는데 npm이 해당 node를 지원하지 않는다고 나옵니다. npm 버전 좀 알려주실수 있나요? 전 지금 npm 8.1.4 로 하니깐 안되네요.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
혹시 api 서버를 netlify를 이용할 수 있을까요?
코드 그대로 netlify를 이용하여 배포했습니다. "Published"라는 상태까지 확인했는데 사이트를 들어가면 404 가 나옵니다. 회사 네트워크로 막혀있어서 로컬에서는 못 돌리는데 방법이 없을까요? 아랫 분이 해결한 방법은 제가 사용 할 수 없습니다 ㅠㅠ
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
template 태그에 대해 궁금합니다.
v-if 조건부 렌더링을 할 때, div가 아닌 template태그를 사용하는 것에 대해 의문을 가지고 있었습니다. 찾아보니 template 태그는 DOM 노드에 나타나지 않는다는 점을 확인했습니다. (https://stackoverflow.com/questions/51995815/vuejs-template-vs-div-or-related-for-grouping-elements-for-conditional-rend 를 참고했습니다) 그러면 vue에서의 template 태그는 HTML 태그의 template과 동일한 역할을 하는 것인가요?? (https://developer.mozilla.org/ko/docs/Web/HTML/Element/template 이 링크를 참고했습니다.)
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
npm i 에러 해결
동영상에 나오는대로 쭉 따라하니까 됬어요 ㅠㅠ nvm, node -v, npm i 를 모두 순서대로 bash에서 했더니 잘 깔렸어요...
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
axios interceptor 관련하여 질문 드립니다.
import store from '@/store/index'; export function setInterceptors(axiosService) { axiosService.interceptors.request.use( function (config) { config.headers.Authorization = store.state.token; return config; }, function (error) { return Promise.reject(error); } ); axiosService.interceptors.response.use( function (response) { return response; }, function (error) { return Promise.reject(error); } ); return axiosService; } 안녕하세요. axios interceptor에 대해 질문드리려고 합니다. setInterceptors에서 error function return 시 return error; 하지않고 프로미스 형태로 리턴하고 있는데 이유가 있는지 궁금합니다! axios에서 promise형태로 return하고 있는것으로 알고 있는데 왜 한 번 더 감싸는지 혹시 이유가 있을까요?
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
npm i나 vue create 프로젝트 하면 에러가 자꾸 뜹니다. ㅜㅜ
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 자꾸 이런 에러가 뜨는데 왜 그럴까요? ㅠㅠ npm cache clean --force 을 해주면 괜찮아질때도 있지만 여전히 에러가 나올때도 있습니다. ㅠㅠ 이거 안뜨게 하는 방법이 없을까요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
http to https redirection 관련 질문드립니다.
선생님 안녕하세요. 좋은 강의 잘 듣고 있습니다. 다름이 아니라 현재 개인적으로 공부중에 있는데, ssl 인증서 적용까지 하였으나 http로 vue.js app 페이지 접근시 https redirection 처리를 하려고 합니다. 구글링을 해봤는데, 명확히 적혀져 있는 글이 없어 이렇게 문의드립니다. 1. 우선 처음 ssl 적용은 vue.config.js 파일에 적용을 했었습니다. 2. 그런데 redirection을 하려면 node.js에서 해야한다는 글을 보고 Server.js 파일에서 진행을 했습니다. 3. 그런데 또 어떤 글을 proxy server에서 해야한다는 글도 있어서 실무에선 어떻게 적용을 하고 있는지 문의드립니다. 1. redirection을 해야 한다면 1번과 같이 veu.config.js 파일에서 해야하는지가 궁금합니다. 2. 만약 1번과 같이 하는게 아니라면 실무에서 어떻게 하고 있고 혹시 어떤 방법으로 하는지 알려주시면 매우 감사하겠습니다. 문의 내용이 잘 정리되지 않은 것 같아 우선 사과드리며, 수업에 관련없는 것으로 느껴지실 수도 있을 것 같은 것에 죄송한 말씀 올립니다. 며칠동안 찾아봤으나 명확한 답변이 없어 답변해주신다면 정말 감사드리겠습니다. 감사합니다.
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
선생님 cli 4.5이상은 default Vue2로 설치하면 test내용이 없습니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 선생님 강의 아래 이미지에 vue cli 4.5x는 default vue2를 선택해서 프로젝트를 생성하라고 나왔는데요. 그럼 관련된 test는 안깔립니다. npm i -g jest로 설치했는데요. jest외에 더 설치해야 하는게 있나요?
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
Age of Vue.js 4까지 완강하고 질문!!
안녕하세요 캡틴판교님! 소중한 강의 Age of Vue.js 1부터 4까지 (웹팩포함) 완강을 했습니다! 좋은 내용을 꼼꼼하고 이해하기 쉽게 설명해주셔서 정말정말 감사드려요ㅠㅠ 강의를 끝낸 지금, 이제는 Vue.js를 가지고 개인 프로젝트를 진행하려고 합니다! 적당한 개인 프로젝트로 생각했더니 youtube에서 고민상담소에서 얼핏들었던 내용으론 본인에게 필요한 서비스를 구현해보는 것도 좋다고 하셔서 아이디어가 떠올라 만들기로 했습니다! 많은 기능이 들어간 건 더더욱 아니고 제가 필요로한 기능 1,2가지(의 CRUD)에다가 친구들도 같이 사용할 수 있게 회원기능까지 해서 배포할 생각입니다. (질문1) 이제 시작하려는데 제가 vue2와 vue3 중에 무엇을 선택해야하는 지 의문이 들어서 주저하는 상황이 되었습니다. 여러 라이브러리를 사용하지 않는 것 같아서 vue3를 사용해도 괜찮을까 하는 고민이 듭니다. 지금까지 생각한 프로젝트에 사용할 라이브러리는 axios, mongodb 정도입니다. 캡틴판교님이 보시기에 어떤 선택을 하는 것이 좋을까요? (질문2) 또 다른 질문이지만 추가적으로 버튼이나 화면을 디자인하는 과정이 저에게 쉽지않아서 이전에 프로젝트할 때는 bootstrap 이용했었는데, 혹시 추천, 참고해주실 내용(또는 홈페이지)이 있을까요??
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
계속 nvm use가 안되어서 해결한 방법 남깁니다
vue.jh 님이 최신에 남겨주신 글대로 따라해도 안 됐습니다. https://github.com/coreybutler/nvm-windows/issues/333 그러다가 이 글을 검색하다 보게 되고 "The idea is to remove spaces from User Name to UserName and delete last letters so that with ~1 at the end there was 8 letters." (발췌) 해결책은 즉 nvm root, node.js path경로에 공백을 없애라 라는 것이었는데요 (*중요, nvm 실행시 관리자 권한으로 실행, nvm으로 node.js 설치시에도 cmd를 관리자 권한으로 실행했습니다) nvm을 설치할 때 공백이 없는 폴더에 설치하고, node.js가 설치되는 path도 공백이 없는 폴더로 잡아주었습니다. 그랬더니 nvm install 후 nvm use 할 때 에러가 나지 않고 잘 되었습니다 (원래는 nvm install 후 nvm use 하면 exit status 1: 이상하게 깨진 문자열~ 로 에러가 떴었습니다.)
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
문의
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 404페이지가 떴을 때 App.vue의 컴포넌트의 영향을 받지않는 빈페이지에서 새로운 컴포넌트를 출력하고싶은데 그럴땐 어떤 방식으로 하나요?
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
@vue로 설치되는 라이브러리와 일반 라이브러리의 차이점이 궁금합니다.
안녕하세요 캡틴님! 항상 잘듣고 있고 어느덧 엔드게임까지 왔네요! 강의를 듣고 다른프로젝트를 위해서 개발환경을 맞추는중 package.json에서 궁금한게 생겼는데 @vue경로가 잡힌 라이브러리와 일반 라이브러리가 있더군요. 혹시 이 두가지의 차이점이 어떻게 되는지 궁금하고 중복되어도 상관없는지 궁금합니다 :)
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
GIT 권한 요청 드립니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 인프런 아이디 : aoaoaoal329@gmail.com인프런 이메일 : aoaoaoal329@gmail.com깃헙 아이디 : blue672@naver.com깃헙 Username : janghyeonwoo
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
vue3 상용 서비스 적용에 무리가 있다는게 어떤건지요?
vue cli 프로젝트 생성 시 vue3로 진행시 서비스 적용에 무리가 있다고 글에 작성되어 있는데 어떤 부분이 사용 서비스에 무리가 있는지 알려주실수 있을지 문의드립니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
강의 두번쨰 보는중이에요
판교님 vue시리즈 듣다가 완강하지 못하고 팀프로젝트에서 Vue 프론트엔드개발을 맡다 왔는데 다시보니 이해가 더 잘 되는 부분도 있고 재밌네요.. 에러코드, 예외처리 등 여러가지로 많이 배워갑니다
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
vue-til-server 설정 에러
아래와 같이 에러가 나는데 잡히질 않네요 ㅠㅠ 도와주세요 PS D:\workspace\vue-endgame\vue-til-server> node -v v10.16.3 PS D:\workspace\vue-endgame\vue-til-server> npm i > bcrypt@3.0.8 install D:\workspace\vue-endgame\vue-til-server\node_modules\bcrypt > node-pre-gyp install --fallback-to-build node-pre-gyp WARN Using request for node-pre-gyp https download node-pre-gyp WARN Pre-built binaries not installable for bcrypt@3.0.8 and node@10.16.3 (node-v64 ABI, unknown) (falling back to source compile with node-gyp) node-pre-gyp WARN Hit error unable to verify the first certificate gyp ERR! configure error gyp ERR! stack Error: Command failed: C:\Users\JBB\AppData\Local\Programs\Python\Python39\python.exe -c import sys; print "%s.%s.%s" % sys.version_info[:3]; gyp ERR! stack File "<string>", line 1 gyp ERR! stack import sys; print "%s.%s.%s" % sys.version_info[:3]; gyp ERR! stack ^ gyp ERR! stack SyntaxError: invalid syntax gyp ERR! stack gyp ERR! stack at ChildProcess.exithandler (child_process.js:294:12) gyp ERR! stack at ChildProcess.emit (events.js:198:13) gyp ERR! stack at maybeClose (internal/child_process.js:982:16) gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:259:5) gyp ERR! System Windows_NT 10.0.18363 gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\JBB\\AppData\\Roaming\\nvm\\v10.16.3\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js" "configure" "--fallback-to-build" "--module=D:\\workspace\\vue-endgame\\vue-til-server\\node_modules\\bcrypt\\lib\\binding\\bcrypt_lib.node" "--module_name=bcrypt_lib" "--module_path=D:\\workspace\\vue-endgame\\vue-til-server\\node_modules\\bcrypt\\lib\\binding" "--napi_version=4" "--node_abi_napi=napi" "--napi_build_version=0" "--node_napi_label=node-v64" "--python=C:\\Users\\JBB\\AppData\\Local\\Programs\\Python\\Python39\\python.exe" gyp ERR! cwd D:\workspace\vue-endgame\vue-til-server\node_modules\bcrypt gyp ERR! node -v v10.16.3 gyp ERR! node-gyp -v v3.8.0 gyp ERR! not ok node-pre-gyp ERR! build error node-pre-gyp ERR! stack Error: Failed to execute 'C:\Program Files\nodejs\node.exe C:\Users\JBB\AppData\Roaming\nvm\v10.16.3\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js configure --fallback-to-build --module=D:\workspace\vue-endgame\vue-til-server\node_modules\bcrypt\lib\binding\bcrypt_lib.node --module_name=bcrypt_lib --module_path=D:\workspace\vue-endgame\vue-til-server\node_modules\bcrypt\lib\binding --napi_version=4 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v64 --python=C:\Users\JBB\AppData\Local\Programs\Python\Python39\python.exe' (1) node-pre-gyp ERR! stack at ChildProcess.<anonymous> (D:\workspace\vue-endgame\vue-til-server\node_modules\node-pre-gyp\lib\util\compile.js:83:29) node-pre-gyp ERR! stack at ChildProcess.emit (events.js:198:13) node-pre-gyp ERR! stack at maybeClose (internal/child_process.js:982:16) node-pre-gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:259:5) node-pre-gyp ERR! System Windows_NT 10.0.18363 node-pre-gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "D:\\workspace\\vue-endgame\\vue-til-server\\node_modules\\node-pre-gyp\\bin\\node-pre-gyp" "install" "--fallback-to-build" node-pre-gyp ERR! cwd D:\workspace\vue-endgame\vue-til-server\node_modules\bcrypt node-pre-gyp ERR! node -v v10.16.3 node-pre-gyp ERR! node-pre-gyp -v v0.14.0 node-pre-gyp ERR! not ok Failed to execute 'C:\Program Files\nodejs\node.exe C:\Users\JBB\AppData\Roaming\nvm\v10.16.3\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js configure --fallback-to-build --module=D:\workspace\vue-endgame\vue-til-server\node_modules\bcrypt\lib\binding\bcrypt_lib.node --module_name=bcrypt_lib --module_path=D:\workspace\vue-endgame\vue-til-server\node_modules\bcrypt\lib\binding --napi_version=4 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v64 --python=C:\Users\JBB\AppData\Local\Programs\Python\Python39\python.exe' (1) npm WARN server@1.0.0 No repository field. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\nodemon\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! bcrypt@3.0.8 install: `node-pre-gyp install --fallback-to-build` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the bcrypt@3.0.8 install script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\JBB\AppData\Roaming\npm-cache\_logs\2021-10-13T02_11_27_365Z-debug.log
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
windows nvm 삽 오지게 푸다가 해결방법 남기고 갑니다
windows는 강의대로 하시면 안되고 windows용 프로그램 받으셔야 합니다 우선 programfiles -> nodejs 폴더 삭제 Users/user/Appdata/Roaming -> npm, nvm(설치된경우) 삭제 https://github.com/coreybutler/nvm-windows/releases 들어가서 nvm-setup.zip 압축해제 nvm-setup.exe 실행 후 설치 ****cmd, 파워셀 관리자명령으로 실행***** nvm install 10.16.3 nvm use 10.16.3 만약 use에서 오류 날 경우 다시 nodejs, npm, nvm 삭제. 폴더 없으면 그냥 그대로 진행 (아마 nvm 빼고 없을거에요) 자기가 원하는 경로에 nvm 폴더 생성 setup.exe 실행하고 설치 시 폴더경로를 nvm 폴더 생성한 경로로 지정 다시 nvm install nvm use
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
CORS Referer Policy 와 관련하여 질문드립니다
CORS Referer Policy와 관련하여 질문드립니다. 강사님의 강의에 사용된 Chrome Version은 85이하 버전이라 CORS Referer Policy가 no-referrer-when-downgrade로 설정되어 있는것을 확인했습니다. 그런데 강의를 수강하는 현재는 Google Chrome 정책이 변경되어 최신버전의 Chrome의 경우 Referer Policy는 default가 strict-origin-when-cross-origin으로 변경되었습니다. 그래서 node.js backend server 주소 localhost:3000 으로 API 호출시 요청은 가고 서버에서 로그도 확인이 가능하지만 Network 패널에서 200 응답이 오지 않아서 Chrome에서 제공하는 CORS Plugin 을 설치하고나서 다시 Backend Server로 API 호출을 해보았는데 Network 패널에서 200 응답은 확인되지만 Response 부분을 확인하려고하면 No resource with given identifler found 가 표시되어 확인이 불가능하고 API 호출후 화면도 reload 되어 <p>태그에 선언한 내용도 바로 사라집니다. 첨부한 스크린샷을 보면 vue-til-server에 cors 설정에 대한 내용도 확인되지만 지금처럼 Network 패널 Response tab 에서 response data를 확인할수 있도록 하거나 API 호출후 화면이 새로고침되는 현상을 방지하려면 어떤 설정을 추가해야 할까요? 답변기다리겠습니다. 감사합니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
브랜치 전환
브랜치 전환할때 전에 헷갈리는 부분들을 주석으로 정리했었는데 브랜치로 전환하면 다 날라가서 혹시 다시 돌리는 코드를 알 수 있을까요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
emotion
@emotion 플로그인을 vue에서도 적용이 가능한가요?