context api를 커스텀 후크로 뿌리시는 이유가 궁금해요.
751
2 asked
context 를 안 써봐서 선생님 강의 보는데 그거에 대한 설명이 없어서 구글링을 해봤거든요.
https://velog.io/@velopert/react-context-tutorial
여기 블로그 글을 보면 컴포넌트가 많을 경우 선생님 처럼 커스텀 후크로 만들어서 사용하는 걸 추천한다고만 했지 그 이유에 대한 설명이 없어서 아직도 왜 이렇게 쓰는 건지 모르겠습니다 ㅠㅠ
Answer 1
1
안녕하세요 어쩔티비님!
커스텀훅을 만드는 이유가 궁금하시군요!
일단 훅을 만드는 이유를 생각해보겠습니다. 우리가 useState를 사용하면 데이터의 상태 관리를 무척 편하게 할 수 있습니다. 그렇다면 이 useState를 우리가 필요할 때마다 선언해서 만들지는 않죠? 리액트 내부적으로 이미 로직이 구현되어 있기 때문에 우리는 필요할 때마다 불러와서 사용할 수 있습니다.
이와 마찬가지로 강의에서 context api를 훅으로 만드는 이유는 특정 기능을 훅으로 만들어 두었다가 어떤 컴포넌트에서건 필요할 때마다 불러와서 편하게 사용하고 싶기 때문입니다.
마치 바닐라 자바스크립트에서 함수를 만들어 코드의 뭉치를 묶어서 재사용성을 높여주는것과 비슷한 효과가 있다고 할 수 있겠습니다. 만약 훅을 왜 사용해야 하는지 궁금하다면 다음 페이지를 참고하시기 바랍니다.(https://ko.reactjs.org/docs/hooks-intro.html)
감사합니다!! :)
노션 .env.local
0
6
0
shrimp_data - WebGUI.md
0
12
1
powershell 복붙 문제
0
12
1
디렉토리가 보이지 않아요.
0
12
0
쉬림프 설치
0
11
1
회원가입 구현 (구현 후 최종 화면 출력 X)
0
7
1
tsakmaster api키
0
12
0
terminal-setup을 해도 shift+Enter 키로 줄바꿈이 되지 않아요.
0
14
1
ll- al 명령어 관련 문의
0
25
1
cursor ui 변경 문의
0
21
1
displayName 에 대해 질문있습니다.
0
121
1
onAuthStateChanged 가 가지는 장점에 대해
0
289
1
회원가입 실행이 안되요
0
467
1
[빌드와 배포] Failed to list Firebase projects 오류 (해결)
5
3332
2
useCollection Error
0
315
1
useAuthContext 에서 dispatch 를 사용할 때 에러가 나요.
0
831
1
firebase deploy에러 문의 드려요.
2
761
1
next js 에는 browserRouter가 없어서 상태에 맞는 화면을 어떻게 노출하나요?
0
414
1
저는 여기 css 파트에서 li가 점 . 으로 보이는데 안보이게 어떻게 하신건가요?
1
586
1
전체 코드
0
283
0
next사용하는 프로젝트에 적용하려고 하는데 문제가 생겻습니다.
0
653
1
import시키고 npm start시켰을 때, 페이지는 나오는데, login, signup 페이지의 글자가 선생님처럼 나오지 않습니다!
0
355
2
firebase api key 가 유효하지 않습니다.
0
599
1
뒷부분 소리 안나와요
0
275
2