묻고 답해요
131만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
호돌센세 안녕하세요 auth.http에서 로그인시 자꾸 500 에러가 뜹니다..
https://github.com/incheol789/hodolog.git깃허브에 파일 올려두었습니다..날이 많이 덥습니다.. 더위 조심하세요!
-
미해결Vue.js + TypeScript 완벽 가이드
vuex 사용시 mapper 보다는 그냥 쓰는 것이 낫다고 하셨는데요..
vuex 사용시 mapper 보다는 그냥 쓰는 것이 낫다고 하셨는데요.관련해서 찾아보니 해당 내용이 잘 안보입니다 관련 포스팅이나 글 같은 것을 볼 수 있을까요?저도 mapper 보다는 this.$store.dispatch등이 낫다고 생각하는데요. 논리를 조금 더 단단히 하고 싶어서 다른 글들도 궁금합니다.
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
섹션1. layouts > TheHeader.vue, TheView.vue 에러
layout > .vue 파일들을 만든 후,강사님과 똑같이 복붙했지만 어떤 이유에서 빨간색물결과 에러가 확인됬습니다. 이것은 eslint에서 잘못 설정한 문제가 있을까요??
-
해결됨Vue.js + TypeScript 완벽 가이드
권한 허가 부탁드립니다!
깃 계정 : pms16011172@gmail.com 입니다.
-
미해결호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
Count 쿼리 발생에 대해 궁금합니다.
안녕하세요 호돌맨님 ! 질문이 있습니다 !!Pageable 을 사용해서 페이징 구현 시 Full Scan 을 하기 위해 Count 쿼리가 발생하는걸 확인했는데, Pageable 에서는 페이징 처리를 위해 총 데이터의 개수를 파악해야 하기 때문이니까 Count 쿼리가 필요한거고 Querydsl 은 직접 limit 값, offset 값을 지정하기 때문에 Full Scan 할 필요가 없으니 Count 쿼리가 필요없는게 맞을까요 ?
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
권한요청 드립니다.
인프런 아이디 : @rnrn48159인프런 이메일 : rnrn48159@gmail.com깃헙 아이디 : rnrn48159@gmail.com깃헙 Username : thomasisong
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
defineasynccomponent 을 이용한 Dynamic components 구현
Dynamic components 이용해서 tab 구성에 관한 강의를 해주셨는데요. 관련 소스를 찾다보니 vue3에서 defineasynccomponent으로도 구현이 가능한것으로 보입니다. defineasynccomponent을 이용한 tab 구성 관련해서 관련 설명 좀 부탁드립니다.
-
미해결Vue.js + TypeScript 완벽 가이드
Chart.js(3.9.1버전) 안되시는분들 이렇게 해보세요
<template> <div> <canvas id="myChart" width="400" height="400"></canvas> </div> </template> <script lang="ts"> import Vue from "vue"; import { Chart, registerables } from "chart.js"; Chart.register(...registerables); export default Vue.extend({ mounted() { const ctx = ( document.getElementById("myChart") as HTMLCanvasElement ).getContext("2d"); if (ctx) { const myChart = new Chart(ctx, { type: "bar", data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [ { label: "# of Votes", data: [12, 19, 3, 5, 2, 3], backgroundColor: [ "rgba(255, 99, 132, 0.2)", "rgba(54, 162, 235, 0.2)", "rgba(255, 206, 86, 0.2)", "rgba(75, 192, 192, 0.2)", "rgba(153, 102, 255, 0.2)", "rgba(255, 159, 64, 0.2)", ], borderColor: [ "rgba(255, 99, 132, 1)", "rgba(54, 162, 235, 1)", "rgba(255, 206, 86, 1)", "rgba(75, 192, 192, 1)", "rgba(153, 102, 255, 1)", "rgba(255, 159, 64, 1)", ], borderWidth: 1, }, ], }, options: { scales: { y: { beginAtZero: true, }, }, }, }); } }, }); </script>
-
미해결Vue.js + TypeScript 완벽 가이드
두번째 프로젝트 권한 요청 드립니다.
khj981116@gmail.com강의 잘 보고있습니다 감사드립니다.
-
미해결Vue.js + TypeScript 완벽 가이드
두번째 프로젝트 권한 요청드립니다.
안녕하세요, 두번째 프로젝트 권한 부탁드립니다.계정 : thfdl0317@naver.com 입니다.강의를 보며 타입스크립트를 더 자세히 알게 되는 것같아요, 감사합니다.
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
강사님 최신화가 필요해보입니다.
vue-til-server 때문에 node 버전 10 버전대로 하면 vue cli 가 설치가안됩니다. 그래서 노드 버전을 올려서 vue cli 설치하고 나면 맨위 서버가 스타트가 안됩니다. 이 문제를 도대체 어떻게 해야하나요. 진도를 못나가서 답답하네요.
-
미해결호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
Controller Test 시 @WebMvcTest 사용 관련 질문입니다.
안녕하세요 호돌맨님 :) 좋은 강의 늘 감사드립니다.Controller Test 할 때 질문이 있습니다. 강의에서 호돌맨님께서는 @SpringBootTest 사용하셨는데 저는 한 번 @WebMvcTest를 사용해보고 있습니다.그러다보니 문제가 하나 발생을 하더라구요. 우선 PostController 쪽 코드를 보여드리겠습니다.@GetMapping("/posts") public ApiResponse<List<PostResponse>> getAll(@ModelAttribute PostSearch postSearch) { List<PostResponse> posts = postService.getAllPost(postSearch); return ApiResponse.ok(posts); }보시면 게시글을 전체 조회하는 이 메서드의 경우에는 인증이 따로 필요없이 바로 조회가 되게 했는데요. Insomnia 라는 프로그램을 통해서 테스트했을 때 따로 인증하지 않아도 전체 조회 요청이 성공하는 것을 확인했습니다.그런데 테스트코드를 작성할 때 인증 처리를 해주지 않으면 계속해서 401 에러가 발생을 하더라구요.@DisplayName("게시글을 전체 조회한다.") @CustomMockUser //todo 실제로는 인증이 필요없는데도 테스트 통과를 위해서 인증 처리를 해줘야 하는 것인가? @Test void getAllPosts() throws Exception { // given List<Post> posts = IntStream .range(1, 5) .mapToObj(i -> Post.of(FREE, i + "번 제목입니다.", i + "번 내용입니다.")) .toList(); List<PostResponse> response = changePostListToPostResponseList(posts); // when when(postService.getAllPost(any())).thenReturn(response); //then mockMvc.perform( MockMvcRequestBuilders.get("/api/posts") ) .andDo(MockMvcResultHandlers.print()) .andExpect(MockMvcResultMatchers.jsonPath("$.code").value(200)) .andExpect(MockMvcResultMatchers.jsonPath("$.message").value("OK")) .andExpect(MockMvcResultMatchers.jsonPath("$.status").value("OK")) .andExpect(MockMvcResultMatchers.jsonPath("$.data").isArray()) .andExpect(MockMvcResultMatchers.status().isOk()); }@CustomMockUser 어노테이션을 붙여줘야 테스트 통과가 되는 상황입니다. 실제 원하는 기능은 인증없이 전체 조회 되게 하는 것이 목표인데 테스트 통과를 위해서 @CustomMockUser 어노테이션을 붙여주는 것이 올바른 테스트인지 궁금합니다! 혹시 이게 @WebMvcTest와 관련없는 다른 문제라면 알려주시면 한 번 제가 더 찾아보겠습니다..!
-
미해결Nuxt.js 시작하기
nuxt3에선 asyncData가 없어진 기능이던데
asyncData 대신 쓸 수 있는 기능이 뭐가 있나요?
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 권한 요청드립니다~
인프런 아이디 : YOON KYEOM KIM인프런 이메일 : newalpha77@gmail.com깃헙 아이디 : newalpha7@naver.com깃헙 username : KimYoonKyum
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
git 소스 문의드립니다
git clone을 받았는데 vue-news 폴더가 있고 vue-news-ts 폴더가 있습니다. ts는 무엇인가요? 무엇으로 학습해야하는지 문의드립니다. 감사합니다
-
미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
vue3 composition api (script setup) 사용 시 전역변수 접근
안녕하세요, 항상 좋은 내용 감사한 마음으로 보고 있습니다. 오늘 수업에서는 boot 디렉토리에 constants.ts를 생성하고, 이 안에서 globalProperties를 선언 후 .vue 파일에서 이를 확인했습니다. <script setup> 방식에서는 this로의 접근이 불가한가요?생각지도 못했었는데, this를 통해 globalProperties에 접근하려 하니 안되더라고요..그렇다면 <script setup>에서 globalProperties를 포함하여, boot 파일로 작성한 것들에 접근하려면 어떻게 해야할까요? 미리 감사드립니다.
-
미해결[웹 개발 풀스택 코스] Vue.js 프로젝트 투입 일주일 전 - 기초에서 실무까지
카카오/네이버 로그인 이용하기
안녕하세요, 이번에 신입으로 들어온 개발자입니다.말이 개발자이지...아무것도 정말 모르는 상태로 붙었네요..근데 사수도 없고 개발자가 사실상 저 혼자이다 보니... 물어볼 사람이 없어서 급하게 질문드립니다 ㅠㅠ 담당자분께서, 카카오, 네이버 로그인(rest api)를 이용해express로 연결하라고 하십니다. 프론트-백엔드를 이렇게 연결하라고 하시는 것 같습니다...ㅠㅠ 혹시나, 강의에서 알려주신 대로, javascript와 express로 연결하는 것은 안될까요? 질문 수준이 낮아서 죄송합니다.
-
미해결Vue.js 시작하기 - Age of Vue.js
<router-view> 에러
해결했는데 글이 삭제가 안되네요 강의 잘 보고있습니다.
-
미해결Nuxt.js 시작하기
크롬 개발자도구에서 Nuxt SSR 콘솔 찍는 방법이 뭔가요???
저는 크롬 콘솔창에서 Nuxt SSR 로그가 안찍히고터미널상에서만 찍히는데다른 방법이 있는건가요??
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
Modal.vue 의 style 에 scoped 속성을 주면 왜 slot 의 디자인이 적용되지 않는 건가요?
Modal.vue 의 style 에 scoped 속성을 주면 왜 slot 의 디자인이 적용되지 않는 건가요??인터넷을 뒤져보니 이렇게 동작하는 게 정상적이라고는 하지만, 정작 왜 그런지는 이해가 안됩니다.그리고 혹시 <style scoped> 를 쓰더라도 slot 에 디자인을 적용시킬 방법은 없을까요?