inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

176만명의 커뮤니티!! 함께 토론해봐요.

질문

해결됨

Vue.js 시작하기 - Age of Vue.js

데이터바인딩이라는 문법에서는 Object.defineProperty 라는 api를 사용하는데 이 api가 props에 도 적용되어있다고 강의에서 말씀하셨습니다. 이 부분이 이해는 가는데 Vue라는 생성자 함수에서 Object.defineProperty가 Vue라는 생성자함수에서 어떤식으로 사용되고 있는지와 Vue 생성자함수가 어떻게 구현되어있는지에 대해서 알 필요가 있을까요? 너무 깊게 들어가는것이 아닌 그냥 쓰는 방법에 익숙해지는게 맞는지 궁금합니다.

  • vuejs
  • javascript
열씨미살자! 댓글 2 좋아요 1 조회수 205

import에 { } 가 들어가는 이유가 뭔가요??

해결됨

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

1:40 헬퍼의 사용법에서 import { mapState } from 'vuex'로 import 문에 전부 중괄호가 들어가 있는데요. 왜 여기는 중괄호가 들어가야 하나요? 규칙같은건가요?

  • es6
  • vuejs
  • vuex
  • javascript
y2profit 댓글 1 좋아요 3 조회수 280

trough, as

미해결

Vue로 Nodebird SNS 만들기

제로초님 강의 잘 보고 있습니다. 문서를 봐도 이해가 잘안되서 그러는데여.. sequlize associate부분에서 through,as가 무슨 역할인지 알려주실수 있을가요?? 강의 돌려봐도 좀 어렵네여 ㅠ

  • nodejs
  • aws
  • vuex
  • vuejs
  • mysql
  • ssr
순간을 그리다 댓글 4 좋아요 0 조회수 275

getters의 parameter 관련 질문

해결됨

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

안녕하세요. 강의를 보다 궁금한점이 있어서 질문드립니다. getters를 이리저리 사용해 보다가 getters에 parameter를 넣어야 할 경우가 생겨서 검색해보니, Vuex 공식 문서에서 다음과 같이 사용하라고 안내가 되어 있습니다. getters: { getNumber: state => num => { return num * 2; } } 여기서 첫 번째로 궁금한 점은 저 문법이 단순히 Vuex의 함수 정의 문법인지, ES6 문법인지 궁금합니다. 추가로 궁금한 부분은 저 표기 외에 다른 방식으로 parameter를 받을 수 있는 방법이 있는지도 궁금합니다. Vue 와 ES6 모두 초보라 아직 함수 리터럴에 대해 익숙지 않아 질문 드려봅니다 ^^;

  • vuejs
  • vuex
  • es6
  • javascript
이한승 댓글 2 좋아요 1 조회수 915

$router $route

미해결

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

$router 는 이해가 되는데.. $route 이것은 어디에서 설정되었는지요.. 그리고 하나 더 궁금한 것이 있는데... 다른 vue 연습때문에 router/index.js path가 너무 많아서 store 모듈처럼 여러 파일로 쪼개고 싶은데 구글링 해보면.... 예제처럼 하면 에러가 나던데..ㅠ.ㅠ 그것도 좀 구현 사례나 github 예제좀 알려주세요... 강의 고맙습니다.....

  • vuejs
  • javascript
narrpro 댓글 5 좋아요 2 조회수 1001

prettier error 발생

미해결

Vue.js 끝장내기 - 실무에 필요한 모든 것

error Replace `··` with `↹` prettier/prettier 이런식의 에러가 쭉 발생하는데 어떻게 해결하면 좋을지 조언을 구해도 될까요 ㅠ 감사합니다.

  • javascript
  • vuex
  • vuejs
아스키코드 댓글 2 좋아요 1 조회수 1098

새로고침 후 로그인을 하면 리퀘스트헤더에 토큰이 안들어 옵니다

미해결

Vue.js 끝장내기 - 실무에 필요한 모든 것

페이지를 새로고침 하고 로그인 후 네트워크 리퀘스트헤더에 Authorization 을 보면 비어 있어고, 이 상태에서 로그아웃 후 새로고침 없이 로그인 후 네트워크 리퀘스트헤더에 Authorization 을 보면 토큰값이 들어와 있습니다. 왜 새로고침을 하고 로그인을 하면 리퀘스트헤더에 토큰이 안들어 오는건지 혹시 알 수 있을까요..

  • vuex
  • javascript
  • vuejs
af8000 댓글 4 좋아요 1 조회수 1218

컴포넌트 통신 mvc모델 문제??

미해결

Vue.js 시작하기 - Age of Vue.js

수업중에 말씀하시는 (컴포넌트간 통신할 때 ) mvc 모델에서 문제가 있었다는게 구체적으로 어떤 의미인가요?

  • vuejs
  • javascript
Rorschach 댓글 1 좋아요 2 조회수 259

