react css 관리 관련해서 질문드립니다!

안녕하세요~ :) 1. 겹쳐지는 부분이 아닌이상 같이 사용하셔도 문제는 없습니다! 2. 저는 tailwind를 주로 사용하는 편인데 mui에도 그런 기능이 있는지는 모르겠는데 주로 사용하는 기능들을 하나로 묶어서 사용하는 기능이 있는지 찾아보시면 좋을것 같습니다 ex) flex-center : {display:flex, justify-content: center, align-items :center } 3. 사람마다 차이겠지만 제 생각에는 CSS 기본 툴을 쓸줄 알아야 tailwind 나 mui 같은 툴을 쓴다고 생각해서 CSS 기초를 다지는 걸 추천드립니다!! 공부 화이팅 하세요💪🏻

1. 네 괜찮습니다. 다만 프로젝트 전체 코드의 일관성을 유지하면서 작업하시는 걸 추천드립니다. 예를 들어 레이아웃을 잡을 때 어떤 곳은 <Grid /> 컴포넌트를 쓰고 어떤 곳은 HTML&CSS 로 쓰면 동료 개발자에게 혼란을 줄 수 있고 나중에 Grid 컴포넌트에 변경사항이 생겼을 때 다른 한 쪽과 UI가 달라질 수 있는 상황이 발생할 수 있음을 염두하고 작업하셔야 됩니다. 2. 보통 그런 상황에서는 컴포넌트를 더 작은 단위로 분리합니다. 예를 들어 한 컴포넌트에 header, title, body 라는 컴포넌트가 모두 포함되어있다면, 각각 세 개의 파일로 쪼개서 관리합니다. 3. 당연히 디자인 시스템없이도 개발하면 좋지만 실무에서도 충분히 구글링하면서 습득할 수 있기 때문에 중요도가 높다고는 생각하지 않습니다. 취업 준비하시면 CS, 코딩 테스트, 자바스크립트 등 더 중요도가 높은 것들이 있기 때문에 질문자분의 욕심에 따라 결정하시면 될 것 같습니다.

1. 저도 컴포넌트 베이스를 MUI로 삼고 디자인을 커스텀해서 프로젝트에서 사용하고 있습니다. 다른 분께서도 말씀하셨다시피 팀원들간의 컨벤션만 적절히 공유된다면 사용하셔도 문제가 될것이 전혀없습니다. 다만 디자인 커스텀할때 MUI에 대한 커스텀 + 자체 구현한 컴포넌트의 디자인테마를 맞추는 작업이 필요함도 염두해주시면 좋겠습니다. 2. css in js의 단점중에 하나인데요. 이런 점 때문에 css in css로 회귀하시는 분도 여럿보았습니다. 이런 단점을 보완한 라이브러리도 살펴보세요. (ex. tailwind) 그리고 코드가 점점 길어진다면 그건 코드 분할을 할 수 있다는 시그널이니 한번 리펙토링도 해보세요. 또한 스타일부분이 길어진다면 공통테마로 뺄수는 있지 않은지 고민이 필요합니다. 3. mui는 구글의 디자인철학에 맞춰 구현한 라이브러리입니다. 하나의 라이브러리에 대해 깊이 하는 것도 중요하지만 저는 다양한 라이브러리에 대한 경험을 더 중요시하라고 말씀드리고 싶습니다. 다양한 프로젝트를 경험하면서 매번 익숙한 스택을 쓰는 것이 편하겠지만 그중에 한두개씩은 색다른 라이브러리로 도전해보시길 추천드립니다. mui 뿐만 아니라 차카라, 앤트 등 라이브러리는 많이 있으니깐요.