묻고 답해요
140만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
post[0].id 관련 질
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. post[0].id 가 Number라서 router를 수정 하는 것 대신에:id="posts[0].id.toString() 을 해주면 안되나요? 뭔가 나중에 오류가 발생할 가능성이 있나요??
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
getPosts(params.value) 이슈
const fetchPost = async () => { try { const { data, headers } = await getPosts(params.value) posts.value = data totalCount.value = headers['x-total-count'] } catch (error) { console.error(error) } } watchEffect(fetchPost)const { data, headers } = await getPosts()로 요청하면 db.json에서 요청한 GET을 모두 가져오는데 params.value만 넣으면 가져오질 않습니다.Axios 모듈, 라우터 모두 다 점검해 봤지만 에러는 나지 않고 있습니다.
-
미해결[웹 개발 풀스택 코스] Vue.js 프로젝트 투입 일주일 전 - 기초에서 실무까지
cors 에러
안녕하세요. json-server로 await this.$get()을 실행하니 CORS 오류가 발생합니다.강의 중에 언급한 부분을 놓친 건지.. 어떤 부분을 체크하면 될까요?감사합니다.
-
미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
q-tab 오류 문의
<q-tabs v-model="tab" class="bg-grey-9" dense align="justify"> <q-tab class="text-orange" name="C" icon="mail" label="콘텐츠 등록" /> <q-tab class="text-cyan" name="M" icon="alarm" label="메뉴 등록" /> </q-tabs> <div class="col-8"> <q-form @submit.prevent="handleSubmit"> <q-card-section class="q-gutter-y-sm"> <div class="flex justify-between"> <q-select v-model="newCategory.majorCategory" outlined :options="majorCategoryOptions" emit-value map-options option-value="value" option-label="label" placeholder="::대분류선택::" style="width: 300px" > <template v-if="!newCategory.majorCategory" #selected> <span class="text-grey-7">::대분류선택::</span> </template> </q-select> <q-select v-model="newCategory.middleCategory" outlined :options="middleCategoryOptions" emit-value map-options option-value="value" option-label="label" placeholder="::중분류선택::" style="width: 300px" > <template v-if="!newCategory.middleCategory" #selected> <span class="text-grey-7">::중분류선택::</span> </template> </q-select> </div>분류 선택 없이 탭메뉴 이동 시에는 해당 영역의 카테고리를 잘 불러 옵니다.하지만 분류 카테고리를 선택후 탭메뉴를 이동시에 오류가 발생 합니다.변수 초기화 (탭메뉴 이동시)const getInitialForm = async (cinfo = 'C') => { newCategory.value = { parent: null, majorCategory: null, middleCategory: null, subCategory: null, detailCategory: null, ctitle: '', ccode: '', clevel: 0, cinfo: cinfo, order: null, open_flag: 'Y', clink: '', }; tab.value = cinfo; // Ensure the tab reflects the initial cinfo value // Initialize category options majorCategoryOptions.value = []; middleCategoryOptions.value = []; subCategoryOptions.value = []; detailCategoryOptions.value = []; }; // 대분류 const fetchCategories = async () => { try { const result = await get_category_child(null, newCategory.value.cinfo); majorCategoryOptions.value = result.map(cat => ({ label: cat.ctitle, value: cat.ccode, })); middleCategoryOptions.value = []; subCategoryOptions.value = []; detailCategoryOptions.value = []; } catch (error) { console.error(error); } }; // 카테고리 선택에 따른 하위 카테고리 갱신 watch( () => newCategory.value.majorCategory, (newValue, oldValue) => { if (newValue !== oldValue && newValue !== null) { fetchMiddleCategories(newValue); } }, ); 탭메뉴 이동시에 초기화도 진행 하였습니다만 계속 오류가 발생하는데 조언 부탁 드립니다. 감사합니다.
-
해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
$router 를 이용한 메인 페이지로 이동
안녕하세요. 5_styling 브랜치를 받고 2개의 에러를 수정이후 메인페이지 이동을 위한 this.$router.push('/main') ; 코드를 입력하면 아래와 같은 의존성 문제가 발생합니다.어떻게 해야 할까요?routers/index.js 에는 .. 아래 코드 추가해 주었습니다. { path: '/main', component: () => import('@/views/MainPage.vue'), },
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
강의 동영상 재생 오류
강의가 재생이 안됩니다.다른 강의는 재생이 되네요.이상하네요. 다른 기기로(테블릿)는 또 재생이 되고폰으로는 안되는데더 이상한건 폰으로 할때도 이 강좌 말고 다른 강좌는 이상이 없으니 브라우저 문제도 아니고...
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
vuex 실행시 새로고침해야지만 리스트에 나타나는 현상
안녕하세요!강의 듣으며 코드 작성중에 있는데vuex로 코드를 작성하게 되면서 props데이터를 삭제하고 store.js로 mutation로 app.js에 있는 methodsf를 옮기게 되면서 새로고침해야지만 리스트가 추가/삭제되는 현상이 나타나고 있습니다. 다시 삭제했다가 작업해도 마찬가지네요.. 코드양이 너무 방대해서 올리기는 어려울것 같고 혹시 버전차이에 문제일수도 있나요? vue devtools에는 실시간으로 나타나는걸로 보입니다...
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
export default 관련한 질문
안녕하세요 Modules 단계를 듣다가 궁금한 점이 생겨서 여쭤봅니다. export default {} 를 해야 import 를 할 수 있는 것으로 이해 하였습니다. 그런데 TodoHeader.vue 의 경우 스크립트 단을 아예 만들지 않아서 export default {} 가 없는데 어떻게 App.vue 에서는 TodoHeader를 import 할 수 있는 걸까요? 제가 예상하기로는 export default 단위 블록 안에 아무 내용이 없으면 생략 가능한 것 아닐까 라는 생각을 해보았는데 혹시 맞을까요?
-
해결됨Nuxt.js 시작하기
공식홈페이지에 설치방법이 바뀐거같아요
npx nuxi@latest init <project-name>만 남아있고 npm설치방법은 안보이는데말씀주신 방법도 작동은하네요 공식홈페이지에 적힌 방법과 말씀주신방법으로 생성하는게 폴더구조가 완전히 다른데 괜찮은건가요?
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
vscode 자동완성 관련하여 동작하지않을 때가 있습니다..
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. 현재 vue3 강의 열심히 듣고 있는데요, 가끔 vscode에서 vue 파일을 생성하고 나면 해당 파일을 인식하지 못해서 자동완성 같은 것이 안될 때가 있습니다. 이럴 때 vscode를 껐다가 키면 다시 인식하기는 하는데 원인을 찾아봐도 알 수가 없네요.. 이는 짐코딩님이 알려주신 환경이 아닌 vscode로 vue를 사용할 때 전반적으로 나타나는 현상 같은데요, 혹시 이런 현상이 발생하지않으시나요? 혹시 발생하신다면 극복 방법이나 팁 같은 것 있으신가요? 안될 때마다 vscode를 껐다 키는 것이 너무 불편하네요..
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃허브 vue-todo 접근불가에 따른 확인요청
깃허브 권한이 별도 없다고해주셨는데, 아래와같이 vue-todo 접근이 불가해서 확인부탁드리려합니다.
-
해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
번외 질문이긴 하지만 궁금합니다.
안녕하세요. 짐코딩 님, 매번 신기술이 나오는데 예를 들어 현 강의 주제인 vue가 처음 나왔을 때 학습하신 방법이 궁금합니다. 어떤 경로를 통해 처음 학습 하시는 건지 궁금합니다. 공식 문서나 관련 도서를 통해 공부하시는지 아님 다른 경로를 통한 것인지 궁금합니다.
-
해결됨Vue 3 시작하기
vue 개발자도구 refresh event 문제
component events에서 refresh log가 보이지 않습니다.component의 event listners에서 refresh: not declared인 것이 문제일까요?코드도 함께 첨부합니다.
-
미해결호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
dto 변환
회원가입과 비밀번호 암호화 - 1에 5분 10초 정도 쯤에 dto를 서비스 계층으로 바로 넘기는 것이 안 좋다고 호돌님께서 말씀하셨습니다. 그래서 궁금증을 해결해 보고자 검색을 해봤습니다. 근데 dto를 컨트롤러 계층에서 엔티티로 변환하고 서비스 계층으로 넘겨야한다는 의견도 있고 컨트롤러에서 변환하고 넘기는 것보다 서비스 계층에서 dto를 변환해야 한다는 의견이 있는데 호돌님께서 말씀하신 것이 제가 고민하고 있는 것이 맞는지 알고 싶고 호돌님께서는 왜 dto를 서비스 단에 바로 넘기는 것이 안 좋다고 했는지 궁금합니다.!! 의견이 너무 갈려서 뭐가 맞는 방법인지 헷갈리네요
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
컴포넌트에 props내리는법에 대해 질문
컴포넌트에 props내릴때 질문 있습니다.회사 프로젝트중에 팝업창을 띄울일이 있었고, 팝업창을 띄울때 데이터를 props로 넘겨줘야 할 일이 있어서props로 넘겨줬습니다. //팝업에 props로 데이터 넘겨주는 부분 <MNGDA0030Popup ref="mNGDA0030Popup" :cmpny-div="searchPopupParam.CMPNY_DIV" :year="searchPopupParam.YEAR" :asgn-full-nm="ASGN_FULL_NM" :bsns-cd="searchPopupParam.BSNS_CD" :asgn-cd="searchPopupParam.ASGN_CD" :in-out="searchPopupParam.IN_OUT" :seq="searchPopupParam.SEQ" /> //props 받는부분 const props = defineProps({ cmpnyDiv: { type: String, default: "", }, year: { type: String, default: "", }, asgnFullNm: { type: String, default: "", }, bsnsCd: { type: String, default: "", }, asgnCd: { type: String, default: "", }, inOut: { type: String, default: "", }, seq: { type: Number, default: "", }, })let searchParams = reactive({ CMPNY_DIV: useUserStore.company, YEAR: props.year, BSNS_CD: props.bsnsCd, ASGN_CD: props.asgnCd, IN_OUT: props.inOut, SEQ: props.seq, }) console.log("프롭스", props) console.log("서치파람", searchParams)제 질문은console.log("프롭스", props)props를 콘솔 찍었을땐 값이 제대로 들어가는데,searchParams에 따로 값을 할당해서 찍어보면 값이 들어가지 않습니다. 제 생각에는 props로 넘기고, 값을 할당했을때 반응성을 잃어 버린거 같습니다.그래서 toRefs?로 감싸봤지만 해결하지는 못했습니다.props.데이터 등으로 개발은 할수 있겠지만searchParams에 props데이터를 할당 하는 방법이나 짐코딩님 강의중 어떤 부분을 다시 보면 될지 알수있을까요?
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
fontawesome의 icon이 제대로 작동하지 않습니다.
위의 화면캡처와 같이 알려주신대로 코딩하였으나 아래 화면캡처와 같이 브라우저에서 정상적으로 표시되지 않습니다.
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
게시판 UI 만들기
UI 화면 만들기 편을 보면서 궁금한 점이 생겼습니다. 다름이 아니오라..궁금한 점:route 로 구현 (setting)하면서 화면을 만들고 이동을하고 있는데요... (당근?)그러면 ... 보여줄 화면이 많을때... 아주 많을때는 ... 어떻게 처리를 하는지 ( 소스 관리)지요...... 파일로 처리를 하나? ? (제 생각에는 ..다른 방법이...궁금)URL에 따라 뿜빠이(^^)를 하는지.. 열강중에 궁금한 점이 .... ??? 화면(본수)이 정말 많을때 ..어떻게 처리를 하는지.... index.js import ... 화면1.vue;import ... 화면2vue;import ... 화면3.vue;import ... 화면4.vue;import ... 화면5.vue;import ... 화면6.vue;,,import ... 화면N.vue;화면(100개 (이상? ㅋㅋㅋ) ... 이럴때 말이줘... 화면 100개: 화면당 ***.vue 파일 100개?... (이건 아닌듯..)(암튼..화면 겁내 많음..... ) URL_listView.vue 같이URL 정보를 다른 파일을 따로 만들어 처리를 해야 하는지?(아무래도 ...이방법이...흐음...)...짱~ 코딩님... 질문 마치겠습니다.
-
미해결Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
IntelliJ 환경에서 UnpluginViewRoute 설치 후 route 태그를 읽지 못하고 있습니다.
인텔리제이에서 작업해야하는 환경이라 최대한 환경설정을 맞추면서 하고 있습니다 router들은 잘 반영이 되어있고 화면에서도 Default Layout 은 적용되어 있는 상태인데, route 태그를 통해 meta 및 layout을 변경하려고 할 때 적용이 되지 않습니다.혹시 이유를 알 수 있을까요?
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
섹션4 >alert > validator오류
validator 경고가 떠서 어떤 부분에서 경고가 뜨는지 알 수가 없어서 질문드립니다!
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
강사님 최신화가 필요해보입니다.
vue-til-server 때문에 node 버전 10 버전대로 하면 vue cli 가 설치가안됩니다. 그래서 노드 버전을 올려서 vue cli 설치하고 나면 맨위 서버가 스타트가 안됩니다. 이 문제를 도대체 어떻게 해야하나요. 진도를 못나가서 답답하네요.