inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

Editor 에 대한 질문..

해결됨

호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)

안녕하세요. 강의를 듣다가 Editor 클래스에 대해 궁금한점이 생겨서 질문을 남기게 되었습니다. Editor 클래스를 사용하면 수정 시 content 나 title 값이 빈 값 또는 NULL 값이 들어오는 것을 방지하기 위한 목적도 있다하셨는데, 해당부분은 요청받는 컨트롤러에서 @Valid 로 검증할 수 있다고 생각되는데, 어떻게 생각하시는지 궁금합니다. Editor 클래스를 새로 생성하게 되면 Post 엔티티 클래스가 Editor 클래스에 의존하게 되는게 아닌가 생각이 드네요. 또 궁금한것이 Editor 클래스를 혹시 Post 엔티티 클래스 내부에서 선언해서 사용하는 것과 호돌맨님이 구현하신 것 처럼 외부에 클래스를 생성해서 사용하는 것과 다른부분이있을까요? 내부클래스로 사용한다면 확실하게 의도를 알 수 있을거 같아서 질문드립니다! package com.blog.api.domain; import lombok.AccessLevel; import lombok.Builder; import lombok.Getter; import lombok.NoArgsConstructor; import javax.persistence.*; import javax.validation.constraints.NotBlank; @Entity @Getter @NoArgsConstructor(access = AccessLevel.PROTECTED) public class Post { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; private String title; @Lob // DB에는 TEXT 타입으로 생성. private String content; @Builder public Post(String title, String content) { this.title = title; this.content = content; } public void edit(PostEditor postEditor) { this.title = postEditor.getTitle(); this.content = postEditor.getContent(); } public PostEditor.PostEditorBuilder toEditor() { return PostEditor.builder() .title(this.title) .content(this.content); } @Getter public static class PostEditor { private String title; private String content; @Builder public PostEditor(String title, String content) { this.title = title; this.content = content; } } }

  • vuejs
  • Spring Security
  • aws
  • JPA
  • spring-boot
김국영 댓글 1 좋아요 1 조회수 447

computed is not defined 에러가 발생합니다

해결됨

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

ReferenceError: computed is not defined 에러가 나오는데 어디서 잘못된 걸까요? 코드를 따라서 작성하다가 에러가 났는데 원인을 못 찾겠어요. ㅠㅠ <template> <div> <ul> <template v-for="(item, index) in evenItems" :key="item.id"> <!-- <li v-if="item.id % 2 ===0"> --> <li>ID: {{ item.id }} 인덱스: {{ index }}, {{ item.message }} </li> </template> </ul> </div> </template> <script> import { computed, reactive } from 'vue'; export default { setup () { const items = reactive([ { id: 1, message: 'Java' }, { id: 2, message: 'HTML' }, { id: 3, message: 'CSS' }, { id: 4, message: 'JavaScript' } ]); const evenItems = computed(() => items.filter(item => item.id % 2 === 0)); return { items, evenItems }; }, }; </script> <style lang="scss" scoped> </style>

  • vuejs
지니 댓글 1 좋아요 0 조회수 1033

[컴포넌트기초] 강의중 명명법 오류가 있습니다!!

해결됨

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

10:40쯤에 app-card형식이 카멜케이스라고 하셨는데, 이는 케밥케이스로 알고있습니다!! 강의가 기초다지기에 너무 좋습니다! 반복중에 있습니다:)

  • vuejs
jj4783 댓글 1 좋아요 1 조회수 370

My Json Editor

미해결

호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)

호돌맨님 안녕하세요 강의 진행중 사용하는 My Json Editor Tool 은 혹시 어디서 다운로드 받을수 있을까요? 안내해주시면 감사하겠습니다 ㅎㅎ

  • Spring Security
  • JPA
  • vuejs
  • spring-boot
  • aws
goodbyeyo2 댓글 1 좋아요 3 조회수 1078

test에서 Could not find or load main class worker.org.gradle.process.internal.worker.GradleWorkerMain 오류 발생

미해결

호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)

