inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

마치며

질문있습니다!

163

seokho0120

작성한 질문수 2

0

안녕하세요 짐코딩님! 기본부터 실전편까지 완강하고 실무에 적응중입니다! 강의와는 상관없는 내용이지만 궁금한게 있습니다!

현재 실무에서 드롭다운 여러개를 클릭 하여 form에 업데이트해서 업로드 하는 기능과 페이지를 구현하고 있습니다. 제가 강의를 좀 급하게 들어서 기억을 잘 못하는건지, 아직 실력이 부족해서 watch문으로 form을 관리하고 있는데요.

예를들면,
watch(([data1, data2, data3..]), ([newData1, newData2,newData3...]) => {

if(newData1 && newData2 && newData3) {

formData.value => {

...formData,

data1 = newData1,

data2 = newData2,

...

}

}

}, {immediate: true, deep: true}

)

대략 이런 느낌입니다..! 근데 감지해야할 데이터의 수가 10개가 넘어가면서 코드 퀄리티가 떨어진다고 느끼고있는데, 도통 어떻게 개선해야할지 모르겠습니다.. 그리고 찾아보니 watch문을 많이 사용하면 좋지 않다고 하던데,,ㅠㅠ 저는 거의 모든 코드가 watch문을 사용하고 있었는데,, 최대한 computed로 대체하는게 좋을지도 궁금합니다,,
강의와는 연관없는 질문이지만, 저에겐 짐코딩님이 vue 1타 강사님이시기 때문에..ㅎㅎ 어떻게 리팩토링하는게 좋을지 조언 좀 부탁드리겠습니다..😭

 

 

vue.js

답변 1

0

짐코딩

안녕하세요.

watchEffect를 고려해 보시면 좋을 것 같습니다.

watch - 특정 반응형 상태의 변화 감지

watchEffect - 콜백함수내에 정의된 다수의 반응형 상태의 변화 감지

질문드립니다.

0

32

0

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

0

38

2

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

0

33

1

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

0

32

1

질문드립니다.

0

32

2

라우터 인스톨 후 실행안됨

1

49

2

코드 자동 포매팅 질문

0

68

2

필터 watchEffect 질문입니다.

0

52

1

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

0

113

1

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

0

69

2

unplugin-vue-components

0

81

2

TypeError 질문

0

52

1

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

1

57

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

329

3

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

0

123

2

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

0

169

2