인프런 커뮤니티 질문&답변
작성한 질문수
useState vs useReducer 실무에서 주로 사용하는 것은??
작성
·
19
0
강의를 통해 useReducer를 사용하면 복잡한 useState의 set 함수 들로 case로 깔끔하게 정리할 수 있는 것을 보았습니다.
그렇다면 실무에서는 어떤 것을 더 많이 사용하나요?
아니면 두 hooks의 대표 사용하는 케이스 ?? 경우 들을 알려주시면 감사하겠습니다!!!
🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요)
제목을 구체적으로 작성해 주세요
✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다.
⛔️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등
비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요!
코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다.
깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요
직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요 🥲
답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요
비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요!
제 답변이 여러분께 도움이 되었는지 저도 알고 싶어요 🥲
강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요
더 빠른 답변이 가능합니다!
답변 2
0
안녕하세요 이정환입니다.
결론부터 말씀드리자면 실무에서는 둘 다 많이 사용합니다.
강의에서 소개해드렸듯이 useReducer는 useState로 생성한 State를 관리하는 코드가 너무 길어질 경우 컴포넌트 내부로부터 State 관리 코드를 분리하기 위해 사용됩니다.
따라서 만약 State를 관리하는 코드가 별로 길지 않다면 useState를 사용하는게 좋고, 그렇지 않다면 useReducer를 사용하는게 좋습니다.
따라서 useReducer와 useState가 경쟁 관계에 있다기 보다는, 각자의 특화된 영역이 있고 해당 영역에 맞게 적절히 활발히 사용된다고 이해하시면 좋겠습니다.
0
안녕하세요, 인프런 AI 인턴입니다. 동원참치님.
React에서 useState와 useReducer 모두 상태 관리에 사용되지만, 각각의 훅은 특정한 상황에 맞게 더 효과적으로 사용할 수 있습니다. 두 가지 훅은 아래와 같은 상황에서 차별적으로 사용됩니다:
useState
- 간단한 상태: 상태의 변화가 단순하고, 상태의 개수가 많지 않을 때 적합합니다. 예를 들어, 단순한 카운터, 입력값 등과 같이 간단한 데이터를 관리할 때 유용합니다.
- 직접적인 상태 변경: 상태를 직접적으로 설정하고, 관리해야 할 경우 많이 사용합니다.
useReducer
- 복잡한 상태: 관련된 여러 하위 상태가 있고 복잡하게 얽힌 상태 로직을 관리해야 할 때 사용합니다. 예를 들어, 폼의 여러 입력 값을 다룰 때나 복잡한 상태 변화 로직을 가진 경우가 이에 해당합니다.
- 상태 변경 로직의 분리: 상태 변경 로직을 한 곳에서 액션과 리듀서 함수를 사용하여 분리하고 관리하고자 할 때 적합합니다. 이렇게 하면 코드를 더 구조적이고, 유지보수하기 쉽게 만들 수 있습니다.
실무에서는 간단한 상태의 경우 useState를 많이 사용하지만, 애플리케이션 상태 관리가 복잡해질수록 useReducer 또는 Redux 같은 외부 상태 관리 라이브러리를 사용하는 경우가 많습니다. 두 훅 모두 유용한 도구이기 때문에, 상황에 맞게 잘 선택하는 것이 중요합니다.
관련된 기존 답변이 도움이 될 수 있는 링크를 제공해드립니다:
- 질문드립니다 - useReducer와 관련된 추가적인 설명을 보실 수 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.