질문backend.js:1414 Uncaught (in promise) TypeError: Cannot set property '__VUE_DEVTOOLS_UID__' of null at registerAppJob (backend.js:1414)
12시간 전
TypeError: Cannot set property '__VUE_DEVTOOLS_UID__' of null
backend.js:1414 Uncaught (in promise) TypeError: Cannot set property '__VUE_DEVTOOLS_UID__' of null
at registerAppJob (backend.js:1414) 도움이 필요합니다.
Vue.js 완벽가이드 vs Vue.js 끝장내기
2일 전
안녕하세요! 작은 기업에서 근무하고 있는 백엔드 개발자입니다.( 둘다 해야 하지만.. 백엔드를 지향하고 있습니다.)
궁금한 사항이 있어서 질문드립니다.
현재 새로운 프로젝트를 시작하는데
front까지 다뤄야해서 Vue 강의를 구입해 듣기 시작했습니다.
프로젝트 기술스택은 Srping API + Vue.js로 되어 있습니다.
현재 강의 코스가 webpack을 포함해 5개의 강좌가 있는데 모두 듣기엔 시간이 촉박합니다.
못들은 것은 나중에라도 들을 생각인데, 속성 코스로 짜주신다면 어떤 순서로 들어야 할까요?
일주일 뒤면 프론트 개발환경을 구성해야 할 것 같은데,, 모르는게 많아서 마음이 너무 조급합니다.
현재 입문은 사자마자 바로 다 완강했습니다.
중급 강의를 듣고 바로 끝장내기를 들을까도 생각하고 있습니다.
강의 순서 추천해주시면 감사하겠습니다 ㅠㅠ!!
무슨 말인지 하나도 모르겠습니다 ㅠㅠ
4일 전
ㅂ버전과 오류입니다. vue4.5 이상이라 이런 오류가 나는거같은데 프로젝트 생성을 어떻게 하나요??
첨부해주신 아래 옵션으로 프로젝트를 생성하라는 의미를 모르겠습니다.
props 넘겨주고 vue 개발자 도구에서 확인했을 때 질문합니다.
9일 전
안녕하세요! 강의 듣다가 질문 드립니다.
강의에서 props를 하위 컴포넌트로 전달하고 뷰 개발자 도구로 확인했을 때, 하위 컴포넌트에서 'propsData'라는 이름의 속성과 'hi'라는 속성 값이 보이는 것을 봤습니다.
따라서 실습해봤는데, 저는 좀 다르게 보여서 질문 드립니다. props란에 'propsData'라는 이름의 속성값이 undefined라고 되어 있고, 밑에 $attrs란에 강의랑 같이 나옵니다. 왜 저는 props란에는 undefined라고 뜨고 $attrs란에 나오는 것인지 궁금합니다.
코드와 사진 같이 첨부합니다.
[코드]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">
<app-header v-bind:propsData="message"></app-header>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
const appHeader = {
template: '<h1>header</h1>',
props: ['propsData']
}
const vm = new Vue({
el: '#app',
components: {
'app-header': appHeader
},
data: {
message: 'hi'
}
})
</script>
</body>
</html>
[강의 캡쳐]
[제 화면 캡쳐]
Vue CLI 4.x버전에서의 옵션 선택
13일 전
안녕하세요! Vue CLI 버전 4.5.10 대로 설치를 하고있는 와중에 선택화면이 2개 떴는데요. 이 때에 어떤걸 선택해야 좋은걸까요?
1.
2.
검색해 보니 첫번째는npm저장소 대체(?)문구인것 같고, 두번째는 Yarn/NPM 둘 중 하나를 선택하는 것 같은데요.
1. NPM저장소를 대체(?)했을 때의 장점은 무엇인지 궁금하고
2. 현재 강의에서는 NPM을 선택하는것이 맞는거겠죠? Yarn은 뭐죠?ㅠㅠ?
유익한 강의 늘 감사합니다!
질문이 있습니다.
15일 전
제가 선생님의 vue 강의를 로드맵에 기재된 6개의 강의를 결제해서 입문 과정부터 차근 차근 듣고 있습니다.
본 강의에서 공유해주신 웹팩 NPM 소개 강좌 페이지에서 목차에 있는 내용과 https://inf.run/Md8f 이 페이지에 있는 내용과 동일한가요 ??
로드맵 기준으로 차근 차근 강의를 들을려고 하는데..
웹팩 강의를 본 강의가 끝난 후 이어서 들어야 하나요 ?
아니면 Vue.js 시작하기 > 중급 강좌 > 웹팩 순으로 강의를 들으면 될까요?
속성:function() 관련 문의합니다.
15일 전
App.vue 파일에서
data:function() { return {} } 으로 속성을 추가해줬는데,
methods 와 components 에서는 function 함수를 사용하지 않고 직접 적용을 해주었습니다.
이전 강의에서
여러 개의 컴포넌트에서 동일한 값을 공유하면 안되기 때문에 function() { return {} } 으로 적용해야한다고 하셨는데..
function() { return {} } 은 어떤 상황일 때에 사용을 해야하는 건지 그 기준이 궁금합니다.
그리고 function() 은 data 속성에만 적용을 하면 되는 걸까요 ??
질문이 있습니다.
15일 전
이전 강의에서 컴포넌트 태그 명명법에 따라서 app-header 를 AppHeader 로 바꿔서 적용할 수 있다고 하셨었는데요..
<template>
<div>
<AppHeader />
</div>
</template>
<script>
import AppHeader from './components/AppHeader.vue'
export default {
data: function() {
return {
str: 'hi'
}
},
components: {
AppHeader
}
}
</script>
app-header 컴포넌트 태그르 AppHeader 로
components 에선 AppHeader 선언만 해주었는데
실무에선 주로 어떤 컴포넌트 명명법을 주로 사용하나요?
npm run serve 관련 문의합니다.
18일 전
어제 프로젝트 생성 및 서버 실행까지 공부하고 오늘 공부하면서 vs code를 열었는데 어제 터미널창에서 보여줬던 Local 주소가 보이질 않습니다..
그래서 cd 로 vue-cli 폴더로 이동한 후에
npm run serve 명령어를 입력해주니 어제와 동일한 Local 주소를 확인할 수 있었습니다.
이렇게 작업하는 게 맞는 건가요?
매번 작업하기 전에 해당 폴더로 이동 후, npm run serve 명령어를 입력해주어야 하나요 ??
Vue Cli 설치 버전 관련
19일 전
안녕하세요,
Vue CLI 설치를 하니 " @vue/cli@4.5.10 " 버전으로 설치가 완료되었습니다.
해당 강의에서는 2.x 와 3.x 버전을 말씀하시는데 ..
저는 4버전대로 설치가 완료되어서요.. 해당 버전을 다운그레이 해야 하는 지? 아니면 버전에 상관없이 강의 대로 진행하면 되는 지 여쭤봅니다.
그리고 검색을 해보니 vue --verson 을 입력하면 해당 CLI 버전을 확인할 수 있다고 하는데 .. 저는 오류 메세지가 보여집니다ㅠㅠ 제대로 설치된 게 맞는 걸까요?
$emit 은 어떤 상황일 때 사용하나요?
19일 전
v-on:click 이벤트와는 사용하는 상황이 다른 것 같은데
$emit은 어떤 상황일 때 사용하나요?
사용하는 방법은 강의를 보면서 이해를 한 것 같은데 그래서 이 $emit 은 언제 사용하는 거지? 라는 의문이 생겨서요..
하위 컴포넌트에 $emit 으로 이벤트 이름을 지정해주고 지정된 이름을 상위 컴포넌트 메서드와 연결해주기 위해 사용하는 걸까요 ??
v-on 이벤트 강의를 듣고 나서 $emit 에 대해 다시 보는데 제 머리속에서 정리가 안 되서 여쭤봅니다..
vscode import Vue부분에 경고문이 뜨네요
25일 전
vscode plugin관련 질문인데,
제 화면에서는 import 부분이 경고 표시가 뜨네요.
Vetur에서 tsconfig.json 등을 설정하라는데 vue-cli폴더에 세팅해주면 되는걸까요?
컴포넌트에 변수선언이 가능한가요? app-header에 data를 선언해보니 html에서 출력되지가 않네요.
26일 전
추가적으로 컴포넌트는 스스로 데이터를 가질수가 없나요? 최상위 root에서만 데이터를 가지고 props로 내려주는게 가능한건가요?
컴포넌트 내에 data를 선언하니 출력되지 않네요.
var appHeader = {
template: '<h1>{{ propsdata }}, {{ num }}, {{ headerName }}</h1>',
props: ['propsdata', 'num'],
data: {
headerName: 'choigawoon'
}
};
html 컴포넌트 태그 사이에 들어가는 값은 의미가 있나요?
26일 전
component tag사이에 넣은 값은 무슨 의미를 가지게 되나요?
template이 해당 부분을 채우게 되는거라 그냥 제거 될까요?
예를 들어, app-content 태그사이에 들어간 값은 어떻게 되는지 궁금합니다.
<div id="app">
<h1>{{ message }}</h1>
<!-- <app-header v-bind:프롭스 속성 이름="상위 컴포넌트의 데이터 이름"></app-header> -->
<app-header
v-bind:propsdata="message"
v-bind:num="num"></app-header>
<app-content v-bind:count="num">????여긴뭐죠?</app-content>
</div>