
React에서 자주 사용되는 Tailwind와 Styled-components를 같이 사용하는 방법을 알아보겠습니다.tailwind사용시 class 길이가 너무 길어저 가독성이 떨어지게됩니다.동일한 class를 반복적으로 사용해야하는 불편함이 존재합니다.tailwind

Custom Hook 패턴이란 특정 로직을 캡슐화하여 가독성과 유지보수성을 향상시키고, 여러 컴포넌트에서 동일한 로직을 사용할 수 있도록하는 패턴입니다.코드의 중복 없이 컴포넌트간 로직을 공유할때Props 전달이 너무 깊게 발생하여 Props Drilling이 발생할때