UI 라이브러리 - DaisyUI
https://daisyui.com/
처음에 시간 단축을 위해 확장자를 사용해보자! 하고 팀원분한테 여러가지를 추천받았다. 같이 골라보는 시간을 가졌고, 여러가지 중에서 우리는 daisyUI 를 사용하기로 결정했다.
설치 방법은 좌측 install 들어가면 나와 있다.
이런 완성된 컴퍼넌트를 찾아서 빠르게 사용할 수도 있고
일일히 입력하는 게 귀찮으면 이런 단축 클래스명을 사용해 효과를 줄 수 있다.
실제로 적용해보면 이런 식으로.
사용해본 후기
- 라이브러리는 처음 사용해봤는데 컴퍼넌트를 갖다 쓸 수 있는 건 간편하고 유용한 것 같다!
- 배운지 얼마 안 된 사람들한테는 어느 정도 익힐 때까지는 라이브러리를 쓰지 말고 직접 코드 작성하는 연습을 하는 걸 추천한다. 처음부터 다 갖다 쓰면 CSS의 flex 개념이라든가 그런 부분을 잘 이해하지 못 하고 쓰게 되는 걸 수도 있으니. 초반에는 많이 보고 많이 써봐야 익숙해진다고 생각한다. 그리고 어떤 설정들이 있는지 어느 정도는 알아야 문서 사용도 가능하니까.
- 적절히 사용한다면 라이브러리도 좋은 것 같다. 우선, 디자이너가 따로 없고 빠른 시간 안에 디자인부터 우리가 해야 될 때 어느 정도 통일성을 줄 수 있어서 간편하고.
- 다만 라이브러리에 완전 의존하지는 말고, styled-components가 필요할 때는 그걸 사용하는 것도 좋다. 너무 많이 쓰면 return 코드가 불필요하게 복잡해 보이는 것 같기도 해서... 개인적으로 선호하지는 않고 나는 아예 컴퍼넌트를 가져오는 게 아니라면 그냥 따로 쓰는 걸 선호한다ㅋㅋㅋ 물론 시간 단축에는 아주 좋지만!
- 그리고 이게 처음 써보니까.. 사실 어떤 코드를 어떻게 단축해야 하는지 찾는 게 더 오래 걸렸다. 그냥 줄글로 적는 게 더 빨랐을 듯. 여러번 쓴 건 기억해서 바로 썼지만.
- 사실 다른 팀원 분들 말로는 실무에서도 많이 쓴다고 하던데, 그때 그때 상황에 맞춰서 하면 될 것 같다. 일단 한 번 쯤은 사용해보는 건 꼭 추천한다.
