인프런 커뮤니티 질문&답변

aa님의 프로필 이미지
aa

작성한 질문수

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

Watch, WatchEffect

watch 함수.. 질문입니다.

해결된 질문

작성

·

223

1

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

 

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

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

 

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

답변 2

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요 🙂

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

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

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

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

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

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

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

0

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

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

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

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

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

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

aa님의 프로필 이미지
aa

작성한 질문수

질문하기