월 22,000원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
상위 컴포넌트에서 하위 컴포넌트 이벤트 캐치
안녕하세요. event bus를 사용하지 않고 상위 컴포넌트에서 발생한 이벤트를 하위 컴포넌트에게 전달하고 싶습니다. 뭔가의 값을 전달하는게 아닌 이벤트를 전달하고 싶습니다. 구조에 대해서 말씀드리겠습니다. 컴포넌트 한개(부모)에 하위 컴포넌트가 2개(자식들)가 있습니다. 하위의 컴포넌트들은 각각의 고유한 데이터를 가지고 있고 고유한 메소드를 가지고 있습니다. 그런데 부모 컴포넌트에서 예를 들면 update라는 이벤트가 발생을 하고 각각 하위 컴포넌트들에게 고유의 데이터를 업데이트하라는 event를 전달하고 싶습니다. 제가 생각하는 방법중 하나는 state에 변수하나를 생성을 하고 자식객체에서 변수의 값이 변경될 때를 캐치를 해서 메소드를 실행을 할 수 있을 것 같습니다만. 뭔가 이벤트를 전달하는게 아닌 것 같아서요. 혹은 다른 방법이 있다면 알려주시면 감사하겠습니다. 감사합니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
jwt token 문의
안녕하세요. 강의를 보면서 궁금한점이 생겨 질문드립니다. jwt token으로 access token과 refresh token을 발급 받습니다. 서버사이드를 사용하지않고 클라이언트쪽만 이용하여 access token하고 refresh token을 저장할때 cookie 또는 web storage를 이용하여 저장하게 되는데 storage 및 cookie는 개발자도구로 토큰값이 확인되어 탈취당하게 되는데 이부분을 어떻게 보안처리를 해야하는지 알 수 있을까요? 강사님은 spa프로젝트 진행시 로그인 진행시 token 저장 방식을 어떻게 구현하시는지 알 수 있을까요?다른 질문 사항들을 확인하였지만, 원하는 답변 내용을 찾을 수 없어 질문드립니다.
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
ESLint 부분에서 서버를 실행하였더니 자동수정이 되지 않고 에러가 납니다...
강사님은 App.vue 파일을 저장하면 바로 ESLint 규칙에 따라 파일이 수정이 되었는데 저는 수정이 되지않고 터미널에 이런 오류가 난다고 뜹니다... 해결해주세요..!
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
ESLint 강의를 듣던 중 npm run serve가 동작하지 않습니다.
위와 같이 에러가 뜨면서 실행이 되지 않습니다... 이유가 뭔가요??
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
ESLint 에러가 화면에 표시되지 않게 하는 방법 강의에서 질문이 있습니다!
이렇게 ESLint를 적용하면 vue.js 화면이 아닌 빈화면이 출력 되는데 왜 그런건가요??
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
mongoDB Cluster 화면이 다릅니다.
현재 진행하시는 강의자님의 화면과 제화면이 다릅니다. 왜 그런지 아실까요??
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
파일 아이콘 테마가 먹히지 않습니다.
파일 아이콘 테마 들어가서 material icon theme를 눌러도 저는 소스가 안불러와져요... 해결방안이 있을까요??
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
VScode 버전이 궁금합니다!
안녕하세요. 강의 잘 듣고 있습니다. 한가지 궁금한 점이 있어 질문을 남깁니다. 별 건 아니지만 강의 하실 때 썼던 VScode 버전이 궁금합니다. 저도 맥북에 VScode를 사용하고 있는데 보이는 화면이 조금 다르네요.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
가드에 대해 질문있습니다
안녕하세요 강의 잘듣고있습니다. 제가 스프링개발을 하다가 vue js공부를 하게되었는데 자바의 기술? 하고 비교하면서 공부를 하고있습니다 그런의미에서 네비게이션 가드가 스프링의 인터셉터라고 볼수있는건가요?? 그리고 axios인터셉터의 경우 ajax의 setup과 비슷한 기능인지 조금 헷갈리는데 비슷한 기능이맞는건가요??
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
eslint auto fix 작동되지 않습니다. 확인 부탁드립니다
os : windows10 vscode 버전: 1.45.1 eslint 버전: 2.15 node 버전: v10.16.3 저장하면 자동으로 fix되지 않고 단축키를 통해서 fix됩니다. 확인부탁드립니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
build 용량 질문.
안녕하세요. 배포하기 위해서 dependencies 에 있는 패키지들로 build가 진행 된다면, devdependencies 에 있는 개발 목적인 패키지들은 build 용량에 영향이 가는지 알 수 있을까요? 템플릿을 구매하여 build 진행을 했지만, 완료 시간이 너무 길어서 용량 축소가 필요하여 질문드립니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
router.js 관련 질문입니다.
강의를 보고 웹 애플리케이션 만들던 중에 궁금한 점이 있어서요. router의 routes를 수동으로 일일이 설정해주는 데, 만약, 사이트의 route가 100개 이상된다고 하면 모든 경우의 수를 고려하면서 routes를 설정하나요? 그건 아닐 것 같아서요... 혹시 강사님은 그런 경우에 어떤식으로 처리하셨는 지 궁금합니다. 구글링을 해봤는 데, vue.js Router관련해서는 결국 다 route recode를 설정해서 사용하는 것 같았습니다. 강사님의 의견을 듣고 싶습니다. :)
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
import store 부분
vuex의 state 부분을 가져오는데 있어서 import store from '@/store/index.js' 로 하셨는데, 해당 파일에서 export 한게 vuex.store() 메서드 호출로 만들어진 객체(?) 인데 바로 객체가 어떻게 만들어지는지 모르는데 '.' 을 통해서 state에 접근하는 부분이 잘 이해가 가지 않습니다. vuex 공식 홈페이지에서 참고해본 결과 vue 파일에서는 root에 store 등록시 this.$store.state 로 접근이 가능한데, 일반 js 파일에서 vuex.store() 메서드가 만드는 값이 어떻게 생긴지 모르는데 이렇게 접근하는 것에 대해서 설명이 조금 필요한거 같은데, 관련해서 참고할만한 자료가 있을까요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
실습답안
실습한 내용의 답을 알고 싶은데 ,강의 노트가 어디 있나요..?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
async await 관련
async submitForm() { var msgAlert = ''; if (this.crud == 'D') { msgAlert = `삭제하시겠습니까?`; } if (this.crud == 'C') { msgAlert = `입력 또는 수정하시겠습니까?`; } this.$confirm(msgAlert, '확인').then(() => { async function basic() { const { exercises } = await saveRet(userData); return exercises; } var data = {}; async () => { data = await basic(); //data = await saveRet(userData); }; alert(JSON.stringify(data)); } }, 질문 : confirm 안에 await를 사용하려합니다. saveRet가 await 되지 않고 alert 메세지가 호출 됩니다. 부탁드립니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
VUE.js 캐시 개념
안녕하세요 html에서는 js나 css에 ?version을 추가해서 서버에서 캐싱을 요청하거나 meta태그에서 no-cache 등의 명령어를 쓰는 방법이 있는걸로 알고 있습니다. spa로 개발된 뷰에서는 어떤 방식으로 캐싱을 해야할까요? vue 로 만든 어플리케이션을 웹뷰형태로 서비스해야되서 브라우저 접근시 캐싱을 꼭 해줘야합니다. ㅠㅠ
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
filter와 computed의 차이
동영상에서 구현한 formatDate filter 내용을 computed에서 구현해서 computed의 함수를 호출해도 될 것 같은데 filter를 사용하는 이유를 더 설명해 주실 수 있나요?
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
vue router URL PATH 관련
안녕하세요! 제가 vue로 웹뷰 모바일 어플리케이션을 개발중인데요 푸시알람 클릭시 알람에 to.path 값이 찍히면서 해당 URL로 이동해야하는데요 1. 앱을 완전히 끈 상태에서 푸시알림을 클릭하면 푸쉬로 보낸 URL값을 인식못해서to.path 값을 찍지 못합니다. 2. 앱을 킨 상태에서 상단의 푸시알림을 클릭하면 푸쉬로 보낸URL 값을 인식하고 알람에서 to.path 값이 찍힙니다.3.저는 푸시로 https://www.naver.com/explain 이라고 URL을 보냈지만알람으로 to.path 값은 /explain 만 나옵니다. router.beforeEach(async (to, from, next) => { if (to.matched.some(record => record.meta.unauthorized) || (getAuthFromCookie().length >= 1)) { alert('이동할 URL은 !:' + to.path) alert('이전 URL은 :' + from.path) return next() } else { sessionStorage.setItem('pathToLoadAuth', to.path) alert('권한이 없습니다. 로그인 처리 후 이동할 URL은 :' + to.path) return next('/login') }})export default router 제가 어떤 개념이 부족해서 해결못하고있고 어떻게 나아가면 좋을까요 일주일정도 고민했는데 해결 못해서요 도움 부탁드립니다.!
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
새로고침
삭제된 글입니다
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
답변들을 봐도 이해가 안되서 다시 한번 질문드립니다.
문제 1. 최초의 login 요청에 setInterceptors에서 token값이 셋팅이 안되어있고, logout뒤 login 할때, 값이 셋팅되어있는건, 최초의 login요청에서 뒤늦게 셋팅되어진 token값을 불러 오는 건가요 ? 문제 2.createInstance 이 함수는 앱을 실행시켰을때, 최초로 한번만 호출이 되고 그 뒤에는 무슨 요청을 해도 반응이 없는데,로그아웃뒤 로그인할때, 헤더에 토큰값이 셋팅되는건 역시 Vue의 뛰어난 반응성이 한 몫 한건가요? 아니면 Interceptors가 정말 가로채서 Header만 쏙 넣어준건가요? const instance = createInstance(); 로 저렇게 박아두어서 instance값이 앱이 실행될 때 말고 바뀌지 않을꺼 같다는 생각이 들어서 질문드립니다.