먼저 이 강의 서버 구동을 위해 node버전을 10.16.x로 낮추고 하면 vue cli가 node를 12~14이상으로 업그레이드 하라고 해서 nvm 깔고 최신 16.13.x로 바꿔줬습니다. 원래는 최신버전으로 vue create하면 vue2.x버전으로 라우터 vuex 린트 프리티어까지 설정해주고 그냥 설치해도 몇 분 안짝으로 create가 되었는데 갑자기 create만 몇 시간 째 돌리는 중인데 이거 왜이런 건가요??
안녕하세요 캡틴판교님 거의 전과목 수강중인 학도입니다 다름이아니라 원초적인 질문하나 드려도 될까해서요 저는 원래 퍼블리셔이자 기획 업무를 하던 사람인데 배우면서 드는생각이 확실히 프론트와 백엔드를 전반적으로 다루던 자바 & 스프링 백엔드 개발자의 역할까지 프론트엔드가 어느정도 역할 분담하게되는것같은데요 그럼 퍼블&백엔드 구조가아닌 프엔&벡엔드구조의 실무에서는 백엔드 역할이 db관리와 api생성, 쿼리 짜는정도만 하게되는건가요? 스프링으로 인클루드하고 ajax로 데이터도뿌리고 했던 백엔드 역할이 많이 줄어든것같아서요 가령 회원가입이나 로그인 crud도 프론트단에서 다 해야하는건지 그 범위가 조금 궁금합니다 만약 그렇다면 디자이너와 퍼블이 없는 상대적으로 소규모 회사에서는 웹디자인과 vue 마크업 그리고 프론트 개발까지 프론트엔드가 다 해야하는것같은데 맞을까요..?
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 강사님 실습을 하는 도중에 다음과 같은 에러가 발생해서 문 의 드립니다. 위와 같은 에러가 발생하는데 구글링을 해도 javascript 생태계에 익숙하지 않아서 그런지 원인을 찾지 못하겠습니다. babel.config.js 파일을 찾지 못해서 발생하는 문제인 것 같은데 다음과 같이 프로젝트 파일 구조상으로는 존재합니다. babel.config.js 파일의 내용은 다음과 같습니다. module . exports = { presets: [ ' @vue/cli-plugin-babel/preset ' ] } 설치된 @vue/cli version은 5.0.1입니다. 도대체 무엇이 문제인 것일까요? 아무리봐도 원인을 잘 모르겠습니다. 강사님께서 도와주시면 감사하겠습니다
안녕하세요 component에 template 항목으로 화면을 구성하는데 vue.runtime.esm.js?2b0e:619 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. 이런 오류가 발생했습니다. 한 화면에 팝업창을 하나 띄우려고하는데 큰 기능이 없어서 단순 template으로만 구성하려고 했습니다. 화면 자체 코드는 아래와 같습니다. <template> <!-- 위쪽에는 일반적인 화면 구성 --> <h4>환불 신청 및 처리 내역</h4> <div class="pay_history"> <!-- 중략 --> </div> <!-- 팝업--> <popupStatus v-if="isModal" > </popupStatus> <!-- 팝업--> </template> <scripte> var mHtml = ` <div class="pop_body"> <table></table> </div>` export default { name: 'RefundHistory', components : { 'popupStatus' : { template : mHtml } , data() { return{ isModal : true, } }, } } </script> 스택오버플로우를 살펴보니 config.js에서 runtimeCompiler: true 로 바꾸면 된다고 하는데요.. 제가 사용하려던 템플릿이 non-precompiled Vue templates. 이라고 하는데요.. 왜 이런 오류가 발생하는건가요?? 컴포넌트의 템플릿을 procompile 시키는 방법이 따로 있는걸까요? (그게 뷰 config 를 수정하는 방식인건지?), 컨피그 파일 수정 없이 procompile 된 템플릿을 사용하는 방법이 따로 있는지도 궁금합니다 .
처음에 fetch 함수를 작성하신 storage 객체를 생성하셔서 저는 그 객체에 localstorage 관련 처리 함수를 모두 정의하고 그 함수을 mutations에서 호출하여 localstorage에 대한 기능을 분리하는 것이 구현하였습니다. 저는 초기에 storage 객체를 생성하시고 fetch 함수를 만드셔서 당연히 storage 객체에 localstorage 관련 로직을 처리하는 역할을 부여하셨다고 생각했는데, 혹시 이렇게 하시지 않은 이유가 있으신지 궁금합니다.
안녕하세요, 강사님 vue-router 옵션 내부적으로 component를 등록할 때, 지역 컴포넌트로 등록된 컴포넌트는 라우팅 되지 않는 걸 확인하였습니다. 해당 사진은 공식문서를 캡쳐한 이미지인데요, this.appHeader 가 아니더라도 단순히 지역 컴포넌트가 선언된 위치를 찾아내서 연결만 시켜주면 되지 않을까 하는 생각이 있었는데 잘 안되더라구요, 그냥 전역 컴포넌트나 싱글파일 컴포넌트 체계에서 라우팅 가능하다 정도로만 이해하면 될까요? 원하는 답변을 얻지 못해 질문합니다! routes: [ { path: '/header' , component: this .appHeader, }, ], new Vue ({ el: '#app' , router, components: { appHeader: { template: '<header>app header</header>' , }, }, }); 참고한 질문
안녕하세요! 좋은 수업 늘 감사히 잘듣고 있습니다. 궁금한 점이 있어서 문의드립니다. 저는 지금 Todo App - 프로젝트 구현에서 깃헙 브랜치 안내 해주시는 부분 강의 듣고 있습니다. 깃 권한도 승인받았고, 강의해주신 경로대로 진행했는데 수업내용 올려주신 자료가 없더라구요. (TodoFooter.vue, TodoHeader.vue, TodoInput.vue, TodoList.vue) 저는 위 4가지 파일이 없고 HelloWorld.vue 파일만 있더라구요.. 터미널에 git checkout todo-app/components-implementation 하면 덮어씌워진다고 하셔서, 혹시나 제코드가 날아갈까봐 시도해보지는 못했어요. 제가 경로를 잘못타고 들어간건가요? 확인부탁드립니다.
{ id : 1 , subject : " 휴대폰 사기 " , completd : false }, 위 처럼 작성된 코드를 강사님 처럼 자동으로 아래처럼 바꾸고싶은데 어떻게 하는지 검색을 해도 잘 모르겠어요... vscode 사용하고 있습니다. {. id : 1 , subject : " 휴대폰 사기 " , completd : false },
강의 듣던 중 질문 남깁니다 저의 경우 예시처럼 하나의 state, action, mutation 파일로 나눠져 있는 것이 아닌 서비스 별로 모듈로 나눠져 각 모듈에 state, mutation, action이 있는 구조로 구현 되어 있습니다. 혹시 이런 경우에 타입스크립트로 변환을 어떻게 해야하는지 가이드 부탁드리겠습니다!
강사님 설명이 너무 부실합니다 ㅜㅜ 다른강의에서 한거라서 건너띈다는 부분이 너무 많네요.. firebase . firestore () firebase . auth (). currentUser db . collection 이런 부분 무슨 기능인지 모르겠는데 따로 제가 다 찾아봐야 되는거죠?