안녕하세요 호돌맨님? 호돌맨님 강의로 아주 재밌게 공부중이었습니다. 어제까지 괜찮던 테스트코드가 오늘 다시 실행해보니 Could not find or load main class worker.org.gradle.process.internal.worker.GradleWorkerMain 오류가 테스트 중 발생하였고 구글링해서 찾은 해결 방법으로 몇가지 시도해 보았습니다. 1. 폴더명 내에 한글 존재 - c드라이브로 옮김 -> 그대로 (아마 여기에 문제가 있지 않나 싶긴 합니다.) 2. Build Tool - Gradle(Default)에서 Intelij IDEA로 변경 -> 그대로 3. cmd 명령어 gradlew --stop 이용 -> 그대로 혹시나 소스코드 문제일까 싶어서 공유받은 깃허브 소스코드를 테스트코드에 진행중인 부분까지 복붙 해 보았는데요, 이 문제는 아닌 것 같습니다. 또 다른 프로젝트의 테스트 파일로 가서 실행 해 보았을때는 문제 없이 잘 동작합니다. 무엇이 문제일까요? 읽어주셔서 감사합니다. 캡처본 올립니다.

  • vuejs
  • JPA
  • aws
  • Spring Security
  • spring-boot
Subin Lee 댓글 4 좋아요 1 조회수 3368

app.vue안에 있는 nav를 따로 분리하고 싶은데 잘안됩니다..

해결됨

웹 게임을 만들며 배우는 Vue

안녕하세요. 현재 강의보고하다가 요즘은 책을 보고 공부중인데 app.vue안에 있는 nav를 따로 분리 하고 싶은데 방법이 있을까요? 이유는 특정 서브페이지에서는 nav가 안보여야하는데 그 특정 서브페이지에서도 nav가 보여서요 ㅠ css로 처리했더니 다시 돌아가면 그페이지들도 nav가 사라지더라구요 ㅠㅠ 혹시 방법이 잇을까요?

  • app.vue
  • nav
  • vuejs
  • 웹팩
  • vuex
댓글 2 좋아요 1 조회수 450

api 응답으로 map 사용을 지양하는 이유

미해결

호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)

안녕하세요 호돌님 유쾌하고 유익한 강의 잘 듣고 있습니다. 강의 중 api 응답 값으로 map<String ,String>을 넘겨주는 대신에 내부 클래스나, ErrorResponse등 클래스를 넘겨주는 방식을 사용하셨는데요 제목처럼 응답 값으로 map의 사용을 지양하는 이유가 궁금합니다. 무튼 강의 감사합니다.

  • aws
  • spring-boot
  • vuejs
  • Spring Security
  • JPA
주니어개발자 댓글 1 좋아요 3 조회수 2303

export 'default' (imported as 'VueRouter') was not found in 'vue-router' 컴파일 오류 원인과 해결법 부탁드립니다.

미해결

Vuetify Admin Template 만들기 - 기본편 (Based Vue2)

서버 실행시에 이런 오류가 뜨는 이유가 무엇이며 해결법을 알고싶습니다! export 'default' (imported as 'VueRouter') was not found in 'vue-router' 컴파일 오류인데 왜일까요ㅜㅜ>?? 원인:: package.json :: vue 버전 ::

  • vuetify
  • vuejs
  • vue
  • Vuetify
민_지 댓글 2 좋아요 0 조회수 1095

3-3 웹팹 로더 사용하기

미해결

웹 게임을 만들며 배우는 Vue

