styled-component 간단한 질문..

Question

); }이런식으로 최상위 요소만 스타일 컴포넌트를 만들고그 내부에서 하위요소를 선택자로 선택해서 꾸미는 방식으로 하는게 더 쉽고 덜 번거롭지않나요?ㅠ이렇게 하면 안좋은 코드일까요?내용이 단순한 컴포넌트는 각 요소마다 스타일컴포넌트를 만드는 방식으로 했는데길어지다보니 왜 1번 처럼 하는지 궁금해졌어요...

녹호 · Answer

컴포넌트가 재사용을 위한건데 저렇게 하면 재사용이 안되니까요

코마상태 · Answer

저게 구조가 단순하면 상관없겠지만, 복잡하 구조의 경우에는 관리하기가 까다롭지 않을까요. 스타일드 컴포넌트 이름에도 나와있듯이 스타일드를 적용한 각 요소는 모두 리액트 컴포넌트가 되기 때문에, 언제든지 재사용 가능한 컴포넌트는 export 해서 다른 곳에서 재사용가능한데, 저렇게 상위 컴포넌트와 구조를 묶어 버리면 나중에 .box 라는 요소에 적용된 스타일을 재사용한다고 했을 때 별도로 따로 만들거나 해야 하니까 더 복잡해지지 않을까 싶어요.저는 개인 프로젝트에서 스타일드 컴포넌트 사용할 때, 재사용 가능한 컴포넌트는 스타일드 폴더를 따로 만들어서 관리하거든요. 만일 재사용할 생각 없고, 설계한 구조 자체가 단순한 형태라면 님 방식으로 해도 괜찮을 것 같긴해요. 근데, 이후에 코드가 더 추가되거나 그럴 때 불편할 수 있고, 팀프로젝트라고 한다면, 혼란을 줄수도 있으니 최대한 컨벤션에 맞추는게 좋은 것 같아요.

BGProgramming · Answer

음.... 다음을 참고해 보세요. 광고 같아서 긁적.. 긁적.https://www.youtube.com/watch?v&#61;pnw48E-uUc8&t&#61;447s일단 예시가 너무 단순하기에 무엇이 나은지 말하기 어렵습니다.예를들어 예시의 컴포넌트가 다른 페이지에서도 사용하는 Button 같은 모듈이라면 코드로 하는것이 좋아 보입니다.그렇지 않다면 개발자가 어떻게 해도 상관없는 내용이긴 합니다.질문자가 제안하신 방법으로 해도 크게 상관 없습니다.

styled-component 간단한 질문..

3개의 답변

Q&A 목록