[React] 한 파일 내에 컴포넌트, 스타일 정의 .. 어떻게 관리하시나요?

Question

//Page.tsx const Page &#61; () &#61;> { //비즈니스 로직, 도메인 로직 return ( //뷰 로직 ) } const Container &#61; styled.div&#96;&#96; //Page 컴포넌트에 사용될 style 정의 export default Page;프로젝트에 대부분의 element styling을 인라인으로 하고 있고 점점 지저분해지는 것 같아서 내부 스타일 시트/외부 스타일 시트를 사용해 정리하려고 하는데요, 고민되는 것이 한 파일 내에 컴포넌트(Page)와 내부 스타일 시트(Container)가 공존하는 것이 맞나 싶습니다. 어느정도 공통된 styling은 외부 스타일 시트로 뺀 후에 import 해서 사용하겠지만 그래도 각 컴포넌트(페이지)마다 styling 코드를 배치하면 코드가 너무 길어지는 것 같아서요... 다들 어떻게 관리하시는지 팁좀 부탁드립니다

하얀뼈 · Answer

맞나 아니냐는 따지기 어렵습니다. 만약 아니라는 결론이 나면 styled components는 틀린 방법이 되니깐요..

[React] 한 파일 내에 컴포넌트, 스타일 정의 .. 어떻게 관리하시나요?

1개의 답변

Q&A 목록