▲GN⁺ 2024-03-08 | parent | ★ favorite | on: Tailwind CSS v4.0 진행 상황을 오픈 소스로 공개(tailwindcss.com)Hacker News 의견 Tailwind CSS는 프론트엔드에 있어 두 번째로 좋은 일이며, Vue 3만이 그것을 능가함. CSS 클래스명을 짓는 데 드는 수고가 없고, 중복된 CSS 코드나 충돌하는 클래스 문제가 없음. 모든 코드가 한 파일 안에 있어서 컴포넌트를 코드만 보고도 시각화할 수 있음. SCSS로 돌아가지 않을 것이며, Vue 3, TailwindCSS, Vite 조합이 최고라고 생각함. Tailwind에 대한 강력한 비판자로서, CSS-first 설정 아래의 모든 발표가 매우 환영받을 만함. Tailwind의 디자인 토큰, 리셋 등을 활용할 수 있고, 실제 CSS를 통해 커스터마이징 가능. CSS의 모던 아키텍처, 캐스케이드, 심지어 웹 컴포넌트의 쉐도우 DOM까지 버리지 않고 Tailwind를 '가볍게' 사용할 수 있는 새로운 방법 제시. CTRL+u는 문법의 좋은 예를 보여줌. 예를 들어, 둥근 모서리의 박스와 상단 및 하단 섹션을 만드는 데 직관적인 한 줄 코드가 필요함. 독립 실행형 CLI에 대해 아직 작업하지 않았지만, v4.0 릴리스 전에 반드시 완성할 것임. 릴리스 발표의 나머지 부분을 고려할 때, 이는 Rust로 구축될 것이라고 가정함. Node를 내장하지 않는 것을 선호함, 특히 Vercel의 이제는 버려진 pkg 도구에 의존하는 경우. 많은 유망한 개선 사항들이 있음. JS를 통해 확장하는 대신 CSS를 통해 테마를 제어할 수 있는 기능에 가장 흥분됨. Tailwind가 unocss처럼 attributify를 지원하기를 바람. 복잡한 레이아웃에 대해 훨씬 더 읽기 쉬움. 프론트엔드 개발자는 아니지만 몇 개의 웹사이트를 유지하고 있으며, 모두 Tailwind를 사용함. Tailwind 유지 관리자들이 우선 순위를 정하는 데 있어 매우 좋은 직관을 가지고 있으며, 훌륭한 디자인 감각을 가짐. Tailwind는 사용해보기 전까지는 이해되지 않지만, 각 버전마다 더욱 정제된 제품을 제공함. 이 버전에서는 호환성 측면에서 크게 변한 것은 없지만, 버전 4가 공식화되면 더 많은 변경 사항이 있을 수 있음. 새로운 엔진의 전망은 매우 멋지며, 빌드 속도 향상은 항상 환영받음. Tailwind에 대한 좋은 튜토리얼/가이드가 있는지 궁금함. htmx나 다른 hateoas 접근 방식과 함께 tailwindcss를 사용하는 사람이 있는지 궁금함. hypertext가 스타일링과 관련이 없어야 하지만, tailwind와 같은 것은 이와 상충할 수 있음. CSS와 hateoas는 마크업과 스타일링이 분리되어 있어 완벽하게 어울리지만, tailwindcss와 같은 경우에는 어떻게 하는지 궁금함. 데모 프로젝트에서 사용하고 싶었지만, import from "node:@tailwindcss/postcss@latest"가 package.json의 exports 필드에 대한 오류를 발생시킴. 그럼에도 불구하고, 블로그 포스트에서는 postcss-import를 사용할 필요가 없다고 언급하지만, 여전히 그것을 의존성으로 포함하고 있음.
Hacker News 의견
Tailwind CSS는 프론트엔드에 있어 두 번째로 좋은 일이며, Vue 3만이 그것을 능가함.
Tailwind에 대한 강력한 비판자로서, CSS-first 설정 아래의 모든 발표가 매우 환영받을 만함.
CTRL+u는 문법의 좋은 예를 보여줌.
독립 실행형 CLI에 대해 아직 작업하지 않았지만, v4.0 릴리스 전에 반드시 완성할 것임.
많은 유망한 개선 사항들이 있음.
Tailwind가 unocss처럼 attributify를 지원하기를 바람.
프론트엔드 개발자는 아니지만 몇 개의 웹사이트를 유지하고 있으며, 모두 Tailwind를 사용함.
Tailwind에 대한 좋은 튜토리얼/가이드가 있는지 궁금함.
htmx나 다른 hateoas 접근 방식과 함께 tailwindcss를 사용하는 사람이 있는지 궁금함.
데모 프로젝트에서 사용하고 싶었지만,
import from "node:@tailwindcss/postcss@latest"가 package.json의exports필드에 대한 오류를 발생시킴.postcss-import를 사용할 필요가 없다고 언급하지만, 여전히 그것을 의존성으로 포함하고 있음.