월 22,000원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
배포 시 post 요청 에러
안녕하세요. Vue.js 끝장내기를 보고 로그인 폼을 만든 후에 완벽가이드에서 본 netlify로 배포를 해보았는데 axios.post 요청이 먹히질 않습니다.ㅜㅜ aws s3에도 배포를 해보았지만 로컬호스트에서는 잘 돌아가던 코드가 왜 배포를 하면 에러가 나는 것일까요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
첫번째 로그인시 토큰값
로그인 성공 -> 토큰 발급 -> 뷰엑스의 state에 저장 -> API 호출시마다 활용 이라고 하셨는데. 첫 로그인시에는 Authorization 이 빈값이던데 로그아웃후 재로그인하면 값이 들어옵니다. 이부분이 첫로그인때 토큰이 이미 발급이 된상태이고 저장된토큰을 재로그인 (api호출) 하면서 Authorization을 불러왔기에 이시점부터 보여지는것인지요? 그래서 많이 올라오는 질문으로 로그아웃후 재로그인시에 토큰이 보인다는거지요? 약간 이해가 되어가는것같은데 첫로그인시에 Authorization이 빈값이어도 상관없는건가요? 완전히 잘못짚고 있는걸까요
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
/login
로그인 이후에 /login으로 접근하게 되면 로그인페이지 접근이 가능한 것 같은데 만약 이부분을 막을려고 밑의 코드를 추가했습니다. 맞는 방법일까요? 동작은 잘되고있습니다. { path: '/login', component: () => import('@/views/LoginPage.vue'), beforeEnter: (to, from, next) => { if (store.getters.isLogin) { next('/main'); } next(); }, },
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
import 할 때 확장자 여부
import AppHeader from './comp.../common/AppHeader.vue' 에서 AppHerader에 확장자를 붙여야되는 이유가 있나요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
Response 내용
콘솔로 찍어보니 저는 리스폰스가 [object Object]로 나와요 ㅜㅜ 데이터에서 값을 가져오는건 잘되는데 리스폰스만 찍어보면 저런식으로 나옵니다..ㅜ (api는 따로 만들어 사용했어요!)
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
Vscode에서
마켓플레이스에 파일을 지원 할 수 있는 확장자가 있다고 나오는데요. 무시하고 그대로 하면 될까요?
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
Nuxt js 강의는 예정에 없나요?
안녕하세요. 캡틴판교님 강의를 모두 수강했습니다. 그런데, 막상 프로젝트를 시작하려니 SEO때문에 서버사이드렌더링을 적용해야 할 것 같은데 이것 저것 검색해 보니 시작하는 프로젝트라면 무조건 Nuxt로 하라고 하더군요. 그래서 Nuxt 로 적용해 보려니 이것 저것 그냥 뷰로 할때와는 다른점이 많아서 너무 어렵네요. 뷰도 처음이라 어려운데 뷰를 다 알기도 전에 Nuxt를 다시 하려니 여러모로 난감하네요. 혹시나 Nuxt 강의를 하실 계획은 없으신가요? Nuxt는 제대로된 강의를 찾기도 힘드네요. 강의 잘 들었습니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
쿠키와 세션
로그인 후 세션에 저장하는 방법도 있는데, 실무에서도 로그인 하고 쿠키로 저장 많이하나요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
로그메세지에 데이터는 어디껀가요?
{data.username} 은 반환된 데이터의 유저네임인가요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
api 주소는 restful api를 따르면 되는 것 같은데
페이지의 URL 주소는 따로 따라야하거나 추천하는 규칙이 있을까요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
페이지 하나마다 컴포넌트를 작성해주시는데요
컴포넌트는 재사용성을 고려한 폼이라고 알고있는데, 각 페이지에서 한번만 필요한 폼도 일일이 컴포넌트를 만들어주나요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
eslint 질문드립니다.
강의 그대로 따라했는데 계속 오류가 잡히고 eslint 에서 빨간밑줄이 안나오는것부터 시작해서 prettier 관련되서 오류가 해결이 안되서 2시간 가까이 애먹었습니다.. 구글링도하고 찾다가 우연히 질문글에 아래 사진게시물을 보고해결했습니다 위 사진 글처럼 eslint 버전을 변경후 , 재설치 하니까 해결됐습니다. 빨간 밑줄도 생겼고, 자동수정 auto fix가 안되는 현상도 해결했습니다. 오류는 잡히는데 autofix가 안돼서 어느부분이 문제인가 애먹었는데 ㅠㅠ 후.. 2시간동안 스트레스를 너무받아서 포기하려다.. 겨우 찾아냈네요 질문 혹시 드린다면.. - eslint 버전이 높다고 좋은것이 아닌가요?? - 이후 강좌에서 prettier 를 사용안함으로 바꾸어줬는데 prettier를 아예 설치를 안하고 eslint만 설치후 .eslintrc.js에서 prettier 옵션만 넣어주어도 되나요?? 프리티어를 중지시키는건 충돌을 막기위해서 인것이면 프리티어를 처음부터 설치를 안해도 되는가싶어서요 작업영역 사용안함으로 했는데, 그렇게되면 매 작업 할때마다 prettier를 작업영역 사용안함으로 해줘야하나 해서 질문드립니다.. 질문이 너무 기네요.. 죄송합니다
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
헌데 에러가 났습니다ㅜㅜ
난국이에요... 웹팩 오버레이가안먹어서 따로 찾아보고 해결하려하던중 웹팩데브서버랑 Cli 랑 웹팩을 다시 받았는데 이 과정에서 문제가 생겼나봅니다 ㅜㅜ 얀서브도 안되고, 엔피엠런서브도 안되고, 노드모듈 웹팩 디펜던시에 종속성 속성이 제거 되었다? 머이런... 에러들이 나오네요 ㅜㅜㅜ 어쩌쥬... 좀 큰일난거같애요... ㅈㅔ가 현재 진행중인 프로젝트에서 했는데 이에러 뜬 후로 진행이안되요 ㅜㅜ
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
개발자 도구에서 응답이 확인이 안됩니다.
안녕하세요. 복습겸 다시 정주행 중에 문제점이 발생해서 질문드립니다. 아래 스샷 처럼 중복 제목으로 작성 했을 때 네트워크 패널 상태인데요.. 콘솔로는 400에러가 발생했다고 나타나며 console.log 로도 잘 나옵니다. 그런데 네트워크 패널에서 posts 요청에서 204 코드가 나오고 400 에러코드 사항은 안나옵니다;; preview나 Response 탭에서는 Faild to load response data 라는 문구가 나타나구요. 정상 등록 때도 마찬가지입니다.글은 등록 되지만 response 부분이 똑같으며 posts 요청에 204 응답 코드만 올뿐 201 코드는 오질 않습니다. 왜이러는걸까여?? 작성 api 만들때부터 이러네요;; 이전엔 응답이 잘 왔습니다;;
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
swagger 로 회원 가입한뒤에 몽고 디비 클라우드에 데이터가 올라가나여?
안녕하세요 좋은 강의 만들어 주셔 감사합니다 질문이 하나 있습니다. swagger 로 회원 가입한뒤에 몽고 디비 클라우드에 데이터가 올라가나여? 몽고 디비 클라우드 컬렉션즈를 클릭해봐도 아무것도 없어서여 알려주시면 감사하겠습니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
eslint 적용문제..
안녕하세요, 판교님, 강의 잘 듣고 있습니다. 강의를 한번 더 다시 보구 있는데요. eslint가 제대로 안먹혀서 확인중에 다른분의 댓글을보니 "eslint.workingDirectories": [ "./vue-til" ] 이런식으로 현제 작업폴더 경로를 추가 해보니 잘 먹히더라구요.. cli 버전은 @vue/cli 4.5.6 입니다. vue 2로 설치했구요.. node 버전은 영상과 같이 v10.16.3입니다. 혹시 매번 이런식으로 프로젝트를 생성할때마다 추가를 해줘야 ㅎ는지요??
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
utils 파일에 대한 질문
이번에 뷰3이 나오면서 filter기능이 사라진다고 들었습니다. 그래서 여러 컴포넌트에서 사용하는 필터이기에 믹스인을 이용하여 필터 함수를 만들어서 사용중인데 믹스인에 만들어서 사용하는거와 utils 파일에 넣어서 사용하는것중에 어떤 방법이 맞는지 판단이안됩니다.. utils 폴더에는 어떤 파일들이 들어가는지 궁금합니다
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
Vue CLI 4.x에서 eslint+prettier 설정 관련..
안녕하세요. vue CLI 4.x로 수강하고 있는데..혹시 eslint+prettier 설정에 변경이 있는걸까요..?계속 error가 나서..eslint+prettier 부분을 주석처리하고 수강을 이어가고 있긴 한데.. 다시 해보려고 해도 잘 되지 않아..질문 남겨봅니다.
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
til-server 는 npm run dev로 구동하는 이유가 있나요?
안녕하세요. 강의 잘 봤습니다. 많은 도움이 되었습니다. til은 npm run serve로 구동하는데, til-server는 npm run dev로 구동시키는 이유가 있나요? 서비스용이 아니고, 개발용이라는 의미 같은데, 서비스용으로 til-server를 구현하는 것은 개발용과 많은 차이가 있나요?
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
Authorization <- token 넣기가 안됩니다.
토큰을 이용한 API 인증 처리 <-이쪽 강좌를 몇번이나 처음부터 따라해보는데, Authorization 에 token값이 저장되지 않습니다. 아래와 같이 인터셉터하는 부분에 log를 찍어봐도 token값이 비어 있습니다. 어디가 문제일까요? 어떤 강의부분을 다시 봐야할까요? 강좌내용과 제 화면의 차이로 보이는 부분은 로그인을 하면 저는 크롬개발자도구 네크워크 부분에 login이 1번만 찍히는데, 강사님 화면에는 2번찍히는 것으로 보이네요. 이부분이 차이가 있을까요? instance.interceptors.request.use( function(config) { // Do something before request is sent console.log('api' + store.state.token); <--★ config.headers.Authorization = store.state.token; return config; }, function(error) { // Do something with request error return Promise.reject(error); }, );