월 22,000원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
뒤로가기 제어하는 방법
안녕하세요. 본강의와 상관없는 글을 올리게 되서 죄송합니다,아직 실무편은 목차만보고중급까지 Vue를 수강하고있는 초보 개발자 입니다. 현재 Vue로 앱웹을 만들고 있는데, 뒤로가기 버튼을 제어하는데 애를 먹고 있어도움을 얻고자 문의글 적습니다ㅠㅠ 현 페이지에서 Url변경없이 FullPopup창을 띄우는 과정에서 뒤로가기 버튼 클릭시 ㅠㅠ modal이 닫히는 형태를 구현하려고 하는데 어떻게 하는게 좋을까요 <div v-if="isOpenModal"> <component :is="modalGbn" v-bind:selectmodal="modalObj" v-on:popupdata="modalData"> <div class="modal-header" slot="header"> <h3>{{ modalTitle }}</h3> </div> <p slot="body" v-html="modalContent"></p> <button slot="moveBtn1" @click="modalData" class="btn modal-default-button">확인</button> </component></div> 오픈하는 모달창이 복수개라 위와같이 구현했는데 뒤로가기버튼으로 모달만 닫고싶습니다ㅠㅠ
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
같은 폴더에 있을때도 절대경로를 쓰는게 좋은가요?
같은 폴더에 있을때도 절대경로를 쓰는게 좋을까요? 그리고 한단계 위에있는 폴더안일때도 절대경로가 좋을까요? 예를들어 component|--- basic------|---- module 모듈폴더 안에있는 파일에서 basic 에있는 파일을 사용하려면 import Something from '../something.vue' 이렇게하면 간단하잖아요. 그럼에도 불구하고 그냥 절대경로로 쓰는게 좋을까요? 그냥 이점이 import문을 짧게 쓰려고하는거라면 상대경로가 더 짧은 경우에선 상대경로로 써도 상관없나요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
401오류가 뜹니다;;
강의와 똑같이 진행하는 중 이런 에러가 나고 게시물이 생성이 안됩니다 ㅠㅠㅠ
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
eslint설정 후 빨간 물결표 밑줄이 생깁니다;;
강의대와 질문게시판에 있는 내용을 참고하여 eslint를 수정했는데.... 뒤에 이런 빨간 물결표가 생깁니다;; 프로젝트를 실행 할때 문제는 되지 않지만 앞으로 프로젝트를 계속 이어갈때 오류들을 찾기 힘들거같습니다 ㅠ 어떤 설정이 문제고 어떤거 때문에 이런 현상이 발생하는지 모르겠습니다;;
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
웹팩과 lazy loading 관련 질문
안녕하세요 선생님, 좋은 강의 항상 감사드립니다. 웹팩과 Lazy Loading과 관련하여 궁금증이 생겨 질문드립니다. 웹팩의 기능은 웹을 나타내는데 필요한 모든 자원을 하나의 파일로 번들링 해주는 것으로 알고 있습니다. 이렇게 하는 이유는 필요한 자원을 매번 서버로부터 받아오기 보다 하나의 번들된 파일만 한 번만 받아와서 더 이상 서버에 요청하지 않아 성능이 좋아지기 때문으로 이해하고 있습니다. 그런데, Vue에서 lazy loading의 경우 실제로 그 페이지에 접근하려할 때 필요한 자원을 가져오는 것으로 이해하고 있습니다. 웹팩을 이용하는 경우 lazy loading의 장점을 취할 수 없는걸까요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
강의 내용 중 로그인 시 요청 헤더에 Authorization 관련 질문드립니다!
안녕하세요 개발자 님? vue를 처음 접하고 공부를 해나가던 중 개발자님 강의를 알게 되어 많은 도움을 받고 있는 취준생입니다! 강의 내용 중 궁금한 점이 있어 이렇게 글을 남기게 되었습니다. axios 관련하여 요청 헤더에 토큰 값을 넣기 위해서 axios intercepter 설정 강의 내용 중에 궁금한 점이 있는데요, 개발자 님께서 코딩으로 보여주실 때는 처음 로그인 요청 시에도 token 값을 함께 보내는 것처럼 보이는데, 제가 이해하기로는 처음 로그인을 하고, 서버로부터 인증정보가 확인된 사용자에게만 token 값이 내려오고, 이후 해당 token을 가지고 인증이 필요한 리소스에 접근하는 흐름으로 알고 있는데,. 그렇다면 처음 로그인을 위한 post 요청에는 authorization 부분이 빈 값이어야 하지 않나요? 처음 로그인 리퀘스트에 token 값까지 함께 보낸다는 것이 직관적으로 잘 받아들여지지 않아서요 ㅠ 서버 문서에서도 로그인 API는 token이 없어도 공개적으로 접근이 가능하다고 나오기도 하고요 이 점에 대하여 제가 놓치고 있는 부분이 있는 것인지, 혹은 예시를 위하여 개발자님께서 의도하신 건지 궁금합니다 강의 너무 잘 듣고 있고 앞으로도 좋은 강의 부탁드립니다!
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
오류가 납니다 ㅠㅠ
5_styling 브랜치에서 npm run serve를 하면 다음과 같은 에러가 나요.. Failed to compile with 1 error 3:30:01 PM This relative module was not found: * ./src/main.js in multi (webpack)-dev-server/client?http://192.168.42.231:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js어 어떻게 해야할까요..
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
강사님께
설치문제가 해결이 안되서 일주일째 진도를 못나가고 있습니다. 인터넷 구글링 다 해봐도 해결이 안되네요.. 제실력부족이라고 생각합니다. 죄송하지만 원격이라도 해서 알려주실수 있나요?? 너무 시간낭비만 하고 있는 거같아요 ㅜ
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
Post생성 에러가 나옵니다!
생성 하는 부분에서 네트워크에 400에러가 나와서 아무리 찾아봐도 문제점을 모르겠어서 폴더 지우고 다시 git clone 후 체크아웃으로 8_til-create 해서 실행해서 학습노트 등록부분을 해보았는데 똑같이 400에러가 나옵니다.. 어디가 문제인걸까요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
npm run de 오류
] } npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! server@1.0.0 start: `node dist/app.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the server@1.0.0 start 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\ParkWonkyoung\AppData\Roaming\npm-cache\_logs\2021-09-11T08_12_03_087Z-debug.log npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! server@1.0.0 restart: `rimraf dist && npm run build && npm run start` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the server@1.0.0 restart 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\ParkWonkyoung\AppData\Roaming\npm-cache\_logs\2021-09-11T08_12_03_132Z-debug.log [nodemon] app crashed - waiting for file changes before starting... ----- npm run dev 하면 이렇게 에러가뜹니다. 어떻게 하면 좋을까요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
설치오류
------------------- 터미널에서 이렇게 에러가 나네요 ㅠ 설치오류때문에 진도를 나갈수가 없어요. 정확한 답변 부탁드립니다.
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
!=== 오류
안녕하세요. 영상보고 따라하는데 이 부분이 오류가나서 실행이 안되는데 왜 그런건가요? !==로 해도 이상없이 작동은 됩니다
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
nvm 설치 안됨
안녕하세요. 인강듣고 있는 학생입니다. nvm설치하려고 iv ~/.bashrc ,이랑 프로파일 다 export~부분 추가했는데 계속 nvm을 찾을 수 없다고 하네요. 그래서 홈페이지에서 nvm을 따로 설치했습니다. 그래도 안되더라구요.. 어떻게 하면 좋을까요? 참고로 저는 윈도우 쓰고 있습니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
파일경로 별칭설정 문의드립니다.
jsconfig.json과vue.config.js을 강의와 똑같이 설정을해도 @경로 자동완성은 커녕 직접 입력해도 경로설정이 되지않아 질문드립니다. 이게되지않아 ../../ 이런식으로밖에 되지않아 경로설정을 해야된다고 생각합니다. jsconfig.json과vue.config.js이외에도 제가 설정을 해야하는 부분이 있나요? 아니면 다른 고려해야되는 부분이 있는지 궁금합니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
render 에러 관련 질문
안녕하세요 강의 잘 보고있습니다. 투두리스트를 만드는 중인데 강의처럼 따로 api 디렉토리로 만들어서 베이스 유알엘 설정후 서버에 get 요청을 보내려는데 에러가 발생합니다. 어떻게 해결해야 할까요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
token 저장 관련 문의
vue.js 가 돌아가는 서버가 이중화 삼중화 되어 있을때요. 이런 경우에는 토큰이나 세션 정보를 외부 저장소에서 관리해야 할 것 같은데요.. token 을 redis와 같은 DB에 저장하기도 하나요? redis에 저장한다면 vue에서 어떻게 설정해야하는지 가이드 주시면 감사하겠습니다!
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
(Windows) nvm으로 node 버전 관리시 참고하세요!
1. 기존에 터미널에서 설치하셨던 nvm을 삭제합니다. 삭제 방법은 구글링하시면 많이 나오더라구요! 2. nvm 깃허브 레포지토리로 가셔서 사용하실 버전에 맞게 Windows 용 setup파일을 다운로드 하고 설치해줍니다. 3. VSCode를 재실행 하시고 터미널에서 nvm -v 로 버전을 확인하시면 설치하려던 버전의 nvm이 정상 설치되어 있는 것을 확인하실 수 있습니다. 4. nvm install 10.16.3 으로 설치시 너무 오래 걸려서 node.js 공식 사이트에서 이전 릴리즈 버전으로 10.16.3 버전을 다운로드 합니다. (이것도 오래 걸리더라구요.. 그나마 빠름 !) 5. node.js 공식 사이트에서 받은 10.16.3 파일을 압축 해제합니다. 하시고 폴더 명을 v10.16.3 이런식으로 변경해주세요! 6. nvm을 설치한 폴더로 갑니다. (기본 경로 : C:\Users\사용자 이름\AppData\Roaming\nvm) 이 폴더에 다운로드한 v10.16.3 이름으로 된 폴더를 복사해서 넣어주시면 됩니다. * 우선 정상 동작하는데 추후에 문제가 발생하면 글 수정하도록 하겠습니다. :) 모두 열공하세요!
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
disabled 태그 관련
안녕하세요! :disabled="!(isUsernameValid || password)" 로 묶어서 처리하니 동작을 안하네요.. 그 이유가 무엇인가요..?
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
전역 axios설정 문의
안녕하세요 강사님 좋은 강의 언제나 감사드립니다. 강사님의 강의 덕분에 기존 jsp를 뷰로 전환을 성공적으로 적용할 수 있었습니다. 다만 한 가지 여쭤보고 싶은 점이 있는데, axios를 사용하게 될 시에, 만일 뷰의 컴포넌트 하나가 로딩될 때 자식 컴포넌트 3개를 import해서 해당 자식 컴포넌트의 created시점에 api를 호출하도록 설정을 했는데, 이 경우에 서버에서 토큰 만료가 되었음을 리턴받게 되었을 때 나머지 api들을 요청 취소 할 수 있는 방법은 없을까요? 아니면 제가 아키텍쳐 설계를 잘못한 걸까요? 자식 컴포넌트는 단순 prop으로 데이터 전달 받아서 동작할 뿐, 컴포넌트에서 api를 호출 하지 않는 방식으로 가야 할까요? 혹시 강사님은 실제 프로젝트를 하실때 해당 이슈에 대해 어떻게 처리하시는 지 궁금합니다. 단순히 제가 생각했을때는 위에 이야기 한 것 처럼 컴포넌트에서는 api를 날리지 않고 부모 컴포넌트에서 코드를 async await로 api여러개 조회 후 try catch문으로 에러가 발생하면 그 이후 코드는 실행하지 않도록 한 뒤 자식 컴포넌트에게 데이터를 prop으로 넘겨주는 방식밖에 생각이 나지 않는데 제 생각이 잘못되었거니 더 좋은 방법이 있는 것인지 궁금합니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
CORS 관련해서 질문드립니다.
안녕하세요, api 호출 부분에 궁금한 것이 있어서 질문을 드립니다. 현재 클라이언트는 로컬 호스트 8080포트에 떠있고, 서버는 3000번 포트에 떠있는데 api 요청시 cors 에러가 발생하지 않는 이유가 궁금합니다. 예전에는 이렇게 포트가 다를 경우에는 에러가 났어서 webpack proxy 설정을 이용했던거 같은데 왜 현재의 예제에서는 에러가 발생하지 않는지 궁금합니다.