hook

화면 출력을 위한 index.js파일

 

 

hook 사용1.

EffectExample.js파일

 

 

hook 사용2.

RefExample.js파일

 

 

hook 사용3.

MemoExample.js파일

 

차례대로 실행시켜보면

 

1. userEffect의 경우

첫 화면

위의 UP버튼을 누른 경우  ({cnt}적용)

아래의 UP버튼을 누른 경우 ({cnt2} 적용)

이 경우 위의 UP버튼을 눌렀을 경우

콘솔창에 userEffect!가 뜨나

아래의 UP버튼을 눌렀을 경우

콘솔창에 아무것도 뜨지 않음을 확인할 수 있다.

 

 

2. Ref의 경우

 

3. Memo의 경우

실행시 첫 화면

위의 UP버튼을 누른 경우 ({cnt} 적용)

아래의 UP버튼을 누른 경우  ({cnt2}적용)

 

Memo의 경우

userEffect와 유사하게

위의 UP버튼을 눌렀을 때는

제일 아래의 Change의 숫자가 같이 올라가며

Change라는 문구가

콘솔창에 나타나는 것을 확인할 수 있다.

 

그러나 아래의 UP버튼을 눌렀을때는

제일 아래의 Change의 숫자가 올라가지 않으며,

콘솔창에 Change라는 문구가 나타나지 않는 것을 볼 수 있었다.