[TIL/Coin Site Project] 2023/12/09

reference: https://mui.com/material-ui/customization/theming/#nesting-the-theme

Theme? ✍️

MUI에서 ``Theme`은, 컴포넌트의 color, breakpoints를 포함한 `다양한 디자인적 제반사항을 미리 지정해놓은 객체``이다.

theme이 '왜' 필요한지가 핵심인데, 결국 ``consistency`, 즉 일관성을 유지하기 위해 사용하는 것이다. 디자인적 제반사항을 미리 객체의 형태로 지정해놓음으로써 다양한 컴포넌트에서 `일관된 tone``을 유지할 수 있게 된다.

공식문서, 그 중에서도 theme part를 읽게 된 근본적인 이유은, 결국 다크/화이트 모드 구현에 대한 명확한 이해를 얻기 위함이었다. ``일관된 tone``이라는 단어가, 문제 해결의 단초가 될 수 있겠다는 생각이 든다.

Theming? ✍️

위에서 설명한 theme의 맥락에서 볼 때, theming이라는 것은, ``theme을 통해 Material UI를 customize하는 행위``라고 이해할 수 있겠다. 실제로 공식문서에서도 동일한 정의를 내세운다.