LoginPage.vue에서의 경로

미해결

Vue.js 끝장내기 - 실무에 필요한 모든 것

LoginPage.vue에서의 LoginForm을 import로 가져올 때 import LoginForm from '@/components/LoginForm' 으로 들고 왔는데 원래는 components 밑에 common밑에 LoginForm이 있어야 하는거 아닌가요? 아래와 같이요 import LoginForm from '@/components/common/LoginForm' 그런대도 에러가 안나는 이유가 뭔가요??

  • vuex
  • vuejs
  • javascript
kunbear 댓글 1 좋아요 1 조회수 259

apply of undefined 에러입니다

미해결

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

NewsView.vue에서 bus.$emit('start:spinner')을 입력하는 순간 'cannot read property 'apply' of undefined' 라고 뜨면서 에러가 발생합니다. 코드 흐름은 동영상 따라왔는데 갑자기 apply of undefined 에러가 발생하는데 무슨 문제일까요?

  • javascript
  • vuejs
kunbear 댓글 2 좋아요 1 조회수 1408

eslint 와 prettier 설정시 오류

미해결

Vue.js 끝장내기 - 실무에 필요한 모든 것

Module Error (from ./node_modules/eslint-loader/index.js): c:\Users\노군\Desktop\vue-endgame\vue-til\src\App.vue 2:1 error Replace `··` with `↹` prettier/prettier 3:1 error Replace `····` with `↹↹` prettier/prettier 4:1 error Replace `····` with `↹↹` prettier/prettier 5:1 error Replace `··` with `↹` prettier/prettier 9:24 error Replace `"./components/HelloWorld.vue"` with `'./components/HelloWorld.vue'` prettier/prettier 12:1 error Replace `··name:·"App"` with `↹name:·'App'` prettier/prettier 13:1 error Replace `··` with `↹` prettier/prettier 14:1 error Replace `····HelloWorld` with `↹↹HelloWorld,` prettier/prettier 17:7 error 'a' is assigned a value but never used no-unused-vars 17:8 error Replace `=` with `·=·` prettier/prettier 18:3 error Insert `,` prettier/prettier 24:1 error Replace `··` with `↹` prettier/prettier 25:1 error Replace `··` with `↹` prettier/prettier 26:1 error Replace `··` with `↹` prettier/prettier 27:1 error Replace `··` with `↹` prettier/prettier 28:1 error Replace `··` with `↹` prettier/prettier 29:1 error Replace `··` with `↹` prettier/prettier ✖ 17 problems (17 errors, 0 warnings) 16 errors and 0 warnings potentially fixable with the `--fix` option. @ ./src/main.js 6:0-28 10:13-16 @ multi (webpack)-dev-server/client?http://192.168.219.104:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js 설정을 했는데 저런식으로 계속 오류가 뜨는데 뭐때문일까요?

  • vuex
  • vuejs
  • javascript
career87 댓글 16 좋아요 2 조회수 20912

네비게이션 가드 질문...

미해결

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

1. 네비게이션 가드를 썼을때와 created 라이프 사이클 훅을 사용하였을때, 전자의 경우는 이전의 결과물이 안뜨는 반면, created를 사용하면 잠깐 동안 이전의 라우트에 있던 화면이 뜹니다. 하지만, transition을 없앤 상태라면 이전의 화면이 뜨지 않습니다. --> transition의 문제가 아닌가 생각이 듭니다... 2. 현재, 코드를 네비게이션 가드(spinner start)+ mounted 라이프 사이클 훅(spinner end) 방식과 네비게이션 가드에서 모든 것을 처리하는 것과의 차이가 제 경우에는 발생하지 않습니다.. 스피너가 꺼진 다음에 리스트를 불러옵니다. --> 이 차이는 어디서 오는 것일까요? 이전에 질문했었던 props로 내려주는것과 하위 컴포넌트에서 바로 접근할때의 차이가 아닐까 싶습니다. 그런데 잘 모르겠어서 질문드립니다. 3. 어떤 방식을 취해도 transition을 삽입하면 스피너가 꺼지고 나서 잠깐동안 화면이 보였다가 사라졌다가(fade효과가 들어갔다가) 다시 나타납니다. 자세히 분석을 해보니 앞에 잠시 뜨는 부분은 transition의 leave-active 부분이고 뒤에 뜨는 부분은 enter-active 부분입니다. leave-active 부분이 왜 라우트가 옮겨지고 실행이 되는 걸까요? 이 부분은 어떻게 수정이 가능할까요

  • javascript
  • vuejs
비오 댓글 0 좋아요 2 조회수 258

css가 이상합니다.

미해결

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