asset app.js 325 KiB [compared for emit] (name: app) runtime modules 1.13 KiB 5 modules cacheable modules 303 KiB ./main.js 138 bytes [built] [code generated] ./NumberBaseball.vue 39 bytes [built] [code generated] [1 error] ./node_modules/vue/dist/vue.runtime.esm.js 303 KiB [built] [code generated] ERROR in ./NumberBaseball.vue Module build failed (from ./node_modules/vue-loader/dist/index.js): TypeError: Cannot read properties of undefined (reading 'styles') at Object.loader (C:\Users\samsung\OneDrive\바탕 화면\CODE\vue-webgame\3.숫자야구\node_modules\vue-loader\dist\index.js:70:34) @ ./main.js 2:0-50 4:8-22 webpack 5.74.0 compiled with 1 error in 506 ms --------------------------------------------NumberBaseball.vue 코드 //Vue 컴포넌트 <template> <div> <h1>{{ result }}</h1> <form v-on:submit="onSubmitForm"> <input type="text" ref="answer" maxlength="4" v-model="value"> <button>입력</button> </form> </div> </template> <script> export default { data() { return { value: '', result: '', }; }, methods: { onSubmitForm(e) { e.preventDefault(); }, }, }; </script> <style> </style> 웹팹 로더에 실패해서.. 다음 단계로 못 넘어가고 있습니다. 혹시 버전의 차이가 있을까 구글링 열심히 해봤지만 결국 에러 한 개는 해결하지 못했어요.

  • 웹팩
  • vuex
  • vuejs
이세희 댓글 3 좋아요 1 조회수 1208

부끄럽지만 아래 글을 읽고도 PostEditor의 목적을 잘 모르겠습니다

미해결

호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 아래 글의 답변을 읽고 이해한 바로는 반드시 title과 content를 모두 가져오기 위해 (해당 프로젝트에서 그렇게 하기로 협의가 되어있으므로) PostEditor를 사용해서 title과 content를 강제하는 목적으로 만들었다는 뜻으로 이해했는데요 그게 그냥 response용으로 만든 Edit이라는 DTO 객체에 NotEmpty를 쓰는 것과 무엇이 다른가요? 오히려 분산함으로써 관리만 더 번거로워진 게 아닌가 하는 생각이 들어서요.. 아니면 해당 예제는 간단하게 만든 것이라 별다른 차이를 느낄 수 없는 것이고 추후 확장성을 고려해서 요구사항이 늘어날 때 Post 엔티티를 오염시키거나 서비스 - 레파지토리 사이의 DTO에 대한 역방향 의존성을 주지 않고 도메인 계층에서 로직을 해결하기 위해서 분리한 건가요? 아직 아는 게 별로 없어서 질문의 핀트를 잡지 못해 다소 장황하게 질문 드린 점 죄송합니다 ㅜ 짧은 답변이라도 주신다면 정말 감사하겠습니다!

  • Spring Security
  • aws
  • spring-boot
  • vuejs
  • JPA
euni 댓글 2 좋아요 3 조회수 770

vue 라이프사이클 문의 드립니다

미해결

Vue.js 시작하기 - Age of Vue.js

책을 참고하면서 강의를 추가로 듣고 있는데, 책에는 라이프 사이클 관련된 내용이 있는데 인터넷 강의에는 별도로 없는 것 같아서 혹시 라이프사이클에 관련된 강의가 있거나 참고할 수 있는 사이트 등 알 수 있을까요??

  • 라이프사이클
  • vuejs
  • javascript
댓글 1 좋아요 1 조회수 300

모달이 부드럽게 뜨지 않습니다.

미해결

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

강의내용과 똑같이 작성하고 실행해 보았고 혹시나 해서 깃헙에서 코드 가져와 실행했음에도 모달이 부드럽게 사라지는 것은 되지만 부드럽게 나타나는 것은 잘 되지 않았습니다. 혹시 어떻게 해결 할 수 있을까요?

  • vuex
  • vuejs
  • es6
  • javascript
borissal07 댓글 3 좋아요 1 조회수 561

vue cli 문제

미해결

Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)

npm install -g @vue/cli를 붙이면 아래처럼 많은 것이 뜨는데 왜 이럴까요ㅜㅜ??

  • vue
  • vue.js
  • vuejs
  • vuex
원선영 댓글 2 좋아요 0 조회수 400

+ 아이콘 안보이실때2

미해결

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

