개발자
CSS 라이브러리 고민
요즘 css 라이브러리 뭐 많이 사용하시나요?? 테일윈드 쓰고 있었는데 반응형까지 구현하다보니 너무 가독성이 안좋아서.. 반응형이나 조건부 적용하기 쉬운 css 라이브러리가 뭐가 있을까요?? 현재 테일윈드, emotion, sass 중 고민입니다
답변 3
개인적으로는 CSS Modules, PostCSS, SCSS 조합을 선호합니다. 개인 의견이니 참고만 해주세요 🤣
익명
작성자
2024년 05월 02일
그렇군요! 좋은 의견 감사합니다:)
emotion 좋습니다. 확장성이라던가 개발 편의성이 다른 라이브러리에 비해 잘 되어 있습니다. 개인적으로 테일윈드는 별로 좋아하지 않아서 잘 사용하는 편은 아닙니다. 다만 부득이하게 NextJS로 프로젝트를 진행할때는 사용하는게 편합니디.
익명
작성자
2024년 05월 02일
emotion 쓰려고 하는데 혹시 css in js 형식이라 js코드가 많이 길어지지 않나요?? 어떻게 사용하시는지 궁금합니다
최근 동향으로 봤을 때, 제로 런타임으로 동작하는 css 라이브러리가 관심을 많이 받고 있는 것 같습니다 그래서 최근 styled-components, emotion과 같은 css in js라이브러리는 런타임 환경에서 동작하기 때문에 서버컴포넌트로 동작하지 못하는 문제도 있어서 css in js를 선호하는 개발자들은 제로런타임 환경에서 동작할 수 있는 vanilla-extract 나 panda css에 대해 관심도가 점차 커지는 추세같아요 번들 크기에서도 확연히 차이나고, 이로 인한 초기 로딩속도도 개선될 수 있구요 tailwind는 말씀하신 문제로 인해서 실제로 호불호가 많이 갈립니다 여기서 각각의 장단점은 확실히 있기 때문에 위 키워드들로 검색해서 더 찾아보시고 도입하시면 좋을 것 같아요 :)
익명
작성자
2024년 05월 03일
답변 감사합니다 :) 최근 Next가 더 떠오르면서 ssr 로 인해 styled와 emotion 사용에 문제가 있다는 얘기는 들은 것 같습니다. 그래서 vanilla-extract를 사용하는 것이 좋다는 얘기를 들었었는데 마침 얘기해주셨네요! 바닐라 실제로 사용해보셨나요?? 어떤지 궁금합니다 통일감을 위해 리액트 프로젝트에서도 사용하고 싶은데 어떤지 듣고싶습니다!
용용
알서포트 프론트엔드 개발자 • 2024년 05월 03일
실제로 styled-components에서 vanilla-extract로 마이그레이션을 하며 느낀점은 만족도는 높았습니다ㅎ css in js에 익숙하다면 러닝커브는 절대 높지 않을 거예요 대신 관련해서 참고자료가 상대적으로 없다는 정도로 단점으로 느껴졌습니다
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
지금 가입하면 모든 질문의 답변을 볼 수 있어요!