월 22,000원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
컴포넌트 작명에 관련 질문
판교님 질문있습니다 (2:00부분) 1. 이번 강좌에서도 이전 강좌처럼 컴포넌트 이름을 [LoginView]쓰실 줄 알았는데 [LoginPage]라고 컴포넌트 이름을 작명하신 의도가 궁금합니다. *컴포넌트 명명법에도 세밀한 차이가 있는지 궁금합니다!
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
axios create의 baseURL을 사용하지 않을 경우
강사님 안녕하세요. 강사님처럼 baseURL을 사용한 경우 예를 들어 특정 게시물 한개를 조회한다고 했을 때 //학습 노트 1개를 조회하는 API function fetchPost(postId) { return posts.get(postId) } 위와 같이 작성 시, 조회가 되었습니다. 하지만 제가 baseURL을 사용하지 않고 특정 게시물 한개를 조회하려고 하면 //특정 게시물 조회 function fetchPost(postId) { return instance.get(`http://localhost:3000/posts/${postId}`); } 위와 같이해야지만 조회가 가능했습니다. 첫번째 조회방식에서 postID는 get()의 첫번째 인자로 baseURL+postId 처럼 동작하는 방식인건지 (http://localhost:3000/post/b34 h234gv234) 궁금합니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
posts.js get/post 질문
안녕하세요~ fetchPosts 함수의 .get을 사용할때 "/"만 쓰는 경우는 스웨거문서에서 넘겨야할 파라미터가 없을 경우에 "/" 만 넘기는 것인지 궁금합니다. fetchPost(postId)는 fetchPost("/", postId)로 안넘기는 것일까요? // 학습 노트 목록조회 API function fetchPosts() { return posts.get("/"); } //학습 노트 1개를 조회하는 API function fetchPost(postId) { return posts.get(postId) }
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
실무에서 어떻게 처리하는지 문의 드립니다
안녕하세요? 지금 연습삼아 이커머스 사이트 하나 골라서 클론코딩 하고 있습니다. 혹시 프론트엔드 개발할 때, 사용자 페이지랑 어드민 페이지랑 프로젝트를 구분해서 만드나요? 제가 합쳐서 만들고있는데 사이즈가 좀 커지니까 라우트랑 화면 처리하는게 굉장히 복잡해졌습니다 ㅜㅜ 혹시 프론트 개발 실무에서는 어떻게 처리하는지 설명 부탁드립니다.. ㅜㅜ
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
css 삽입시 warning이 뜨는 이유를 모르겠습니다 ㅜㅜ
warning in ./src/css/common.css Module Warning (from ./node_modules/postcss-loader/src/index.js): Warning (56:46) end value has mixed support, consider using flex-end instead @ ./node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!./node_modules/vue-loader-v16/dist/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-oneOf-1-2!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css 4:40-243 @ ./node_modules/vue-style-loader??ref--7-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!./node_modules/vue-loader-v16/dist/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-oneOf-1-2!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css @ ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css @ ./src/App.vue @ ./src/main.js @ multi (webpack)-dev-server/client?http://172.30.1.8:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js 완강하고 개발중인데 외부에서 퍼블리싱 한 코드를 그대로 넣었더니 에러는 아니고 경고가 노출되네요.. 뭐 화면 나오는데는 문제는 없는데 찝찝해서 제거를 하려고하는데 웹팩 설정을 해줘야할거 같은데 검색한대로 해도 저 경고는 지워지지가 않네요.. 혹시 무슨 문제인지 아신다면 대답 부탁드립니다 ㅜㅜ
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
페이지 새로고침할 때 데이터 관련 질문입니다.
안녕하세요 우선 질 좋은 강의 만들어주셔서 잘 듣고있습니다. 강의를 듣다가 궁금한 점이 있는데. 회원가입이 정상적으로 되면 logMesssage에 데이터를 넣었는데, 페이지를 새로고침하면 logMessage의 데이터가 지워지더라구요.. 원래 하나의 컴포넌트안에이 있는 data는 페이지를 새로고침하면 지워지나요??
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
제발 처음부터 다시 찍어 주세요ㅜㅜ 이거 너무 오래 되었어요
지금 몽고디비 클라우드랑 지금 영상에 몽고디비 클라우드랑 버전 차이가 엄청 심한거 같습니다. 따라하면 못찾아요 검색해서 찾았어요 .... 겨우겨우
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
source-map?
안녕하세요, 파일 절대경로 @관련해 에러 코드가 나와 질문드려요! 추가적으로 설정해 줘야 하는 부분이 있는 것 같아 구글링 해 보았는데 잘 안나오더라구요 ㅠ우선 스크린샷 올리도록 하겠습니다, 급한건 아니니 넘어가도록 할게요.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
aceessToken은 sessionStorage, refreshToken은 HttpOnlyCookie에 저장하시나요?
안녕하세요 강의 잘 보고 있습니다. 현재 구현상에는 새로고침을 하거나 창을 나가게 되면 로그인이 풀리게되는데요.(vuex가 js가 동작하는 메모리 공간을 사용해 그런거라 생각했습니다) 새로고침시에도 로그인이 유지되고, 창을 나갔다 다시 들어와도 자동로그인이 되어있게끔 만들고 싶습니다. 최영환님 질문에 token에 성격에 맞게 sessionStorage와 cookie를 사용하신다 답변하셨는데요. accessToken을 sessionStorage에 refreshToken은 Http Only 설정으로 persistence Cookie에 저장하는 방식을 활용하는게 맞으실까요? 여러가지 글을 찾아 보았지만 이 방식이 xss와 csrf에 대응할 수 있는 방법이 맞나 확신이 안들어서 질문 드려요. 맞다면 vuex-persistedstate를 이용해 vuex에 accessToken를 sessionStorage로 옮겨 사용하시나요? 아니면 지금처럼 vuex에만 저장하고 새로고침시에는 refreshToken을 사용해 aceessToken을 새로 발급받아 사용하시나요? 위에 설명한 방식이 아니더라도(jwt를 이용하는 방식이 아니더라도) 현업에서는 자동로그인을 어떻게 구현하는지 궁금합니다. velog는 개발자도구로 cookie에 access_token과 refresh_token이 담기는걸 확인했는데 네이버는 확인이 안 되서요. 다른 수강생 분들도 아시는 분들이 있으면 답변 부탁드려요
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
혹시 사용하시는 프로그램 이름이 뭔가요?
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요 컴포넌트 간 전달방법 설명하실때 슬라이드로 도형 이런거 그려서 하는 프로그램? 앱? 이름이 뭔가요? .
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
안녕하세요 . 배포에 관하여 문의 드립니다.
Nuxt 강의를 완강하고 , 헤로쿠 배포에 관하여 알게 되었습니다. 그래서 이번에도 VueTilServer를 배포해서 사용하고 싶어서 도전 했습니다. Deploy는 성공이라고 뜨지만 앱을 실행하면 Application Error가 뜹니다. 로그에는 이렇게 출력이 되어서 나옵니다. 배포시 명령어를 변경해야 하는건지 , 어떤점이 문제인지 알 수없어서 문의 드립니다. 2022-01-08T02:43:53.933246+00:00 app[web.1]: npm ERR! 2022-01-08T02:43:53.933334+00:00 app[web.1]: npm ERR! Failed at the server@1.0.0 start script. 2022-01-08T02:43:53.933421+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above. 2022-01-08T02:43:53.938380+00:00 app[web.1]: 2022-01-08T02:43:53.938539+00:00 app[web.1]: npm ERR! A complete log of this run can be found in: 2022-01-08T02:43:53.938614+00:00 app[web.1]: npm ERR! /app/.npm/_logs/2022-01-08T02_43_53_934Z-debug.log 2022-01-08T02:43:54.108586+00:00 heroku[web.1]: Process exited with status 1 2022-01-08T02:43:54.200674+00:00 heroku[web.1]: State changed from starting to crashed 2022-01-08T02:44:00.788369+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=serene-escarpment-31330.herokuapp.com request_id=1fdfd570-063f-4de2-ba06-8e3364f56c09 fwd="58.122.252.219" dyno= connect= service= status=503 bytes= protocol=https 2022-01-08T02:44:01.849314+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=serene-escarpment-31330.herokuapp.com request_id=8cbcf38b-47ba-4260-88b0-f96c94888421 fwd="58.122.252.219" dyno= connect= service= status=503 bytes= protocol=https
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
async await 관련 질문이 있습니다.
안녕하세요 풀패키지 잘 배우면서 학습하고 있습니다. 다름이 아니라 배운 내용을 토대로 게시판을 만들고 있는데요. 질문을 좀 드리고자 합니다. 먼저 부모 컴포넌트 List가 있고 자식 컴포넌트의 Pagination이 있습니다. 부모 컴포넌트 List에서 getList를 통해서 리스트 목록을 가져옵니다. 근데 비동기화 처리로 인하여 자식 컴포넌트인 Pagination의 created로 넘어가게 되고 부모에서 넘겨준 props의 totalCount 값이 0으로 넘어오게 되는데요. 자식컴포넌트에서 올바르게 totalCount값을 받을수 있는 방법이 없을까요.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
git 명령어 궁금합니다.
안녕하세요. 중간에 git 명령어중에서 git checkout 2_router -f 에서 ' -f ' 옵션은 뭘 의미하는건가요? 구글에 검색하도 안나와서요. 너무 궁금합니다.
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
SIgnupForm.spec.js 작성 중 문의가 있습니다
v-model에서 ime 관련한 이슈료 한글이 제때 바인딩되지 않아서 구글링으로 커스텀 디렉티브를 찾아서 적용시켰습니다. 그런데 SignupForm.spec.js 에서 이 디렉티브를 어떻게 적용시켜야 하는지 아무리 찾아도 제대로된 정보를 찾을 수 없습니다. vue-test-utils docs이나 stacoverflow 에는 vue3.0에 대응하는 코드나 stub을 활용하라는 말밖에 없고, localVue에도 directive 프로퍼티가 있긴 한데 docs에는 항목이 없어서 어떻게 쓰는 건지 알수가 없습니다.
- 해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
AppHeader.vue 의 logoLink 작성시 질문입니다.
강사님께서는 로그인 체크를 다시 스토어에서 getters.isLogin 으로 가져오시는데, 현재 파일에 computed 요소로 isLogin 이 작성되어 있는 걸 this.isLogin 같이 활용하는것은 어떤가요?
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
return
질문이 있습니다, 2:52부분에서 getters 객체 내부의 함수는 리턴을 하고, mutations객체 내부의 함수는 리턴을 명시하지 않는 이유가 있을까요? 판교님 첨언이 필요해 질문 남겨요! https://okky.kr/article/367449
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
3:08 단축키
안녕하세요, 판교님 혹시 해당 부분에서 단축키를 활용하신 건지 궁금합니다
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
ESLint 적용 실패
좋은 감사드립니다. 다름이 아니라 제가 토이 프로젝틀 진행 중인데 ESLint가 적용되지 않아 문의 드립니다. npm으로 install도 했고, 플러그인 설치도 헀고, 그 밖에 이번 섹션에서 말씀하신 설정들은 전부 다 확인하고 실행했는데 적용이 안되고 있습니다. 해결방안 좀 부탁드릴게요. 감사합니다. 1. 에러 메세지 2. 혹시 몰라 package.json 파일도 올립니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
vue-til-serve 관련 질문이 있습니다.
Vuejs 끝장내기 강좌를 보고 있습니다. vue-til-serve 프로젝트가 npm i express로 설치 했을때와 구조가 조금 다른것 같은데, npm으로 express 내려받고 소스코드를 직접 수정 하신건지 여쭤봅니다.
- 미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
Git 접근 권한 부탁드립니다.
강좌 따라가면서 하는데 오타가 많아서 git소스 보고 하려고 합니다. 권한 요청드립니다. https://github.com/ 깃헙 아이디: calla987@gamil.com