월 15,400원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃헙 권한 요청드립니다.
인프런 아이디 : yeaji0024@gmail.com 인프런 이메일 : yeaji0024@gmail.com 깃헙 아이디 : yeaji0024@gmail.com 깃헙 Username : LEEYEJI501
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
권한요청드립니다.
안녕하세요 장기효님 강좌 처음 듣는 수강생입니다 수업 듣는다고 생각하니 벌써 설레네요. 권한 요청 부탁드리겠습니다. 인프런 아이디 : jishuya3015 인프런 이메일 : jishuya3015@naver.com 깃헙 아이디 : jishuya3015@gmail.com깃헙 Username : jishuya
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
밑에글에대한 부연설명입니다.(살려주세요)
쌤께서 알려주신대로 코딩을 했는데 뭘 잘못한건지 npm run serve를 해서 들어가면 chart.js 만 뜨고 두개의 차트가 아예 나오질 않습니다. 개발자모드에 콘솔에도 에러가 안뜨구요 그냥 화면에 차트만 안나옵니다. 코드는 다 그대로 알려주신대로 친거같은데 뭐가 문제인지 모르겠습니다. 어떻게 문제점을 파악하고 해결할 수 있을까요? 쌤도 저가 답답하시겠지만 저는 너무너무 답답하니 살려주십쇼 ㅜㅜ
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
웹팩과 관련하여
좋은강의 항상 감사합니다! 이번 강의와는 조금 관련이 없지만 예전에 선생님의 웹팩 강의를 듣고 이 강의를 보는데 이번 강의 중간에 선생님께서 이 프로젝트는 웹팩으로 작동한다고 하셨습니다. 이는 vue create에 vue init과 npm i이 포함되어있기에 그런 것이 맞나요? 그렇다면 input, output과 같은 것들이 기본설정으로 되어있을텐데 해당 파일이 보이지 않아서 질문드립니다!
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
mounted hook과 api 요청에 대해 질문이 있습니다.
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. mounted hook과 api 요청에 대해 질문이 있습니다. 수강 강좌 중에서 어느 부분인지는 모르지만 "Vue.js에서 api 요청 시 created hook이나 beforeMount hook에서 api 요청하는 게 좋다. 이유는 mounted가 되고 나서 데이터 요청을 하게 되면, 뷰의 reactivity 특성에 의해 화면이 다시 그려지게 된다" 라고 말씀하셨습니다. (질문 1) 이것의 이유는 => data, methods 등과 같은 속성이 초기화 및 접근이 가능한 created hook에서 하는 것이 효율적이지 mounted, 즉, 렌더링이 완료된 다음에 api 호출 등으로 인한 data 속성 변경은 updated hook이 실행되어 리-렌더링이 되기 때문이다. 이렇게 이해하면 될까요? 수 많은 블로그를 찾아본 결과 created, mounted 의견이 분분했고, 스스로 헷갈리기도 하고 프로젝트를 진행할 때 올바르게 사용하고자 질문드립니다. (질문 2) 만약, 다음과 같은 상황이면 mounted hook을 이용해도 괜찮을까요? 상황 1. mounted hook이 실행됐다는 건 렌더링이 완료되어 DOM에 접근 가능한 것이다. 해당 mounted hook 내에서 api 요청 + 해당 컴포넌트의 DOM에 접근해야 할 상황 (질문 3) 만약 위와 같은 상황이 mounted hook을 사용하는 게 옳은 상황이라면 이외에 mounted에서 불가피하게 사용해야 하는 이유가 있을까요? 또한, 여러 생각이 들어 적어봅니다. 만약, 자식 컴포넌트에서 mounted hook이 실행되고 그 다음 위에 부모 컴포넌트에서 mounted hook이 순차적으로 실행되는 건 맞다. 하지만 자식 컴포넌트의 mounted hook에서 비동기 api를 호출하고 부모 또한, 비동기 api를 호출한다면 순차적으로(자식 -> 부모) 비동기 api가 실행되는 것은 아니다. (질문 4) 자식 컴포넌트에서 부모 컴포넌트의 특정 데이터 속성(ex, aaa)을 watch하고 있다면, 이는 부모 컴포넌트의 mounted hook 단계에서 값을 변경 시 인식할 것입니다. 이때 부모 컴포넌트의 mounted hook에서 api 호출 후 응답 시 data 속성 aaa에 변화를 준다면, 자식 컴포넌트 단계에서 이를 watch 할 수 있을 것이고 이럴 때 사용할 수도 있겠네요.??? 하지만 생각해보니 부모 컴포넌트 created hook에서 api 호출하고 자식 컴포넌트 측에서 watch 옵션으로 immediate: true를 준다면, 이를 바로 인식할 수도 있고... 헷갈리네요. 마지막 질문은 좀 장황하게 작성하였는데 양해 부탁드립니다. 감사합니다.
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃 권한 요청 드립니다.
인프런 아이디 : nokh9503 인프런 이메일 : nokh9503@hanmail.com 깃헙 아이디 : nokh9503@hanmail.com 깃헙 Username : noitrighthere
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
권한요청드립니다.
인프런 아이디 : tbgusrud12@gmail.com 인프런 이메일 : tbgusrud12@gmail.com 깃헙 아이디 : alsrnr3613@naver.com 깃헙 Username : Sonny479
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃허브권한신청드립니다.
인프런 아이디: hianpro 인프런 이메일: hianpro@anylogic.co.kr 깃헙 아이디: ysyhouse@gmail.com 깃헙 Username: SUNYOUNG
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
listItem, ListView 질문
선생님 listView에는 listItem 컴포넌트만 정의해놓으셨는데 이는 보기 편하기 위해 작성하신 걸까요? listView.vue파일없이 listitem.vue만 있다고 해도 createListView.js에서 render함수로 만들 수 있고 created에서 이미 store에 데이터를 저장했기에 사실상 listView.vue파일이 없어도 되는 것은 아닌가요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
어떻게 해야하는지좀 봐주시면 감사하겠습니다
app.vue <template> <div> <h1>Chart.js</h1> <bar-chart v-on:refresh:chart="refreshChart" v-bind:propsdata="chartDataSet"></bar-chart> <line-chart></line-chart> </div> </template> <script> import BarChart from './components/BarChart.vue'; import LineChart from './components/LineChart.vue'; export default { // 컴포넌트 속성 && 인스턴스 옵션 components: { BarChart, LineChart, }, data() { return { chartDataSet: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, 3], backgroundColor: [ 'rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(255, 206, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(153, 102, 255, 0.2)', 'rgba(255, 159, 64, 0.2)' ], borderColor: [ 'rgba(255, 99, 132, 1)', 'rgba(54, 162, 235, 1)', 'rgba(255, 206, 86, 1)', 'rgba(75, 192, 192, 1)', 'rgba(153, 102, 255, 1)', 'rgba(255, 159, 64, 1)' ], borderWidth: 1 }], } }, methods: { refreshChart() { this.chartDataSet = [10, 20]; } }, created() { // axios.get('charts/line/1') // .then(response => this.chartDataSet = response.data) // .catch(error => console.log(error)); } } </script> <style> #app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; } </style> // BarChart.vue <template> <canvas ref="barChart" id="barChart" width="400" height="400"></canvas> </template> <script> export default { props: ['propsdata'], mounted() { var myChart = new this.$_Chart(this.$refs.barChart, { type: 'bar', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: this.propsdata }, options: { scales: { yAxes: [{ ticks: { beginAtZero:true } }] }, onClick: function() { this.$emit('refresh:chart'); } } }); console.log(myChart) } } // linechart.vue <template> <canvas ref="lineChart" id="lineChart"></canvas> </template> <script> export default { mounted() { var Chart = new this.$_Chart(this.$refs.lineChart.getContext('2d'), { type: 'line', data: { labels: ["January", "February", "March", "April", "May", "June", "July"], datasets: [{ label: "My First dataset", backgroundColor: 'rgb(255, 99, 132)', borderColor: 'rgb(255, 99, 132)', data: [0, 10, 5, 2, 20, 30, 45], }] }, options: {} }); } } 강의보면서 따라했는데 Chart.js 이거만나오네요 어디서 틀렸고 어떻게 해결을 해야할까요 ?? ㅠㅠ
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
views, component 디렉토리 차이
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. views와 components 디렉토리의 차이(?)에 대해 궁금한 점이 있습니다. 프로젝트를 진행할 때 components와 views 디렉토리에 여러 .vue와 같은 컴포넌트 파일을 생성할텐데 어떨 때는 components에 어떨 때는 view 디렉토리에 넣어야 한다라는 약속이 있는 건가요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
권한 요청드립니다.
인프런 아이디 : ykh4933@gmail.com 인프런 이메일 : ykh4933@gmail.com깃헙 아이디 : duddl2102@naver.com깃헙 Username : Kim-SeoYeong
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃 권한 부탁드립니다
인프런 아이디 : hianpro 인프런 이메일 : hianpro@anylogic.co.kr 깃헙 아이디 : pgjphj4488@naver.com 깃헙 Username : Park-Young-Ju
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
git repo 권한 요청드립니다.
gist 등록 하였습니다. 인프런 아이디: kamuie627@naver.com 인프런 이메일: kamuie627@naver.com 깃헙 아이디: kamuie627@naver.com 깃헙 Username: jangtaegun 감사합니다.
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
export, export default, export default new 생성자함수()
안녕하세요 강사님, 이번 섹션에서는 HOC 구현 하시면서 재사용되는 코드 뭉치들를 따로 모듈화하시는 것으로 이해를 했습니다. 제가 궁금한 점은 ES6 modules 를 통해 모듈화가 왜 필요한지, 웹팩이 왜 중요한지 그리고 import 할 때 어떻게 가져오는 지는 알겠습니다만 어느 파일은 export const ... 이고 어느 파일은 export function ... 이고 어느 파일은 export default new ... 이고 그리고 나서 이번에 export default function createListView() {} 이런 식으로 작성하면서 옵션들을 재사용 할 수 있도록 하시는 것 같아요! 누군가에게는 export default { ... } 로 그냥 내보내면 되지 않을까? 라고 생각 할 수 있고, 누군가는 export function createListView() {...}로 보내면 되지 않을까 라고 생각 할 수 있는 것 같습니다(필자) 강사님 스타일인건지, 어떠한 정해진 규칙이 있는건지, 이해하기 쉽지 않아 질문 남기게 되었습니다. 개발 공부를 하다보니 이러한 부분이 다른 문서나 블로그에서는 제가 원하는 수준은 없는 것 같아 질문합니다!
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
단일책임원칙?
안녕하세요 강사님, 강의 초반에 axios.get('url')을 return 해 주는 것이 중요하다고 말씀해 주셨는데요, NewsView.vue컴포넌트에서 fetchNewsList(vm)를 호출하면서 파라미터를 전달해도 충분히 구현가능하더라구요, 프로그래밍 원칙이나 확장성 때문에 함수가 한 가지만 할 수 있도록 하신 건지 대충 넘어갈 수 없어서 질문했습니다! 의도가 궁금해요!
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
Github 권한 요청 드립니다.
인프런 아이디 : naysksh04@gmail.com 으로 가입 -> octavinas86@gmail.com 으로 변경인프런 이메일 : octavinas86@gmail.com깃헙 아이디 : naysksh04@gmail.com깃헙 Username : pinkavias 부탁드리겠습니다.
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
갑자기 cors가 뜨네요...
하이오더 전까지는 aixos로 잘 받아와졌는데 하이오더 하고 나서 cors가 호출이 됩니다. 이걸로 몇시간째 씨름중인데 혹시 방법이 있을 까요?
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃허브 권한 요청드립니다!
안녕하세요. 좋은 강의 잘 듣고 있습니다. 다름이 아니라 gist에 댓글로 달았었는데 요청 메일이 오지 않아서 여기에다 남깁니다. 초대 부탁드립니다! 인프런 아이디 : ysasm2145@naver.com인프런 이메일 : ysasm2145@naver.com깃헙 아이디 : bohee.at@gmail.com깃헙 Username : bobbohee
- 미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
코드 내용이 변경되어 어떻게 처리해야할지 모르겠습니다
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 일단 getting started에 있는 차트 코드가 그전이랑 지금이랑 변동이 되어서 어떻게 처리해야할지를 모르겠습니다 아래와같은 오류가 나고있는 상황이구요 해결법을 알려주시면 감사하겠습니다! <script> import Chart from 'chart.js'; export default { mounted() { const labels = [ 'January', 'February', 'March', 'April', 'May', 'June', ]; const data = { labels: labels, datasets: [{ label: 'My First dataset', backgroundColor: 'rgb(255, 99, 132)', borderColor: 'rgb(255, 99, 132)', data: [0, 10, 5, 2, 20, 30, 45], }] }; const config = { type: 'line', data: data, options: {} }; } } </script> <style> </style>