프론트엔드로 첫 프로젝트를 준비중인데 CSS UI 사용에 관한 질문

Question

첫 프로젝트에 프론트엔드로 react를 새로 배우면서 참여하게 되었습니다.CSS 라이브러리를 사용하자는 이야기가 나왔는데저는 전에 부트스트랩을 사용해봤을때 오히려 부트스트랩 때문에 더 진행이 원활하게 되지 않는 것 같았었습니다.(모양을 바꾸려고 해도 css속성이 잘 안 먹혀서 원하는 방향으로 잘 안되더라구요...)이번에는 CSS 라이브러리를 사용하지 않고 순수 CSS를 사용해서 할까 생각했었는데아무래도 시간의 제약이 있다보니까 팀원들은 CSS 라이브러리를 사용하는 방향을 원하는 것 같더라구요.부트스트랩 이외에 테일윈드css, chakra UI, mui 등등 여러 라이브러리 이야기가 나왔는데다 특성이 조금씩 다르고 (테일윈드-스타일 클래스의 이름을 생각하지 않아도 됨, chakra UI-리액트에서 많이 쓰이는 듯)어떤 것을 적용하는지는 개개인의 성향에 따라 다르겠지만혹시 어떤 쪽을 택하는 게 좋을지 조언해 주실 분이 계신다면 감사드립니다.

킁킁탐정 · Answer

https://www.radix-ui.com/ 또는 https://react-spectrum.adobe.com/react-aria/ 에 tailwindcss를 사용하거나 단순 css를 사용하는것을 추천드립니다. 또는 더 단순하게 https://headlessui.com/ 에 적당하게 스타일을 적용하는 방법도 있습니다. 물론 스타일이라는건 단순하게 색을 바꾸는것이 아니기 때문에 https://www.figma.com/community/tag/ui%20kit/files 에서 무료 디자인 킷을 참고하셔서 작업하시면 도움이됩니다.

빠른코딩 · Answer

css 학습이 필요하신것같은데 테일윈드는 또 학습할 거리가 많은 것 같군요..

brian55 · Answer

tailwind...가 익숙해 지기만 하면 그래도 괜찮은 것으로 알고있습니다

EmDev · Answer

요새 핫한 페이스북에서 만든 styleX도 한 번 검색해보세용 ㅎㅎ

프론트엔드로 첫 프로젝트를 준비중인데 CSS UI 사용에 관한 질문

4개의 답변

Q&A 목록