172만명의 커뮤니티!! 함께 토론해봐요.
미해결
프로젝트로 배우는 Vue.js 3
res.data는 객체이기 때문에 todo.value = res.data 와 origivalTodo.value = res.data 는 다른 메모리 주소에 할당되는 것이 아닌가요?
미해결
PWA 시작하기 - 웹 기술로 앱을 만들자
인프런 아이디 : bjs2417@inswave.com 인프런 이메일 : bjs2417@inswave.com 깃헙 아이디 : qornwh@gmail.com 깃헙 Username : qornwh
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
선생님 composable/alert.js 만들기 전에는 alert창이 잘 뜨다가 아래처럼 했는데 안떠서요~ 다른 이유가 있을까요?
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
<template> <div> <ul> <li v-for="(todoItem, index) in todoItems" v-bind:key="todoItem.item" class="shadow"> <span v-on:click="toggleComplete(todoItem, index)"> <i class="checkBtn fas fa-check" v-bind:class="{ checkBtnCompleted: todoItem.completed }"></i> </span> <span v-bind:class="{ textCompleted: todoItem.completed }">{{ todoItem.item }}</span> <span class="removeBtn" v-on:click="removeTodo(todoItem, index)"> <i class="fas fa-trash-alt"></i> </span> </li> </ul> </div> </template> i 태그를 span 안에 넣은 이유는 클릭해도 아무 반응이 없어서 span 안에 넣었습니다. completed 관련한 v-bind는 새로고침 안해도 바로 반영되는데 checkBtnCompleted 관련한 v-bind는 새로고침 해야지 체크표가 회색으로 변합니다. 어디가 문제인지 모르겠습니다
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
Todo-Header.vue 파일에 코딩된 내용은 아래와 같습니다. <template> <header> <!-- <h1>TODO it!</h1>--> <h1>{{ this.$store.state.headerText }}</h1> </header> </template> 위 코드를 실행했을때 store 못 찾는 다고 나오는데 이유를 모르겠네요 ㅠ.ㅠ [Vue warn]: Property or method "store" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties . found in ---> <TodoHeader> at src/components/TodoHeader.vue <App> at src/App.vue <Root>
미해결
Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
권한 요청드립니다. 인프런 아이디 : pm@nuriapp.co.kr 인프런 이메일 : pm@nuriapp.co.kr 깃헙 아이디 : mursh330@gmail.com 깃헙 Username : jooahnlee 감사합니다!
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
vite로 프로젝트 설치 시, 영상과 다르게 extentsion설치에 대한 문의가 없어 바로 설치를 하였고, eslint의 경우 npm으로 별도 설치 하였더니 영상에 보이는 cjs 파일이 보이지 않습니다. rules세팅을 어떻게 해야 할까요?
미해결
호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
실무를 하다 보면 다양한 Exception이 많이 나오게될텐데 그럴때마다 Exception파일을 만들어서 상속 받은 뒤 처리를 하시나요?? 그러면 엄청나게 많은 Exception파일들이 생길 것 같아서요!! 아니면 공통적인 Exception들만 ExceptionHandler로 잡아서 에러처리하고 공통적이지 않은 Exception들은 어떤식으로 처리하는지 궁금합니다. 저희 회사같은 경우는 Enum클래스에 여러가지 상황에맞는 상태코드와 문구를 설정해두고, 해당 상황이 나오면 상태코드와 문구를 Json데이터에 세팅하여 내려주더라구요. 반면에 ExceptionHandler는 사용하지 않고 있어요. 호돌맨님은 어떤식으로 처리하는지 궁금하여 질문드립니다.
미해결
Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃을 클론하려다 키체인 문제가 쉽게 해결되지 않아서 다운받아 압축을 풀고 Visual Studio Code에서 폴더에 접근하였습니다. 이후 common 폴더에서 npm install을 하였더니 아래와 같은 에러가 발생했습니다. 그래서 npm audit fix --force를 실행하였는데 (sudo 붙여서도 확인) 아래같은 로그가 뜨네요.. 이후 그냥 npm run serve로 실행시켜보려고 했는데 아래와 같은 타입 에러가 발생했습니다. 이래저래 방법을 찾아보다가 현재는 아래 네 개의 항목이 설치가 안되는 것 같은데 혹시 어떻게 해결하면 좋을까요?
해결됨
Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
안녕하세요. "Alert Store 만들기" 영상을 보고 의문이 생겨 질문드립니다. 제 생각에는 compasable과 pinia는 유사한 구현방법으로 똑같은 목적을 달성하는 것 같아 보입니다. 우선 제가 이해한 내용은 이렇습니다. composable은 반복되는 로직을 분리해 재사용성을 높이기 위해 사용하는 개념 pinia는 전역적으로 상태(+그리고 상태를 관리하기 위한 메소드)를 관리하기 위한 도구 강의영상에서는 composable의 형태로 구현했던 alert를 pinia로 재구현 해주셨습니다. 이렇게 상태가 포함되는 로직은 composable보다 pinia로 구현하는 것이 더 적절한가요? pinia로 구현했을 때 성능, 프로젝트 가독성(?) 등의 여러 방면에서 어떤 이점이 있는지 잘 모르겠습니다. 혹시 선생님이나 다른 분께서 알려주실 수 있을까 해서 질문드립니다. 감사합니다.
해결됨
호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
보통 암호화하는 클래스들을 static 유틸클래스들로 만들었었는데 이런 static유틸클래스와 @Component를 달아서 사용하는 유틸클래스는 어떤 차이를 만들어낼수있는건가요..? 제가 생각했을땐 유틸클래스를 스프링 빈으로 관리하겠다는 생각만 떠오르는데.. 이해할수있을만한 예시가있을까요..? 제가 못찾는건지 마땅히 그럴싸한 자료를 못봤던것같아서요 ㅠ 강의도중 @Component얘기가 잠깐나와서 생각이나서 질문드려봅니다...
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. 오늘 수업에서 Promise 객체를 다루면서 async, await를 알려주셨습니다. 그런데 Promise 객체를 다룰 때, 해당 함수의 return을 받을 필요가없다면 async, await를 명시하지 않아도 되는건가요? PostCreateView.vue 파일의 save() 함수에서 createPost() 함수를 사용할 때 이러한 부분이 있었습니다.
미해결
호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
스프링부트 3.0.2로 따라하고 계신분들을 위한 공유입니다. queryDSL implementation 'com.querydsl:querydsl-jpa:5.0.0:jakarta' annotationProcessor "com.querydsl:querydsl-apt:${dependencyManagement.importedProperties['querydsl.version']}:jakarta" annotationProcessor "jakarta.annotation:jakarta.annotation-api" annotationProcessor "jakarta.persistence:jakarta.persistence-api" Spring REST Docs ext { asciidocVersion = "3.0.0" } 버전을 3.0.0으로 지정 application.properties spring.h2.console.enabled=true spring.datasource.url=jdbc:h2:mem:test spring.datasource.driver-class-name=org.h2.Driver spring.datasource.username=sa spring.datasource.password=
해결됨
Vue.js 시작하기 - Age of Vue.js
main.js 파일의 import 부분에서 오류가 납니다. 이미 사전에 동일한 질문이 있길래 똑같이 적용시켜보려했지만 윈도우 10 환경이라 그런지 저에게는 우측하단에 ESLint를 변경하는 버튼이 없더라고요.. 어떻게 해결해야 할까요..?
미해결
프로젝트로 배우는 Vue.js 3
computed 와 검색 기능 추가 영상 보면서 힘든 부분이 있어 작성해 보았습니다. - filteredTods = computed() => {~~~} searchText 를 변경했다고, 해당 computed가 작동하는 이유를 알고 싶습니다. - todos Add 하는 작업에서는 어째서, filteredTods = computed() => {~~~} 가 작동하지 않는 이유도 알고 싶습니다. - 결국 filteredTods = computed()에 정확한 이벤트 타이밍을 알고 싶습니다. [내가 원치 않는 곳에서 작동하면 안되니까]
미해결
호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
노동요로 좋네요ㅇㅅㅇ
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
<template> <button @click="objChange">obj 바꾸기</button> </template> <script> import { reactive, ref, watch } from 'vue'; export default { setup() { const x = ref(0); let obj = reactive({ count: 0, message: 'hi', object: { num: 0 }, array: [1, 2, 3], ref: x, }); const objChange = () => { console.log(obj); obj = { a: 1 }; console.log(obj); }; watch(obj, (newValue, oldValue) => { console.log('newValue: ', newValue); console.log('oldValue: ', oldValue); }); return { x, obj, objChange }; }, }; </script> 버튼을 눌러서 obj 값을 {a : 1} 로 바꾸면 왜 watch 콜백함수가 실행이 안되나요? {a : 1}이 반응형 객체가 아니어도 처음에 바뀔때는 실행 될 거라고 생각했습니다 혹시나 해서 obj를 반응형 객체로 바꿔도 watch 콜백함수가 실행이 안되는데 왜 변화를 인지 못 하나요?
해결됨
Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
안녕하세요? 해시 모드가 서버에 덜 요청함으로써 리소스를 아껴줄 수 있을 꺼 같은데요. 제생각엔 클라우드 서비스를 이용할 때나 서버 자원이 부족할 때 쓰면 좋을 것 같다는 생각이 듭니다. 혹시 관련하여 어떻게 생각하시는지요? 감사합니다.
미해결
실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
강의를 새로 들을때마다 lite-server가 구동되지 않는데, 제가 git을 잘못 다루고 있는거 같습니다... 강의 열릴때 visual스튜디오 코드 연다음에 git bash에다가 git checkout -f 1-vanilla/scafolding cd 1-vanilla lite-server 을 했거든요....! 어떻게 해야 이전 강의와 연결되서 lite-server구동할수 있을까요?
해결됨
호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
@Configuration public class WebMvcConfig implements WebMvcConfigurer { @Override public void addInterceptors(InterceptorRegistry registry) { registry.addInterceptor(new AuthInterceptor()); } } @Slf4j public class AuthInterceptor implements HandlerInterceptor { @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception { log.info(" >> preHandle"); return true; } @Override public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception { log.info(" >> postHandle"); } @Override public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception { log.info(" >> afterCompletion"); } } 호출이 여러번 되는 현상이 발생합니다. preHandle 로그가 3번 찍혀요. 검색하여 기본 + 2번 더 호출된다는 글을 보았으나, 제게는 해결책이 아니었습니다. ( https://okky.kr/articles/598386 ) 2번 더 호출 될 때에는 request.getParameter null로 넘어옵니다. (acceessToken까지 진행해보다가 롤백했어요 ... 이거부터 해결이 되어야해서 ㅠ.ㅠ) 도와주세요 호돌맨님! (git 주소 가렸어요 ! :D)
