hooks
-
Week02 리액트/Next.js 기초 3.5 React Hooks (1) - 상태 훅웹개발/React 2023. 12. 31. 16:39
React Hooks는 훅(Hook)을 통해 함수 컴포넌트 안의 상태나 라이프 사이클을 다루기 위한 기능이다. 잘 와닿지 않는데 HTML과 Vanila JS를 사용 할 줄 안다는 가정하에 훅이 무슨 역할인지 이해해보자. 유저가 input을 입력하고 submit버튼을 누르면 유저의 입력값이 나타나는 코드를 작성한다고 가정해보자. Java script 파일에 작성해야 할 점을 생각해본다면 3가지로 추릴 수 있다. 1. submit버튼 클릭시 input에 들어와 있는 값을 가져와야한다. 2. submit버튼에 클릭 시 어떤 행동을 하라는 (이 경우에는 input값을 가져와 입력값을 출력하는) 이벤트 리스너를 달아야 한다. 3. input값에 들어가 있던 값을 어느 엘리먼트에서 프린트 할 것인지 가져와야 한다...