• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

watch 함수.. 질문입니다.

24.01.19 16:12 작성 조회수 140

1

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

 

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

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

 

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

답변 2

·

답변을 작성해보세요.

0

안녕하세요 🙂

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

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

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

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

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

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

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

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2024.01.21

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

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

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

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

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

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