< template > < div class = "inputBox shadow" > < input type = "text" v-model ="toDoItem" v-on : keyup . enter ="addItem" > < span class = "addContainer" v-on : click ="addItem" > < i class = "fas fa-plus addBtn" ></ i > </ span > </ div > </ template > < script > export default { data: function () { return { toDoItem: '' } }, methods: { addItem: function () { localStorage.setItem( this .toDoItem, this .toDoItem) this .cleanInput(); }, cleanInput: function () { this .toDoItem = '' ; } } } </ script > < style scoped > input:focus { outline : none; } .inputBox { background : white; height : 50px ; line-height : 50px ; border-radius : 5px ; } .inputBox input { border-style :none; font-size : 0.9rem ; } .addContainer { float : right; background : linear-gradient(to right, #6478FB, #8763FB); display :block; width : 3rem ; border-radius : 0 5px 5px 0 ; } .addBten { color : white; vertical-align : middle; } </ style > 모두 똑같이 했는데 인풋이 들어가는 곳이 왼쪽이 아닌 가운데에 있는데 이게 body에 text-align:cener; 로 되어 있어서 그런 것 같은데 이걸 지우면 font icon plus도 가운데가 안되서 위치가 이상해집니다. 코드가 분명히 똑같은데 왜 input 타입하는 곳이 가운데서 시작하고 input 크기가 작습니다.

  • javascript
  • vuejs
  • vuex
  • es6
kunbear 댓글 1 좋아요 2 조회수 391

a 태그 관련 문의드립니다.

해결됨

Vue.js - Django 연동 웹 프로그래밍

제가 다른 페이지로 링크를 위해 예를 들어 아래와 같이 작성을 했는데요. <div v-for="test in tests"> <a href="{% url 'aa:aa-list' [[test.id]] %}>링크</a> </div> 이런 경우 [[test.id]]가 django template에 적용이 안되는거 같은데 혹시 해결할 수 있는 방법이 있을까요? ㅠㅠ

  • vuejs
  • django
댓글 1 좋아요 0 조회수 266

import { router } from './router/index.js';

미해결

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

강사님 안녕하세요. 강의 잘 보고 있습니다. import { router } from './router/index.js'; 와 import router from './router/index.js'; 의 차이는 무엇인가요?? 아래로 썼다가 라우터가 동작을 안해서 한참 찾아보니 저런 오타가 있었네요...

  • vuejs
  • javascript
박진영 댓글 1 좋아요 3 조회수 273

따라서 잘 만들어 봤는데 질문 하나 드립니다.

미해결

웹 게임을 만들며 배우는 Vue

버튼을 연타하게 되면 1000초뒤에 동시다발적으로 setTimeout이 실행되고, changeHand()의 interval에는 마지막에 저장된 timeout값만 덮어써지게 되서 엄청 빠른속도로 가위바위보가 돌아가는 문제가 있더라구요~. 이부분은 어떻게 체크해야 효율적일지 시간되실때 알려주시면 감사드리겠습니다.~ !

  • 웹팩
  • vuejs
  • vuex
이정우 댓글 2 좋아요 0 조회수 385

ctrl \하니까 새창이 생겨요

미해결

Vue.js 시작하기 - Age of Vue.js

메뉴가 닫히는게 아니라 새창이 생겨요 도와주세요 윈도우입니다

  • javascript
  • vuejs
냠냠굿 댓글 4 좋아요 2 조회수 458

git권한 부탁드립니다.

해결됨

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

인프런닉네임: codingc 인프런이메일: codingc@hanmail.net github: codingc@hanmail.net 닉네임: codingc1

  • es6
  • javascript
  • vuejs
  • vuex
codingc 댓글 1 좋아요 1 조회수 167

git 권한 요청

미해결

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

저도 밑에 질문글 올리신 분과 같은 현상으로 보이는데 여기다가 신청해놓아도 괜찮을까요? 인프런 아이디: rywns5232 인프런 이메일: rywns5232@naver.com 깃헙 아이디 : rywns5232@naver.com 깃헙 Username : fallzz

  • javascript
  • vuex
  • vuejs
  • es6
댓글 1 좋아요 1 조회수 182

쌤 도와주세요

미해결

트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술

11:40 부터 진행하는 '폼의 바깥을 누르면 닫히는기능'을 하고 있는데요.. (제 코드에 오타가 있을까봐) AddCard.vue와 List.vue를 전부 복붙도 해봤습니다. 복붙을 해도 안된다면 어디에서 문제가 있는걸까요? 저것만 적으면 잘되던 Add Card도 펼쳐지지 않습니다 ㅠㅠ. 오류를 해결할수있는 방법을 알려주셨으면 합니다. mounted() { this.setupClickOutside(this.$el) }, methods: { setupClickOutside(el) { document.querySelector('body').addEventListener('click', e => { if (el.contains(e.target)) return this.$emit('close') }) } }

  • javascript
  • vuejs
SA 댓글 3 좋아요 5 조회수 444

인기 태그

인프런 TOP Writers

주간 인기글