index.html에 설정하는 Font Awesome 태그는 기존버전태그(5.x) 대신 (<link.... ) 제가 강의를 듣고 있는 시점기준(8월 2일) 현재버전태그(6.1.2) 로 사용하시면 될 듯 싶습니다. (저는 요걸로 해결했습니다.) <script defer src="https://use.fontawesome.com/releases/v6.1.2/js/all.js" integrity="sha384-11X1bEJVFeFtn94r1jlvSC7tlJkV2VJctorjswdLzqOJ6ZvYBSZQkaQVXG0R4Flt" crossorigin="anonymous"></script> <TodoInput.vue> plus icon 태그: <i class="fa-solid fa-plus addBtn"></i> 6버전 CDN에 대한 내용은 아래 공식사이트 주소 들어가서 보시면 됩니다~ https://fontawesome.com/v6/docs/web/use-with/wordpress/install-manually

  • vuex
  • javascript
  • es6
  • vuejs
배수민 댓글 5 좋아요 8 조회수 994

메서드 호출 시 static import는 거의 필수적인 건가요?

해결됨

호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)

영상 보니 라이브러리에서 가져오는 메서드들을 static으로 빼시더라구요. 저는 하면서 느끼는게 어디서부터 온 메서드인지 헷갈리는 경우가 있더라구요. (ex) MockMvc 에서 가져오는 get 메서드나 RestDocumentationRequestBuilders.get 등등 다른 개발자들과 협업 시 static으로 빼는게 일반적인지 궁금합니다..!

  • vuejs
  • JPA
  • Spring Security
  • aws
  • spring-boot
JS Lee 댓글 1 좋아요 1 조회수 313

index.html 파일에서 Parsing error 가 나요

미해결

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

<!DOCTYPE html> 이 부분에서 Parsing error: Unexpected token eslint(prettier/prettier) 에러가 나고 </html> 이 부분에서 clear eslint(vue/comment-directive) 에러가 납니다.

  • vuejs
이응치읓 댓글 2 좋아요 0 조회수 1828

명령어 실행 오류 질문 드립니다.,

해결됨

Vue.js 끝장내기 - 실무에 필요한 모든 것

안녕하세요 강의 잘 듣고있습니다. 저장소 체크아웃 이후에 설정까지 수업대로 한후에 npm t를 입력하니 아래와 같은 오류가 나는데 혹시 어떤게 문제가 있는지 봐주실수 있으신가요?

  • javascript
  • vuejs
  • vuex
awdsza 댓글 1 좋아요 1 조회수 326

강의 질문있습니다.

해결됨

Vue.js 끝장내기 - 실무에 필요한 모든 것

강의 초반부에 말씀하신 웹서비스는 동시성을 보장에 대해 헷갈려서 질문 드립니다. 제가 이해 하기로는 여러사람이 하나의 ID에 대해 수정을 할때, 중간에 수정된 최근정보를 제공하는것이 좋기때문에, 페이지 진입시 Id값을 이용해 최신 정보를 불러와야한다.라는 뜻으로 이해하는것이 맞을까요? 그리고 그 최신데이터 보장은 페이지의 성격에 따라 협의를 봐야한다?라고 이해하면 되는것일까요? 그리고 지금 강의 들으면서 드는 질문인데, 강의 초반부에 페이지 컴포넌트는 드라이하게 작성하는것이 좋다고 말씀하시면서 비즈니스 로직 (form submit 등 ) 이 없이 작성하고 비즈니스 로직은 components 안에서 작성하는것이 좋다고 하셨는데 , 이번에 view 폴더에있는 MainPage.vue 에는 비즈니스로직을 작성을 하신 이유가 있을까요 ?

  • vuejs
  • javascript
  • vuex
awdsza 댓글 1 좋아요 1 조회수 277

computed @vue/reactivity 질문

해결됨

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

import computed 자동저장시 eslint에 의해 'vue'로 재정의되는대 'vue'와 @vue/reactivity 의 차이가 무엇일까요? { ref , computed } 'vue' 사용하여 써도 문제가없던대 'vue'안에 모듈들이 함축적으로 포함되어있는건가요? 강의에서는 @vue/reactivity 로 하셨지만 조금 달라서 여쭈어봅니다.!

  • vuejs
기범 댓글 1 좋아요 0 조회수 284

인기 태그

인프런 TOP Writers

주간 인기글