월 22,000원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
Node 버전변경, nvm 설치가 다른 프로젝트에도 영향 주나요?
초기 세팅하다 안돼서 폴더 다 삭제하고 처음부터 다시 했더니삭제전 노드, vue cli 버전이 그대로 뜨는데 수업 듣기 전 상태로 돌리는 방법이 있나요?
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
vue create 할때 pick a unit testing solution은 안 떠요
vue-cli 5.0.8이라 선생님이 하라는대로 했는데 unit testing solution부분은 없는데 어떻게 하나요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
라우터 네비게이션 가드 질문드려요
안녕하세요 캡틴판교님라우터 네비게이션 가드 강의를 듣다가 next()는 to에서 지정한 url로 이동하기 위한 함수라고 이해했고 위의 next('/login')은 이해가 되는데아래 next()는 to를 어디로 인식하고 이동하게되나요??
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
[질문] $store와 store의 차이
안녕하세요 캡틴판교님 제가 저번에도 질문드린 적이 있는데 이해가 잘안되서 다시 질문드려요강의에서는 import store해서 가져온다음 && store.getters.isLogin으로 사용하는데위와 같이 사용하면 작동이 안되나요??this.$store 도 store안에있는 무언가를 가져오는 코드구문이 아닌가요??store와 $store의 차이를 잘 모르겠어요 너무 궁금합니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
{data} 관련 질문드립니다
안녕하세요 캡틴판교님 강의를 듣던 중 설명해주셨는데 까먹어서 어디서 들었는지 기억이 안나서 질문드려요저기 data를 바로 { }로 묶어서 쓸수있는 이유가 궁금해요개발자뷰안에서 보이는 요청한 data인가요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
안녕하세요 401오류 질문드려요
안녕하세요 캡틴판교님 저번주 금요일에 학습노트 게시글 받기까지 된다음 오늘 다시 진행해보니 오류가 떠서 질문드립니다.swagger에서 로그인 후 토큰을 auth해주어서 post한 후에 201코드를 받았는데실제 서버에서 구동해보니 요청 payload는 잘 가는데 401오류와 함께 토큰이 필요하다고 합니다 어떻게 해야할까요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
npm run dev 에러
➜ vue-til-server git:(master) ✗ npm i bcrypt npm WARN deprecated bcrypt@3.0.8: versions < v5.0.0 do not handle NUL in passwords properlynpm WARN deprecated node-pre-gyp@0.14.0: Please upgrade to @mapbox/node-pre-gyp: the non-scoped node-pre-gyp package is deprecated and only the @mapbox scoped package will recieve updates in the futurenpm ERR! code 1npm ERR! path /Users/seungwonjang/Desktop/VUE-ENDGAME/vue-til-server/node_modules/bcryptnpm ERR! command failednpm ERR! command sh -c node-pre-gyp install --fallback-to-buildnpm ERR! CXX(target) Release/obj.target/bcrypt_lib/src/blowfish.onpm ERR! CXX(target) Release/obj.target/bcrypt_lib/src/bcrypt.onpm ERR! CXX(target) Release/obj.target/bcrypt_lib/src/bcrypt_node.onpm ERR! Failed to execute '/opt/homebrew/Cellar/node/19.6.0/bin/node /opt/homebrew/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js build --fallback-to-build --module=/Users/seungwonjang/Desktop/VUE-ENDGAME/vue-til-server/node_modules/bcrypt/lib/binding/bcrypt_lib.node --module_name=bcrypt_lib --module_path=/Users/seungwonjang/Desktop/VUE-ENDGAME/vue-til-server/node_modules/bcrypt/lib/binding --napi_version=8 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v111' (1)npm ERR! node-pre-gyp info it worked if it ends with oknpm ERR! node-pre-gyp info using node-pre-gyp@0.14.0npm ERR! node-pre-gyp info using node@19.6.0 | darwin | arm64npm ERR! node-pre-gyp WARN Using needle for node-pre-gyp https download npm ERR! node-pre-gyp info check checked for "/Users/seungwonjang/Desktop/VUE-ENDGAME/vue-til-server/node_modules/bcrypt/lib/binding/bcrypt_lib.node" (not found)npm ERR! node-pre-gyp http GET https://github.com/kelektiv/node.bcrypt.js/releases/download/v3.0.8/bcrypt_lib-v3.0.8-node-v111-darwin-arm64-unknown.tar.gznpm ERR! node-pre-gyp http 404 https://github.com/kelektiv/node.bcrypt.js/releases/download/v3.0.8/bcrypt_lib-v3.0.8-node-v111-darwin-arm64-unknown.tar.gznpm ERR! node-pre-gyp WARN Tried to download(404): https://github.com/kelektiv/node.bcrypt.js/releases/download/v3.0.8/bcrypt_lib-v3.0.8-node-v111-darwin-arm64-unknown.tar.gz npm ERR! node-pre-gyp WARN Pre-built binaries not found for bcrypt@3.0.8 and node@19.6.0 (node-v111 ABI, unknown) (falling back to source compile with node-gyp) npm ERR! node-pre-gyp http 404 status code downloading tarball https://github.com/kelektiv/node.bcrypt.js/releases/download/v3.0.8/bcrypt_lib-v3.0.8-node-v111-darwin-arm64-unknown.tar.gz npm ERR! gyp info it worked if it ends with oknpm ERR! gyp info using node-gyp@9.3.0npm ERR! gyp info using node@19.6.0 | darwin | arm64npm ERR! gyp info ok npm ERR! gyp info it worked if it ends with oknpm ERR! gyp info using node-gyp@9.3.0npm ERR! gyp info using node@19.6.0 | darwin | arm64npm ERR! gyp info find Python using Python version 3.10.10 found at "/opt/homebrew/opt/python@3.10/bin/python3.10"npm ERR! gyp info spawn /opt/homebrew/opt/python@3.10/bin/python3.10npm ERR! gyp info spawn args [npm ERR! gyp info spawn args '/opt/homebrew/lib/node_modules/npm/node_modules/node-gyp/gyp/gyp_main.py',npm ERR! gyp info spawn args 'binding.gyp',npm ERR! gyp info spawn args '-f',npm ERR! gyp info spawn args 'make',npm ERR! gyp info spawn args '-I',npm ERR! gyp info spawn args '/Users/seungwonjang/Desktop/VUE-ENDGAME/vue-til-server/node_modules/bcrypt/build/config.gypi',npm ERR! gyp info spawn args '-I',npm ERR! gyp info spawn args '/opt/homebrew/lib/node_modules/npm/node_modules/node-gyp/addon.gypi',npm ERR! gyp info spawn args '-I',npm ERR! gyp info spawn args '/Users/seungwonjang/Library/Caches/node-gyp/19.6.0/include/node/common.gypi',npm ERR! gyp info spawn args '-Dlibrary=shared_library',npm ERR! gyp info spawn args '-Dvisibility=default',npm ERR! gyp info spawn args '-Dnode_root_dir=/Users/seungwonjang/Library/Caches/node-gyp/19.6.0',npm ERR! gyp info spawn args '-Dnode_gyp_dir=/opt/homebrew/lib/node_modules/npm/node_modules/node-gyp',npm ERR! gyp info spawn args '-Dnode_lib_file=/Users/seungwonjang/Library/Caches/node-gyp/19.6.0/<(target_arch)/node.lib',npm ERR! gyp info spawn args '-Dmodule_root_dir=/Users/seungwonjang/Desktop/VUE-ENDGAME/vue-til-server/node_modules/bcrypt',npm ERR! gyp info spawn args '-Dnode_engine=v8',npm ERR! gyp info spawn args '--depth=.',npm ERR! gyp info spawn args '--no-parallel',npm ERR! gyp info spawn args '--generator-output',npm ERR! gyp info spawn args 'build',npm ERR! gyp info spawn args '-Goutput_dir=.'npm ERR! gyp info spawn args ]npm ERR! gyp info ok npm ERR! gyp info it worked if it ends with oknpm ERR! gyp info using node-gyp@9.3.0npm ERR! gyp info using node@19.6.0 | darwin | arm64npm ERR! gyp info spawn makenpm ERR! gyp info spawn args [ 'BUILDTYPE=Release', '-C', 'build' ]npm ERR! In file included from ../src/bcrypt_node.cc:1:npm ERR! In file included from ../../nan/nan.h:174:npm ERR! ../../nan/nan_callbacks.h:55:23: error: no member named 'AccessorSignature' in namespace 'v8'npm ERR! typedef v8::Local<v8::AccessorSignature> Sig;npm ERR! ~~~~^npm ERR! In file included from ../src/bcrypt_node.cc:1:npm ERR! ../../nan/nan.h:2536:8: error: no matching member function for call to 'SetAccessor'npm ERR! tpl->SetAccessor(npm ERR! ~~~~~^~~~~~~~~~~npm ERR! /Users/seungwonjang/Library/Caches/node-gyp/19.6.0/include/node/v8-template.h:814:8: note: candidate function not viable: no known conversion from 'imp::Sig' (aka 'int') to 'v8::SideEffectType' for 7th argumentnpm ERR! void SetAccessor(npm ERR! ^npm ERR! /Users/seungwonjang/Library/Caches/node-gyp/19.6.0/include/node/v8-template.h:807:8: note: candidate function not viable: no known conversion from 'imp::NativeGetter' (aka 'void (*)(v8::Local<v8::Name>, const v8::PropertyCallbackInfo<v8::Value> &)') to 'v8::AccessorGetterCallback' (aka 'void (*)(Local<v8::String>, const PropertyCallbackInfo<v8::Value> &)') for 2nd argumentnpm ERR! void SetAccessor(npm ERR! ^npm ERR! In file included from ../src/bcrypt_node.cc:1:npm ERR! In file included from ../../nan/nan.h:2884:npm ERR! ../../nan/nan_typedarray_contents.h:34:43: error: no member named 'GetContents' in 'v8::ArrayBuffer'npm ERR! data = static_cast<char*>(buffer->GetContents().Data()) + byte_offset;npm ERR! ~~~~~~~~^npm ERR! 3 errors generated.npm ERR! make: *** [Release/obj.target/bcrypt_lib/src/bcrypt_node.o] Error 1npm ERR! gyp ERR! build error npm ERR! gyp ERR! stack Error: make failed with exit code: 2npm ERR! gyp ERR! stack at ChildProcess.onExit (/opt/homebrew/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:203:23)npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:512:28)npm ERR! gyp ERR! stack at ChildProcess._handle.onexit (node:internal/child_process:293:12)npm ERR! gyp ERR! System Darwin 22.3.0npm ERR! gyp ERR! command "/opt/homebrew/Cellar/node/19.6.0/bin/node" "/opt/homebrew/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "build" "--fallback-to-build" "--module=/Users/seungwonjang/Desktop/VUE-ENDGAME/vue-til-server/node_modules/bcrypt/lib/binding/bcrypt_lib.node" "--module_name=bcrypt_lib" "--module_path=/Users/seungwonjang/Desktop/VUE-ENDGAME/vue-til-server/node_modules/bcrypt/lib/binding" "--napi_version=8" "--node_abi_napi=napi" "--napi_build_version=0" "--node_napi_label=node-v111"npm ERR! gyp ERR! cwd /Users/seungwonjang/Desktop/VUE-ENDGAME/vue-til-server/node_modules/bcryptnpm ERR! gyp ERR! node -v v19.6.0npm ERR! gyp ERR! node-gyp -v v9.3.0npm ERR! gyp ERR! not ok npm ERR! node-pre-gyp ERR! build error npm ERR! node-pre-gyp ERR! stack Error: Failed to execute '/opt/homebrew/Cellar/node/19.6.0/bin/node /opt/homebrew/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js build --fallback-to-build --module=/Users/seungwonjang/Desktop/VUE-ENDGAME/vue-til-server/node_modules/bcrypt/lib/binding/bcrypt_lib.node --module_name=bcrypt_lib --module_path=/Users/seungwonjang/Desktop/VUE-ENDGAME/vue-til-server/node_modules/bcrypt/lib/binding --napi_version=8 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v111' (1)npm ERR! node-pre-gyp ERR! stack at ChildProcess.<anonymous> (/Users/seungwonjang/Desktop/VUE-ENDGAME/vue-til-server/node_modules/node-pre-gyp/lib/util/compile.js:83:29)npm ERR! node-pre-gyp ERR! stack at ChildProcess.emit (node:events:512:28)npm ERR! node-pre-gyp ERR! stack at maybeClose (node:internal/child_process:1098:16)npm ERR! node-pre-gyp ERR! stack at ChildProcess._handle.onexit (node:internal/child_process:304:5)npm ERR! node-pre-gyp ERR! System Darwin 22.3.0npm ERR! node-pre-gyp ERR! command "/opt/homebrew/Cellar/node/19.6.0/bin/node" "/Users/seungwonjang/Desktop/VUE-ENDGAME/vue-til-server/node_modules/.bin/node-pre-gyp" "install" "--fallback-to-build"npm ERR! node-pre-gyp ERR! cwd /Users/seungwonjang/Desktop/VUE-ENDGAME/vue-til-server/node_modules/bcryptnpm ERR! node-pre-gyp ERR! node -v v19.6.0npm ERR! node-pre-gyp ERR! node-pre-gyp -v v0.14.0npm ERR! node-pre-gyp ERR! not oknpm ERR! A complete log of this run can be found in:npm ERR! /Users/seungwonjang/.npm/_logs/2023-02-12T15_29_26_893Z-debug-0.log➜ vue-til-server git:(master) ✗ 미치겠습니다..npm i -g @vue/cli는 입력한 상태입니다그뒤로 npm run dev를 입력하면 에러가 나서 npm i bycrypt 를 입력하면 ➜ vue-til-server git:(master) ✗ npm i bycrypt npm ERR! code E404npm ERR! 404 Not Found - GET https://registry.npmjs.org/bycrypt - Not foundnpm ERR! 404 npm ERR! 404 'bycrypt@*' is not in this registry.npm ERR! 404 npm ERR! 404 Note that you can also install from anpm ERR! 404 tarball, folder, http url, or git url.npm ERR! A complete log of this run can be found in:npm ERR! /Users/seungwonjang/.npm/_logs/2023-02-12T15_33_38_306Z-debug-0.log해당 에러가 발생합니다 확인 부탁드립니다
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
store 관련해서 질문 드립니다.
여기서 사용한 store는 달러를 붙이는데여기서는 안붙이고 사용하는데 이유가 궁금합니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
라우터 질문드려요
this.$route.push('/main');과this.$router.push('/main')의 차이점이 궁급합니다.라우터 설정에서 VueRouter를 import하고 플러그인으로 사용한다고 선언한다음Vue의 $router라는 속성에 VueRouter값을 넣어서 그런건가요??
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
회원가입과 로그인Form 질문드려요
안녕하세요 캡틴판교님-SignupForm.vue위의 vue에서는 data.username으로 바로 받아왔는데 -LoginForm.vue위의 vue에서는 data.user.username으로 받아오던데 F12눌렀을때 한번더 감싸있어서 그런거같은데 왜 감싸지는걸까요? 그리고 위아래 차이점은 왜 생기는건지 궁금해요
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
모듈화랑 <template> 테크선언 질문드립니다.
안녕하세요 캡틴판교님강의를 듣고 모듈화 관련 정리문서를 보다가 의문이 생겨서 질문드려요1번째 질문은js에서 모듈화를 이용한 export import는 {변수 or 함수명} 이런형태로 사용한다고 배웠는데<로그인 폼 컴포넌트 생성 및 마크업>강의 내용에서import LoginForm from 이렇게 { } 없이 사용하더라구요사용 유무의 차이가 무엇인지 궁금합니다.그리고 2번째 질문은 <template>안에 아래에서 import받은 component를 테그로 사용하려고하면 위와같이 소문자로login-form으로 권유가 되는데 강의처럼 <LoginForm>으로 사용하는거랑 차이가 있는지 궁금합니다. 사용하는 이의 차이인가요??
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
axios.create() 질문드립니다.
안녕하세요 캡틴 판교님 제가 강의를 따라서 진행을 하던중 오류를 만나서 해결이 안되서 질문 드립니다. 뭐가 문제일까요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
[node] 버전 질문 드립니다.
안녕하세요 캡틴판교님 강의를 열심히 듣고있는중입니다.그러던 중, node버전을 미리말씀해주셔서 10.16.3 으로 맞춰서 하고있는데제가 소스분석용으로 받아놓은 소스가 있는데 package.json에 들어가도노드 버전에 대한건 없는거같은데 알아볼수있는 방법이 있을까요??그리고 node버전이 달라도 호환이 되는 정도는 어떻게 알수있을까요??
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
끝장내기 수업의 로그인을 실무에서 사용해도 될까요?
현재 actions 속성을 이용한 로그인 기능 구현과 비동기 처리시 유의할 점까지 수강하였습니다.새로고침시 로그아웃 되는 부분을 해결하기 위해,쿠키를 등록해서 로그인 상태를 유지 하면,브라우저를 종료 후 재접속시에도 로그인 상태가 유지되고 보안적으로 취약하지 않을까요?그렇다고 쿠키를 사용하지 않아, 새로고침시 로그아웃이 된다면 이것 또한 적절하지 않을것 같은 생각이 드네요.끝장내기 수업을 끝까지 들었을때, 수업에서vue와 nodejs를 활용한 로그인에 대한 권장되는 처리 방법을 알수 있을까요?만약 없다면 참고할만한 자료가 있을까요?PS. 현재 인프런 vue 전체 수업중에 login 관련 가장 많은 시간이 할당되어서 선생님 커리큘럼을 패키지로 구매하였는데, 그럼에도 불구하고, 로그인 처리가 권장되는 처리가 아닌거 같고, 커리큘럼 전체를 끝까지 들어도 실무에서 바로 사용할 수 없는 코드같아, 학습 의욕이 많이 저하 되었습니다. 조언의 한말씀 부탁드립니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
npm i 및 npm install 등 npm 관련 명령어를 실행할 때마다 에러가 뜹니다
강의 그대로 진행해서 노드 버전까지 다운그레이드하여 node -v 했을 때 v10.16.3으로 잘 만들어놓았는데,npm i에서 오류가 났네요..이 질문 게시판에서 package.json 파일에 "type":"module", 도 작성했는데 여전히 에러가 납니다. 어떻게 해결해야 할까요
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
/signup 아이디 새로 만들어도 409 error 뜨시는 분들
Clusters의 Database Access를 클릭해서 Database Access 의 user 중 edit 버튼을 클릭한 후Database User Privileges의 Built-in Role 을 Atlas admin으로 하면 에러가 해결됩니다.그 후에도 에러가 난다면본인이 화이트리스트에 설정을 제대로 했는지 확인하시면 해결 될거에요!
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
vscode에서 vuejs 디버깅 방법
안녕하세요 강사님vscode에서 vue-cli로 생성한 프로젝트를 디버깅 하는 방법을 찾다가https://github.com/microsoft/vscode-recipes/tree/main/vuejs-cli 해당 글을 참조하여 세팅 후, dev 서버를 올리고 디버거를 실행하였는데요브라우저 상에서 console.log를 찍었을 때 vscode 디버그 터미널에 정상 출력되는 것으로 보아 둘 사이의 연결은 된 것 같은데브레이크 포인트를 찍어도 회색으로 나오고 정상적으로 걸리지가 않습니다https://github.com/vuejs/vue-loader/issues/1163 해당 글을 보니 비슷한 문제가 다른 사람에게도 발생하는 것 같은데vscode 상에서 브레이크 포인트를 찍어가며 정상적으로 디버깅 할 수 있는 방법이 혹시 있는지 궁금합니다
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
mutations 의 메소드들은 하나의 state 값만 수정하는 것이 컨벤션 인가요?
mutations 의 메소드들은 하나의 state 값만 수정하는 것이 컨벤션 인가요? mutations: { LOGIN_USER_SUCCESS(state, { user, token }) { state.user = user; state.accessToken = token; },이렇게 한번에 두개의 처리를 해도 작동은 하는데, 코드 가이드에서 어긋나는 건가요?
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
json 도 eslint autofix 가 되나요?
json 도 eslint autofix 가 되나요? { "language": "json", "autoFix": true } 이런식으로 세팅해봤는데 안되네요
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
npm run dev 에러
위와 같이 에러가 나오는데 왜 어떻게 하면 될까요??