inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

게시글 묶음(?)별 선택 질문

187

GD

작성한 질문수 1

0

안녕하세요.

현시점 섹션5. vue3 내장 컴포넌트 -> Modal까지 시청했습니다.

다른건 이상없이 다 되는데.. 3개씩 보기? 6개씩 보기 선택시 반응이 없습니다.

공부겸 해결해보고 싶은데 어디파일로 가서 해결해 볼 수 있을까요?

components > posts > PostFilter.vue 파일에서 해결해보면 될까요?

vue.js

답변 1

0

짐코딩

안녕하세요 🙂

반응형 데이터의 변경사항이 발생했을 때 변경사항을 관찰한 후 다른 비즈니스 로직을 수행할 수 있도록 도와주는 Composition API는 watch, watchEffect가 있습니다. (기본편에서 배운 내용)

  1. 이러한 개념을 바탕으로 해당 버그를 찾아보는 것을 권장드립니다.

  2. https://github.com/gymcoding/vue3-posts/blob/8_pagination_filter/src/views/posts/PostListView.vue 해당 소스 기준으로 watchEffect를 사용하는 것을 확인할 수 있습니다.


추가답변 Modal 까지 시청하셨다면 아래 소스를 확인하시면 될 거 같아요.

https://github.com/gymcoding/vue3-posts/blob/15_modal_teleport/src/views/posts/PostListView.vue

마찬가지로 watchEffect를 이용하는 것을 확인할 수 있습니다. watchEffect가 잘 수행되는지 디버깅해보면 답이 나오겠죵?

질문드립니다.

0

32

0

unplugin-vue-components 질문드립니다.

0

37

2

강의듣다가 헷갈려서 질문드립니다.

0

31

1

와 짐코딩님 강의 들으면서 느끼는게 많네요.

0

32

1

질문드립니다.

0

32

2

라우터 인스톨 후 실행안됨

1

48

2

코드 자동 포매팅 질문

0

68

2

필터 watchEffect 질문입니다.

0

50

1

json-server 오류가 다른게 뜨네요

0

113

1

미리보기가 안됩니당...

0

69

2

unplugin-vue-components

0

80

2

TypeError 질문

0

51

1

v-model="show" :show="show" 같이 사용?

1

56

1

hash 모드 배포의 필요성?

0

61

2

.eslintrc.cjs 가 없습니다

0

95

2

title,content값이 비어서 저장되는데 제가 혹시 어떤 부분을 잘못 작성했는지 ㅜㅜ 알고싶습니다.

0

98

3

_title_like: "", 문의드려요 해당 값을 설정하면 list가 아에 안나옵니다.

0

64

1

@click.prevent="params._page = pageNum"> 에 .value를 안쓰는 이유가 궁금합니다.

0

71

2

중첩된 컴포넌트 문제

0

75

2

교안에 있는 부분이 아닌가요?

0

109

2

useAxios Proxy(Object) RefImpl

0

113

1

axios timeout

0

327

3

강의와 상관은 없지만, 궁금한 점이 있어 질문드립니다.

0

122

2

컴포넌트 분리 부분에서 오류가 나요ㅠㅠ

0

167

2