웹뉴비 지금 React 웹앱 만들어보면서 CSS를 쓰는데 의문이 생김
컴포넌트 하나마다 CSS 파일을 하나씩 할당해줌
-> 처음에는 역할 분리에 긍정적이였음
-> 가면 갈수록 tsx 파일에 useRef.current.style = “” 또는 style={{}} 하는 경우가 많아짐
-> 파일도 많아지고 점점 CSS 파일 하나하나 할당해주는게 회의적임
컴포넌트의 태그들에 클래스명을 하나하나 할당해줌
-> 이건 클래스명 짓는거 진짜 스트레스
-> 이게 더러워서 컴포넌트를 ㅈㄴ 많이 만들고 재사용함 (싸쓰)
지금까지 버튼 인풋 터치리스트 패널 콤박 슬라이더 프로그리스 등
이런거 다 손수 스타일링된 컴포넌트로 만들었는데
shadcn이란 녀석이 콤팩트한 갓UI를 컴포넌트 형식으로 제공해주네
근데 이게 tailwind 전용인 것 같고
당연히 tailwind로 커스텀도 되는거겠지?
그래서 질문이 뭐냐?
1. CSS로 스타일링, 레이아웃 다 익숙해졌는데
지금 tailwind로 쳐 바꿀까?
2. CSS의 모든 기능 사용에 문제 없을 정도로 추상화된건가?
- dc official App
1. 해도 되는데 학습 목적이면 일단 css 능숙해지는게 먼저임. 테일윈드만 쓰다가 css 말아먹는 놈들 한트럭임 2. 테일윈드 써도 css 건드려야 함
그리고 인라인 스타일이나 ref로 접근해서 스타일 변경하는거는 피해야 함. 뭔가 잘못 이해하고있는듯
@ㅇㅇ(218.155) ㄷㄷ 그래?? 상태 문제가 생기나? - dc App
둘 다 아는게 더 중요할듯 어찌됐든 시간이 흐르면 이런 라이브러리들도 변화하는거라서 가장 기초토대가 되는건 무조건 알아야 그 이후 라이브러리도 쉽게 이해하는식이니깐
결과적으로 CSS에 익숙(능숙아님)해진게 손해는 아닌 것 같네… 결국 직접 맛보고 구조 짜봐야되나 - dc App
내가 그래서 리엑트 갖다버린 이유중에 하나임. tsx 개ㅄ 같음. 이따위가 어째서 반표준? ㅎ tailwind의 엄청난 장점은 이름 안 지어도 되는것도 매우큼. 그전에는 컴포넌트 재사용에 맛을 들였다면 tailwind 이후부터는 스타일링 재사용에 맛들려짐. 어차피 동적 구조를 많이 짜야할때는 CSS 필수임. 크롬 디버거에서 실시간 반영이 좋거든.
흠… tailwind는 정적 요소에만 사용하고 동적인 경우에만 style={{}}을 사용하면 되는거네… 결국 둘 다 알아야되긴 하겠네 ㅋㅋㅋ - dc App
아재요 뷰안써봤는대 뷰는 프론트파트 5명 수준에서 협업에 써도 문제 업는거에요? 쓰이는 곳 다수가 한두명이 관리하는곳이길래 물어봄 - dc App
웹에도 프레임워크가 있듯이 css에도 프레임워크가잇음 테일윈드 , 부트스트랩 css를 그냥 html 클래스명으로 사용하게 해주는거임. shadcn UI 컴포넌트들이 위 클래스를 뭉쳐 만든 어느 한 형태임. 레이아웃이 될수도있고 뭐 이런저런 ㅇㅇ..
위에 퇴물이가 말한것처럼 . 나도 리엑트 쓰레기통에 박앗는데. input에 숫자만허용한다던가, 숫자입력시 세자리 콤마를 찍게되는경우 input 빈칸일때 validation 에러 같은 실시간으로 css를 동적으로 부여하는 이러한 상황이 생길때가있는데 . 구라안치고 오버엔지니어링 같은 현상이 너무 많이 일어남, 재사용하라해서 만든컴포넌트인데 나중엔 수정할려고하면 너무 파편화되어있어서 골아플정도
@엘리시아JS 그래도 편하게 gui 만들 수 있는 도구라고 생각했는데 ㅠ react급 편한 gui 도구 또 있음? - dc App
@수상한변태 웹 프레임워크말하는거면 그냥..리엑트가 압도적으로 복잡함 다른거 3대장 아무거나 집어도됨..
@엘리시아JS 난 처음에 php에 제이쿼리로 시작해서 리엑트 반년 찍먹하다가 프론트에 파편화되는건 좀...싫고 일단 코드 가독이 넘사라
@엘리시아JS 그래 프로젝트 완성하면 다른것도 함 맛 봐야겠다 - dc App
ㅋㅋㅋ Composable을 쓰면 세자리 콤마, validation 등 ㅈ같은거 reactive한 것들도 재활용 쌉가능. 지금은 Nuxt의 Layers 기능으로 동일한 기능인데 디자인과 구성만 약간씩 다른 찍어내기식 작업물에서 주로 발생하는 파편화되는 문제도 쌉해결중. 하지만 여전히 비주류라서 개이득
@퇴물(161.142) 뷰 얘기구나 ㅅㅂ ㅋㅋㅋㅋ
개념은 알아야지 아주 기본적인 스타일 우선 선택 같은거 모르면 테일윈드 써도 조합 같은거 못함
문법 자체는 몰라도 댐