묻고 답해요
130만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Vue.js 시작하기 - Age of Vue.js
Vue 파일 실행 오류 관련
아래같이 했는데 vue cli 실행결과가 이렇게 나오면 어떻게 해야하는지 궁금합니다
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
vue3 강의 영상보고 여기 왔습니다. Volar로 설치하고 진행중인데요
안녕하세요저는 일단 vue3 기초영상보고 왔습니다그리고 여기 강의 실습하는 상황에 막히는 부분이 있어서 질문 드립니다.설치는 vue3 볼라로 하고 있고요뭔가 웹팩 설치도 막혔지만.. 그냥 넘겼습니다. 우선 11장까지는 잘 따라가고 있는데 12장부터 문제네요todo앱을 vuex로 바꾸는 부분부터 뭔가 잘 안되는거 같아요...volar와 vuter에 대해 vuex랑vuex헬퍼 설치나 사용법 차이가 있나요?vue3에 volar로도 vuex나 헬퍼 사용 가능하죠?
-
해결됨Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
vite-plugin-vue-layouts 종속성 충돌 관련
안녕하세요,vue-plugin-vue-layouts 설치 시 종속성 충돌 관련 에러가 발생합니다.(node 및 npm, 그리고 package.json 내용 모두 강좌와 동일하게 진행중입니다.) github issue를 보니 vite version 관련한 문제로 보인다, 4.0.0을 지원해달라 등의 이야기가 있습니다.혹시 저와 같은 문제를 겪으신 분은 안계실까요?이 때, vite 버전 문제 관련한 부분을 해결(?)한 사람이 있더라고요.https://github.com/charrue/vite-plugin-vue-layoutsa. 원본을 fork한 이 것을 프로젝트에 설치해서 사용 시에 문제가 될까요?b. a 방법보다는, 원본에 --force 옵션을 두고 설치하는 것이 더 나은 선택일까요?
-
해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
router는 스프링으로 대입하면 viewResolver가 되는건가요?
router는 화면변경이 필요할 때 필요한 링크로 이동할수 있게 연결시켜주는 것 같은데 스프링으로 보면 viewResolver가 되는건가요?
-
해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
Axios에 connection timeout과 read timeout이 없음
안녕하세요? 짐코딩님! 유익한 강의 덕분에 잘 개발하고 있습니다!^^ Axios로 개발해보니 connection timeout과 read timeout 없이 단 하나의 타임아웃만 있는것 같습니다. 파이썬 코드를 예를 들자면 아래처럼 타임아웃을 나눠 쓸 수 있습니다.아래 코드의 의미는 연결할때 1초 기다리고, 연결 이후 15초까지 연산시간을 기다려 줍니다.import requests url = 'http://example.com' try: # timeout 매개변수를 사용하여 연결 타임아웃 1초, 읽기 타임아웃 15초로 설정 response = requests.get(url, timeout=(1, 15)) # HTTP 상태코드를 확인 if response.status_code == 200: print('요청이 성공했습니다.') else: print(f'요청이 실패했습니다. 상태코드: {response.status_code}') except requests.Timeout: print('타임아웃이 발생했습니다.') except requests.RequestException as e: print(f'요청 중에 예외가 발생했습니다: {e}') 해당 기능이 중요한 이유는 연산 시간이 10초이상 걸리는 API가 있다고 가정을 할 경우, Axios 타임아웃을 15초로 지정하면 서버가 죽었을때도 유저는 무조건 15초간 대기하는 문제가 발생합니다. 하지만 위 파이썬 코드의 경우는 1초 이내로 서버 연결불가 판단을 하고 빠르게 유저에게 피드백을 줄 수 있습니다. 해당 기능이 Axios에 있는지, 만약 없다면 다른 대체 라이브러리 추천해주실수 있으실까요?감사합니다.^^
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
플러그인 등록과 모듈함수 생성 및 사용의 장단점
안녕하세요,dayjs 플러그인을 등록해서 $dayjs(Date).format('')....로 사용하는곳이 중복되는것을 보고 모듈로 만들어 사용하면 어떨까하는 생각에 따로 모듈파일을 만들고 함수로 정의해서 사용해봤습니다.함수로 정의 후 사용시 각 파일마다 import해야하는 번거로움은 있지만 .format하위 구문을 작성하지 않아도 되는 이점이 있었는데요, 플러그인으로 등록, main.js파일에서 app.use()로 사용하는것은 단지 각 파일에 import하지않고 사용하기위함인것인지 궁금합니다.추가로 플러그인으로 추가해서 사용할때는 함수로 만들어 추가할수 있는 방법이 있는지도 궁금합니다.이전 강의에서 funcPlugins를 잠깐 언급하셨지만 파라미터가 있는 경우 생각처럼 동작하지 않는 현상이 있습니다..ㅠ
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
프로젝트 실행방법..
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.안녕하세요. 질문이 생겨서 남깁니다ㅠㅠApp.vue 실행하는 방법은 알고 있는데요,혹시 예를들어서 8폴더에 있는App_computed.vue 실행하려면 어떻게 해야되나요?App_computed.vue 코드 열어놓은 상태에서 새 터미널 해도 안열리더라구요ㅠㅠ
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
components.d.ts파일이 없어도 타입에러가 없는 이유
강의에서 보여주시는 타입에러(색깔)이 나오지 않아 components.d.ts파일을 생상하지 않은 상태인데 강의시점보다 vue가 업데이트가 되서 그런걸까요 typeScript를 사용하지 않아서 그런건가요??+추가로 unplugin-vue-components를 사용해서 dts:true를 사용하지 않아도(즉, components.d.ts파일 미생성) 동일하게 진행됩니다. typeScript를 사용하지 않아서 타입에러가 없는거라면.. typescript 셋팅을 따로 해야될까요? 강의상 파일도 components.d.ts파일을 제외하면 ts파일은 보이지 않고 scripts상에서도 ts를 사용하시지는 않는것같은데 설치가 필요한지 궁금합니다.
-
해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
디렉티브 v-colak 예제 할 때 cdn으로 vue 다운로드
강사님, 디렉티브 v-colak 예제 할 때 cdn javascript 부분에 왜 주소 붙여넣기 한거인가요? 초반에 세팅할 때 vue와 관련된 모든 라이브러리 npm vue cli해서 받은거 아니였나용?? html 쪽 작업시에는 저렇게 원래 해야하는건가요?
-
미해결Vue.js 시작하기 - Age of Vue.js
수업을 진행하는데 있어서는 vue2로 설치하면 될까요?
현재 vue3, 와 2가 어떤 차이가 있는지 몰라서 질문드립니다!
-
미해결Vue.js + TypeScript 완벽 가이드
Vue3 + Typescript + Vite + Pinia 참조
안녕하세요.캡틴판교님이 vue-news를 포함하여 대부분 Vue2로 강의를 하셔서 저는 Vue3로 리팩토링 해봤습니다. 최근 Vue3로 작업(Composition API 쓰는 맛이 😇)을 많이 하시는 것 같고, 이미 저는 Tistory 블로그를 Vue3로 커스텀하여 운영하고 있기도 하고, 이번에 Typescript 강좌를 다 보면서 힘들어도 굳이 Vue3로 작업해보고 싶었거든요. 혹시나 저처럼 해보고 싶은 분들이 계실 것 같아 작업한 내용이 아래 링크에 있으니 참조하시면 편하실 것 같습니다. 🫡이전에 작업했던 vue-news는 제가 따로 GitHub에 올려놨기 때문에 그 소스를 기반으로 작업하였습니다. 아래와 같이 꽤 변경한 부분이 있으나 어느 정도 숙달된 분들은 가이드 문서 보시고 따라오시면 금방하실 거라 생각되며, 참고로 저는 Composition API로 작성하는 게 맘에 들어서 이를 적극적으로 적용하였습니다.Use Vue3, Setup Composition API, TypescriptVue-CLI -> ViteVuex -> PiniaAdd scroll event to /news URLCSS & Header https://github.com/haguri-peng/vue-news-typescript
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
변수 선언시 const로 작성하는 이유가 있나요?
제가 반응형 데이터에 대한 이해가 부족한 거일수도 있지만const로 작성을 하면 상수 취급이 되어서 데이터를 한번 선언하면 변경할수 없다고 알고 있는데,vue3에서는 const data = ref('') 또는 const obj = reactive({})등으로 변수 선언을 하더라고요제가 알던 지식으로는 let data = ref('') 또는 let obj = reactive({})등으로 변수를 선언해야 할거 같은데const로 반응형데이터를 선언했을때 어떻게 let과 같이 변수의 값이 바뀌는지 궁금합니다.(반응형데이터라서...?)
-
해결됨Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
메뉴 컴포넌트 분리..
안녕하세요~ default.vue에서 헤더의 메뉴 부분 컴포넌트를 분리해봤는데그럼 authDialog 가 활성화가 안 되더라구요..방법이 없을까요?
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
fontawesome의 icon이 제대로 작동하지 않습니다.
위의 화면캡처와 같이 알려주신대로 코딩하였으나 아래 화면캡처와 같이 브라우저에서 정상적으로 표시되지 않습니다.
-
해결됨Vue 3 중급 - Composition API
강의 노트 관련 문의입니다 :)!
안녕하세요, 이전 vuejs 3 강의부터 지금 강의까지 정말 잘 듣고 있습니다!다름이 아니라, 강의마다 말씀해주시는 '강의 하단 강의 노트'가 없는 것 같아서 문의 드립니다 😀 감사합니다!
-
해결됨호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
@Getter 애노테이션 역할
@Getter @RequiredArgsConstructor public class ErrorResponse { private final String code; private final String message; } 여기서 @Getter 애노테이션을 쓰는 이유가 무엇일까요?
-
미해결Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
비밀번호 재설정에서 질문있습니다!
안녕하세요, 파이어베이스 인증 부분'비밀번호 변경하기' 강의에서 궁금한 것이 있어 질문드립니다. 비밀번호 재설정을 위해 이메일로 재설정 링크를 발송하고재설정할 비밀번호를 입력하면이 창이 뜨는데, 여기서 저는 비밀번호 재설정 후 바로 제가 원하는 로그인화면으로 나왔으면 좋겠습니다. 상기의 화면은 제가 생성한 파일이 아니라firebase에서 보여주는 화면인데,그 부분은 어떻게 해야할까요, 그럼 확인부탁드리겠습니다감사합니다!
-
미해결vue.js 실전 프로젝트(트위터 클론)
배포 후 로그인 불가 현상
6월에 완성하고 파이어베이스 배포했을때는 정상적으로 작동을 했었는데 오늘 확인차 로그인을 해보려고 하니 이런 에러 메세지가 뜨면서 로그인 자체가 되질 않네요. 이전에 저장됐던 로그인 정보 파이어베이스 db에서 모두 삭제하고 새로 회원가입 후 로그인 했을때 현상입니다,.. 다른 아이디로 회원가입하고 로그인해도 똑같은 현상이 발생하네요.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃허브에서 강사님의 소스가 보이지 않습니다.
아래 화면캡처와 같이 깃허브에 강사님이 작성하신 스크립트가 보이지 않습니다. 실습 시 참조하기 위해 반드시 필요합니다. 기초강의때처럼 소스를 다운받을 수 있을까요?
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
목록에서 상세페이지로 넘어갈때 데이터가 안넘어가요
json-server &axios편에서 목록페이지에서 상세페이지로 갈때 데이터가 안따라와요 ㅜㅜ 로그 기록보면 아래와 같은 에러가 나오는데요 props를 인자로 못받고있는것 같은데요 해결책좀 알려주세요 GET http://localhost:5000/posts/undefined 404 (Not Found)