inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

Watch, WatchEffect

watch 함수.. 질문입니다.

해결된 질문

293

aa

작성한 질문수 7

1

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

 

안녕하세요.. 좀 이상한 질문이지만 궁금해서 남깁니다ㅠㅠ

	watch([x, y], ([newX, newY]) => {
		console.log(newX, newY);
		});
		return { x, y };
	},

 

이런식으로 수업하실 때 예시를 들어주셨는데, 이런건 보자마자 바로 아는 게 아니고 공식문서 가서 사용법 보고 알 수 있는거죠..? 그냥 문법 자체를 암기하는 게 아니라 인강들으면서 어떻게 사용하는지 정도만 보고 나중에 필요할 때는 직접 공식문서 가서 쓰고 그러는건가요..?ㅜㅜ 너무 초보스러운 질문이지만 넘 궁금해서 남깁니다!ㅠㅠㅠㅠㅠ

vue.js

답변 2

0

짐코딩

안녕하세요 🙂

경험이 없으니 질문과 같은 생각을 하실 수 있는데요.

"아 watch 함수를 활용해서 여러개(배열)의 상태 변화를 감지할 수 있구나~!" 하고 스펙을 알고 넘어가시면 됩니다.

그리고 "실전편" 또는 개인 프로젝트를 만들다보면 매우 익숙해집니다.

물론 개인 프로젝트를 만들때 공식문서, 강의, 구글링을 통해 다시 확인해야겠죠?

모든 스펙을 외울 수 없으니까요.

물론 자주 사용하다보면 외워지는 것도 있습니다.

개인프로젝트를 만들면서 절대적인 시간을 쓰셔야해요. 우리 뇌가 적응할 시간 💪

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

aa님, Vue3에서 watch 함수 사용에 대한 궁금증을 가지고 계시군요. 말씀하신대로, 프로그래밍을 배울 때 모든 문법이나 함수를 처음부터 완전히 암기하기보다는 중요한 부분을 이해하고 나중에 실제로 필요할 때 공식 문서를 참고하여 사용하는 것이 일반적입니다.

Vue3의 watch 함수는 반응형 데이터의 변화를 관찰하고, 해당 데이터가 변경될 때마다 콜백 함수를 실행시킬 수 있게 해줍니다. 이러한 기능은 상태 관리가 필요한 여러 상황에 유용하게 활용됩니다.

공식 문서는 https://v3.vuejs.org/guide/reactivity-computed-watchers.html#watch 여기서 확인하실 수 있으니, watch 함수에 대해 더 자세히 알고 싶으시면 참고해 보시기 바랍니다.

교육 과정을 통해 학습한 내용을 기반으로 실제 개발 상황에서 필요한 기능이나 문법을 되새기며 공식 문서를 적극적으로 활용하는 연습을 하시는 것이 실력 향상에 큰 도움이 됩니다.

Vue를 사용하신다면 자주 활용하게 될 개념 중 하나이므로 공식 문서와 함께 연습을 통해 익숙해지시길 바랍니다. 초보님의 질문이 전혀 초보스러운 것이 아니라 매우 중요한 학습 방향에 관한 것이므로 궁금한 점은 언제든지 질문해 주세요. 화이팅입니다!

npm init vue@3.1.9

0

43

2

크롭 웹스토어 vue devtools 설치 관련

0

43

1

snippets 작성하는 부분 설명이 있었나요?

0

51

2

computed 의 set 함수를 통해 const 변수에 값을 담는 부분

0

57

2

소스 공유 어디서 해야하는지 궁금합니다

0

62

2

component 등록과 사용

0

59

2

강의교안

0

58

2

eslint 룰 관련 질문이 있습니다.

0

66

2

npm init -y 명령어 실행에 관한 질문

1

156

2

volar 가 마켓플레이스에 검색되지 않아 vue(official)을 설치했습니다.

1

169

2

깊은 감시자 질문

0

89

2

정리된 내용

0

157

2

화면이 왜 이렇게 뜨는걸까요?

0

188

2

왜 다르게 뜰까요..?ㅠㅠ

0

158

2

npm init vue , npm create vue@latest 명령 오류

0

295

2

강의를 듣다보니 궁금한 점 질문드립니다.

0

141

2

watch강의 질문

0

153

1

강의 듣다가 질문드립니다.

0

122

1

이벤트 처리 부분 강의 실습

0

141

2

v-pre는 설명이 없나요?

0

154

2

AppCard.vue 만들다 말고 오류가 갑자기 엄청 뜹니다

0

147

1

개발자도구 Vue 탭 관련 문의

0

241

2

강의를 인텔리제이로 수업따라가도 되져?

0

178

2

API 사용시 자동으로 import하는 기능은 어떤것을 설치해야 하나요?

3

282

2