월 22,000원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
history mode 의 장점은 무엇인가요?
안녕하세요. 강사님 vue router의 default 값은 hash 모드로 보이고 강의중에 history 모드로 변경하는 것을 보여주셨는데요. history 모드로 했을 경우의 장점은 무엇인가요? #이 없는 주소체계라 url이 심플해지고 단순해지는 것은 알겠지만 그 이외의 장점은 모르겠습니다. 그리고 혹시 http://localhost:8080/login 이 server 에서 의미있는 url 일 경우도 있을텐데요. 이렇게 되면 router 와 충돌이 되지 않을까요? 이런 경우에는 어떻게 해결해야될까요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
git brach plugin?
안녕하세요. 강사님 강의중에 보면 vscode에서 git branch 가 바로 보이는데요. 이건 따로 plugin 을 셋업 한 건가요?
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
store와 component 중에서 try catch 처리하는 부분
제가 지금 vue 관련 프로젝트를 하고 있는데요. 여기서는 store에다가 액션도 다 만들고 데이터도 여기 다 다 넣고 사용을 하고 있는데요. 에러 처리 같은건 어디서 해야하는 지 궁금합니다. store 액션 안에도 try catch를 넣고 호출하는 component 안에서도 해야하는 지 아니면 양쪽에 다 해줘야 하는 지 궁금합니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
Cannot find module 'eslint-plugin-vue' 에러시 대처방안
저의 경우에는 vscode에서 eslint 를 설정하기 위해서 settings.json 파일에 아래와 같은 내용을 추가적으로 입력해주어야 에러가나지 않습니다. "eslint.workingDirectories": [ { "mode": "auto" } ] 위 내용이 없으면 Cannot find module 'eslint-plugin-vue' 가 납니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
2분 30초경에 Today is Rise라고 칼라픽커 뜨는 페이지 이름이 무엇인가요?
페이지가 궁금해서 여쭤봅니다
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
이번에 새롭게 올라오는 강의가 테스트코드 작성인가요?
궁금합니다~!
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
db는 언제 생성하나요?
안녕하세요. 강사님. monogodb cluster 를 생성했는데요. 강의를 보면 db 이름이 test 인것 같습니다. test db는 언제 생성한 건가요? 동영상에는 없는 것 같습니다만...저는 connection string 이 아래와 같이 나오는데 password 부분만 치환해서 소스에 붙여서 돌려보면 당연히 되지 않습니다. 아무래도 db 생성 부분이 빠진 것 같은데요. 어떻게 하면 될까요? mongodb+srv://test:<password>@cluster0.atjer.mongodb.net/<dbname>?retryWrites=true&w=majority
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
node 설치 관련 질문 (Mac)
안녕하세요, 데스크탑에 프로젝트 폴더가 있고 그 안에 vue-til-server 폴더를 가져와서 인강을 보며 node와 nvm을 설치했습니다. vue-til-server 나 그 상위 폴더에서 터미널을 열었을때 , nvm ls을 하면 버전 10이 설치된것이 보이나, node -v 나 npm -v 를 입력하면 command not found 이 보이고, nvm install 10.16.3을 하면 (vue-til-server와 그 상위폴더에서 터미널 열었을때도 마찬가지) v10.16.3 is already installed. Now using node v10.16.3 (npm v6.9.0) 이 보이며 이 다음부터 node -v 나 npm -v를 입력하면 버전정보가 잘 나옵니다....... 이게 지속되면 좋을텐데 인텔리제이를 실행할따마다 똑같은 문제가 발생해서 ㅜㅜ 글이 장황한데, 제가 여쭤보고싶은것은 nvm install을 해야만이 node -v 명령어가 잘 먹히고 사용할수있는지 .... 궁금합니다 ㅜㅜ node삭제했다가 까는걸 다섯번정도 반복했는데 미치겠습니다 ㅠㅠㅠㅠ 감사합니다.
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
첫번째 로그인시에 토큰값이 없는 이유
많은 분들이 헷갈려 하시는 것이 첫번째로 로그인할때 headers 에 Authorization 부분이 비어 있는 부분이 강의에 나오지 않아 헷갈려하시는것 같습니다. 현재 강의에서는 강사님도 로그인을 첫번째로 하시고 토큰값을 받아온 뒤 로그아웃 이후 다시 로그인을 하셔서 토큰값을 서버에 보내신것같습니다. 첫번째 로그인할때는 당연히 토큰을 받아온게 없으므로 없는게 정상인것같습니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
유지가 필요한 정보들은 전부 쿠키에 저장하나요?
선생님 강의를 전부 완강하고 개인적으로 작은 프로젝트를 하는중입니다. ㅎ Vue+SpringBoot(API서버) 로 하는중인데, 화면이 하나 둘 늘어나다 보니깐 유지해야할 정보들이 필요해지더라구요. 예를 들면 예약을 하는데, 예약화면이 1단계 2단계 3단계로 나누어져 있다고 하면 그 전 단계의 화면의 정보를 다음 단계까지 유지하게 하려고 한다면 쿠키에 넣어놓고 빼고 넣어놓고 뺴고 하는게 맞는건가요?
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
톰캣 배포시 404에러
먼저, 강의 내용 범위에 벗어난 질문이 아닌가 하여 죄송합니다. npm run build 하여 톰캣에 베포하고 라우터의 이름을 호출하면 HTTP 상태 404 – 찾을 수 없음 타입 상태 보고 메시지 요청된 리소스 [/main]은(는) 가용하지 않습니다. 설명 Origin 서버가 대상 리소스를 위한 현재의 representation을 찾지 못했거나, 그것이 존재하는지를 밝히려 하지 않습니다. Apache Tomcat/8.5.56 오류가 나옵니다. npm run serve 실행시는 화면을 잘 찾습니다. export default new VueRouter({ mode: 'history', routes: [ { path: '/', redirect: '/login', }, { path: '/login', component: () => import('@/views/LoginPage.vue'), }, { path: '/signup', component: () => import('@/views/SignupPage.vue'), beforeEnter: requireAuth(), }, { path: '/main', component: () => import('@/views/MainPage.vue'), beforeEnter: requireAuth(), }, 첫화면(로그인화면 http://121.134.61.139:8080)은 잘 찾지만 라우터관련 설정이 필요한 듯한데. 구글링을 해도 해결이 어렵습니다. http://121.134.61.139:8080/main 부탁드려도 될지요.
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
cloud.mongodb.com 에서 클러스터 생성 후 Connection String 복사 내용
강습에서 설명된 내용과 제가 진행하면서 조금 다른 부분이 있어서 다음에 참고하고자 의견을 작성합니다. 강의 진행중 API 서버 > DB 설정에서 아래와 같이 Mongo Cloud 를 연동하는 부분이 있는데 -------------------------------------------------------------------- Clusters 메인 페이지의 CONNECT 버튼 클릭 Connect Your Application 클릭 DRIVER에 Node.js 선택 VERSION에 3.0 or later 선택 Connection String 복사 후 app.js 파일의 아래 부분에 붙여넣기 -------------------------------------------------------------------- 이 중 version 을 "3.0 or later" 로 설정 할 시 아래와 같은 에러가 발생하였습니다. -------------------------------------------------------------------- MongoDB connection error: { Error: querySrv ETIMEOUT _mongodb._tcp.cluster0-rvqlf.mongodb.net at QueryReqWrap.onresolve [as oncomplete] (dns.js:196:19) -------------------------------------------------------------------- 결론적으로 version을 "2.2.12 or later" 로 설정하여 얻은 String 으로 변경하여 문제를 해결하였습니다. :: <password>, -> 자신의 password :: <dbname> -> "test" (미리 생성하지 않아도 자동생성되는 듯) -------------------------------------------------------------------- 작성자 실행환경 1. windows ws2 - Ubuntu 20.04 LTS 2. node v10.21.0 - git clone https://github.com/joshua1988/vue-til-server - npm i 3. npm install 실행 후 해당 디렉토리 node_modules/mongodb/package.json - id : mongodb@3.1.13 -------------------------------------------------------------------- 좋은 강습 감사합니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
왜 nvm 설치가 안되죠
Barshrc 복붙하라면서서왜 강의는 다른게 더들어잇나요. Nvm 실행해도 없다고 나오네요
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
삭제시 state...
이거 스토어에서 actions에서 delete api 호출하고... 호출 당시에 쓰던 id를 가지고 mutations에서 state에 있는 postItems 배열을 지우는게 맞지 않나요? 뭔가 컴포넌트 자체를 refresh해서 새로 렌더링한다는 것이.. vue에서 stater가 바뀌면, virtual dom을 사용해서 화면 렌더링 하는 그런 효과를 못받을 거같은데.. 뭐가 맞는건가요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
파일에 있는 경로를 싹 변경하는 것 말고...
api/index 파일에 import {} from '@/api/posts' import {} from '@api/auth' 한 다음에 그대로 export 하는 방법은 어떤가요? 아니면 프로젝트가 커졌을때, 해당 api를 사용한 컴포넌트를 찾아가는 방법이 따로 없나요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
강의를 따라하는 중 에러가 발생했습니다.
라우팅 동작확인 강의를 수강하던 중 컨트롤 + S를 눌러 저장해도 바뀌지 않고 계속 에러가 뜹니다. 에러는 vuter에서 보내는 에러였습니다.
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
API 설정 공통화 강의에서 에러가 납니다.
이 전 강의에서는 data.username 으로 접근도 되고 값 초기화 까지 되었는데 이 번 강의에서 코드를 쳤더니 409 에러가 납니다... 그리고 전에 소스로 돌려서 했더니 똑같은 에러가 나네요ㅜㅜ
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
회원 가입 API 요청을 위한 문서 확인 강의에서 error 관련 질문이 있습니다!
강사님이 하신대로 똑같이 요청을 서버 쪽에 보냈더니 응답으로 TypeError: Failed to fetch 가 떨어졌습니다. 어떻게 해결해야 할까요?? 그리고 참고로 강사님과 다르게 저는 요청시간이 되게 오래걸립니다...
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
vue-til 과 vue-til-server 폴더의 차이가 궁금합니다.
혹시 강의 중에 vue-til 폴더와 vue-til-server 폴더를 vscode 상에서 바로 전환하였는데 이 부분 명령어가 따로 있나요?? 그리고 vue-til 폴더에서 npm run serve 해서 서버 실행하면 port가 기본으로 8080 으로 뜨는데 port 변경은 어디서 하나요?? vue-til-server 에서 port 변경하는 부분은 알고 있습니다! 마지막으로 두 개 폴더의 차이를 자세히 알고 싶습니다. 감사합니다..!
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
안녕하세요 판교님 문의사항이 있습니다.
영상 말미에 말씀해주셨던 새로운 강의의 구체적인 출시일이 궁금합니다.! 얼른 보고 싶습니다. ㅠ