묻고 답해요
140만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
파라미터: props or route ? 참조 방법
안녕하세요항상 빠른 감사드립니다. 다름이 아니오라Props에 계념은 정확히 알고 있다고 생각하고 있습니다만. [id 참조하는 방법]index.js 정보를 기준으로경우 1:const route = useRoute();const id = route.params.id 경우2:Props를 기준으로 id 정보를 가지고 오는데요const props = definedProps ({id: Number}) (각설하고)props id사용할때랑route에서 제공하는 id 차이점을 알고 싶습니다.(꼭 부/자 관계도 아닌거 같고..ㅡㅡ;;) "이럴때는 route 사용 ""저럴때는 props 사용 "언제나 감사드리는 코딤님...쾌변 부탁드립니다. 이제 가을 이네요... 즐거운 명절 보내세요
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
vue 관련 다른 강의 출시예정이없으신지 궁금합니다!
안녕하세요~끝장내기 수업 정도나 이상의 긴호흡의 강의는출시하지 않으실 예정이신지궁금 합니다!
-
미해결호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
collaboator로 초대받을 수 있을까요??
당연히 구글링 해보셨져? 원하는 결과를 못찾으셨나요? 어떤 검색어를 입력했는지 알려주세문제가 발생한 코드(프로젝트)를 Github에 올리시고 링크를 알려주세요.안녕하세요 호돌맨님.덕분에 강의 잘 듣고있습니다.깃헙 collaboator로 초대받을 수 있을까요?깃헙 아이디는 sol4854@naver.com 입니다!감사합니다.
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
history mode로 배포 시 404 페이지 반환 관련
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요, 매번 빠르고 친절한 답변 주셔서 감사합니다!짐코딩님 덕분에 밥 벌어먹고 삽니다..ㅎㅎ 강의 내용 중에 대부분의 서버는 root로 요청하면 index.html 파일을 돌려준다그런데, 전체 경로(ex. localhost:3000/posts)로 요청했을 때, 해당 경로에 index.html 파일이 있지 않는 이상 404 오류를 만나게 된다history mode로 요청 시 전체 경로로 요청한다따라서, history mode로 배포할 때는 서버에 추가 설정이 필요하다 요러한 내용이 있었습니다.제가 의아한 부분은..여기서 말하는 '서버'는 웹서버를 의미하는 걸까요? 이 부분에 대해 신경쓰지 않고, history mode로 build, deploy한 개인 프로젝트가 있습니다. 저는 history mode 배포를 위해 특별한 설정을 하지 않았으나 문제 없이 동작하고 있습니다. (여기서 문제가 없다는 건, root 요청이 아니더라도 404를 돌려주지 않고 제가 설정한 Router 정보대로 페이지를 보여줍니다). 그래서 아리까리 한데요.. 제가 이 부분에 대해 조금 더 알아볼 수 있는 학습자료를 공유해주실 수 있을까요?
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
커리큘럼: Alert 콩통 컴포넌트
Alert 공통 컴포넌트 1 .수정이 완료되었습니다.네트원크 오류! 로 설명하고 계시는데요 전 API-Server 내리고 화면 설명하시는데로 refresh했더만... 사이트에 연결할 수 없음127.0.0.1에서 연결을 거부했습니다.다음 방법을 시도해 보세요.연결 확인프록시 및 방화벽 확인ERR_CONNECTION_REFUSED 위 화면을 볼 수 있는데요... 그냥 서버만 내리면"네트워크 오류" 메시지가 노출 되는 게 맞는지요? 코딩님... 쾌변 부탁드려요.. ㅡㅡ;;
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
실무에서 lifecycle hook이 사용되는 예
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요!lifecycle hook이 이론적으로는 이해가 가지만,실제로 어떻게 사용되는지에 대한 의문이 있습니다..! 예를 들어, onMounted()는 어떻게 사용할 수 있을까요?API 호출을 여기서 하는 것이 최적일까요? onUnmounted()는 무엇을 위해 사용할 수 있을까요? 짐코딩님의 경험과 생각이 궁금합니다!
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
inheritAttrs: false 명시 유무와 v-bind="$attrs" 사용 가능 여부의 관계
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요,강좌 17:39 전후로 해서root element가 n개인 자식 component에서 특정 element에 $attrs를 v-bind 하지 안흐면 run time warning이 발생한다는 설명을 해주셨습니다. 그런데 이 상황에서 inheritAttrs: false를 선언하지 않아도v-bind="$attrs"가 동작해서 run time warning이 사라졌습니다. inheritAttrs:flase를 선언하여구조상 상속을 비활성화해야만v-bind="$attrs"를 설정할 수 있는게 맞지 않나요~?이 과정에서 제가 잘못 이해한 부분이 있을까 싶어 짐코딩님께 여쭤봅니다.
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
vue3 + typescript 강의 계획은 없나요?
vue3 + typescript 강의 계획은 없나요? 실무적으로는 typescript를 많이 사용할것 같은데... 아닌가요?적당한 강의를 찾을수 없네요.
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
코드 정렬...
환경설정..확장팩은 잘 설치 해서 사용하고 있는데요...코딩님..강의를 보다보면...함수를 정의한후... 바로 ... 아규먼트들이 바로 개행이 되는 데.. [before]<button type="button" class = "블라블라" @Click="함수" > 하시면 바로[After]<button type="button"class- "btn button ..블래블라"@Click = "함수"/>로 개행되는것을 볼수 있는데요... 설치된 확장팩 중에 따로 설치 or 설정을 해야 하는지...제가 단축키를 못찾고 있는지..(일반적인 소스(format) 정렬.. .. 기능 말고요...)쾌변 부탁드려요..코딩님.. ^^;;주야장천.. 함수정의하고 아큐먼트..엔터질 ..지겼습니다요..
-
미해결Vue 3 중급 - Composition API
volar 확장 기능이 현재 미지원으로 뜹니다.
vue - official은 설치되어 있는데 강의 내용중 TodoHeader 자동 import가 먹지 않습니다. 가능한 다른 루트가 있는 걸까요?
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
watch의 인자로 ref 변수 사용할 때 .value를 붙이지 않는 이유
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요!<script> 에서 반응형 데이터를 사용할 때 .value를 통해 접근하고 있습니다.그런데 watch의 첫번째 인자로서 이를 사용할 때는 .value를 사용하지 않는 것이 희안해보입니다.이렇게 사용하는 논리적인 이유가 있을까요?아니면 그냥 그런 것이다! 하고 지나가면 되는 문제일까요!
-
미해결Vue 3 중급 - Composition API
vb 입력 후 스마트 완성이 뜨지 않습니다.
vb 입력 후 스마트 완성이 뜨지 않습니다. 대신 vueInit으로 진행하고 있기는 한데 어떤 세팅이 덜(잘못) 되어 있는걸까요?
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
json-server site 내용
안녕하세요강의 잘 듣고 있습니다. ^^다름이 아니오라...강의중...json-server (github.com/typicode/json-server)READ .ME 내용이 다른거 같은데 우째 해야 하나요? ex: Total 검색도 안되고.. (화면에 없으니 검색이 안되겠지요)강의 화면 위에 주소를 접속해서 보고 있는데...이유가 뭘까요?전 없어요....ㅠㅠ;;ex: slice
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
vite.config.js 에서 지속적으로 에러가 납니다.
import { fileURLToPath, URL } from 'node:url' import Components from 'unplugin-vue-components/vite' import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev/config/ export default defineConfig({ plugins: [ vue(), Components({ dirs: [''], dts: true }), ], // mode: 'production', resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)) } }, build: { outDir: 'dist' } })failed to load config from C:\Users\woon\Desktop\frontend\urround-service\vite.config.jserror when starting dev server:Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'unplugin-vue-components' imported from C:\Users\woon\Desktop\frontend\urround-service\vite.config.js.timestamp-1724040920571-652e4de7c8db4.mjsat packageResolve (node:internal/modules/esm/resolve:854:9)at moduleResolve (node:internal/modules/esm/resolve:927:18)at defaultResolve (node:internal/modules/esm/resolve:1169:11)at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:383:12)at ModuleLoader.resolve (node:internal/modules/esm/loader:352:25)at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:227:38)at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:87:39)at link (node:internal/modules/esm/module_job:86:36) npm run dev시 위와 같은 에러가 납니다.어느 부분을 봐야할까요?unplugin-vue-components install 도 해보았습니다
-
미해결Vue.js 시작하기 - Age of Vue.js
vue3 css 경로 표시 문의
안녕하세요. 현재 vue3 환경으로 진행 중 개발자 도구로 css 요소검사를 하면 해당 css 경로가 보이질 않습니다. 예를 들어 개발자도구로 a 요소를 선택하면 해당 a 가 표기된 css 가 보여야 하는데 현재 <style> 로만 표시가 되어서 해당 요소가 어떤 css 파일에 들어있는지 파악하기가 어렵습니다.(현재 상태) (원하는 경로가 표시 되었을 경우 - 이건 예시예요!)혹시 위 사진처럼 css 경로가 표기될 수 있는 방법이 있을까요?
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
코드에서 $i18n, $route 등 provide로 제공된 객체가 템플릿에서 붉은색으로 표시됩니다.
안녕하세요. 좋은 강의 잘보고 있습니다.강의를 진행하면서 한가지 문제가 있어서 문의드립니다.아래 스크린 샷과 같이 nuxtApp.provide 또는 Auto-Import 된 모듈을 Template 영역에서 사용하면 아래와 같이 속성을 찾을 수 없다는 에러가 발생합니다. index.d.ts 또는 타입을 추가하면 해결될 것으로 보이긴 하지만, 강의에서는 딱히 타입을 추가로 정의하지 않은 것으로 보이는데 어떤 설정을 추가해야 정상적으로 타입스크립트가 속성을 인식할 수 있는지 궁금합니다. 감사합니다.
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃허브 권한 요청 드립니다.
인프런 아이디 : ljm5697인프런 이메일 : ljm5697@naver.com깃헙 아이디 : ljm5937@gmail.com깃헙 username : zzeongm
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
Reactivity Transform 폐기한다고 합니다!
-
미해결Vue 3 시작하기
LEARN-VUE-JS 프로젝트 질문
vue.js 공부를 하려고하는데 LEARN-VUE-JS프로젝트는 깃헙에서 다운받으면 되는건가요?? 아니면 프로젝트 어떻게 만들고 진행하는지 궁금합니다.
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
router-view에 props를 어떻게 넘길 수 있나요?
vue-cli로 프로젝트를 생성한 후, vue-router로 페이지까지 설정한 상태인데요. 라우터 설정을 통해 url에 따라 view파일 안의 vue파일들이 출력되고 있습니다.또 view 파일의 vue파일들은 components 파일의 vue파일이 연결되어있는 상태인데, 제가 원하는 것은 App.vue의 data값을 components 파일의 AppTitle에 props로 내려주는 겁니다.어떻게하면 구현할 수 있을까요 도움 부탁드립니다!