The Biggest Anti-Pattern in React in 2024

React 개발자들이 자주 하는 큰 오류 중 하나는 재사용 가능한 구성 요소에 레이아웃 스타일을 추가하는 것입니다. ♻️

재사용 가능한 구성 요소에 레이아웃 스타일을 추가하면, 다른 페이지에서 다른 스타일을 적용해야 할 필요가 생기므로 코드 유지 관리가 어려워집니다. 🙅‍♀️

기능을 가진 구성 요소의 스타일은 부모 요소에 추가하는 것이 좋습니다. 🧥

💅 className을 사용하여 한정된 스타일을 추가하는 것은 좋은 방법입니다.

직접 구성 요소에 스타일을 추가하기보다는 , CN 유틸리티 함수와 같은 도구를 사용하는 것이 효율적입니다. 🧰