Best CSS Frameworks of 2023!?

[@nomadcoders]

📌 니꼬쌤과 무료로 코딩 공부하기 bit.ly/42LbjzB

[@Hyriph]

범용 목적 프레임워크 1. 부트스트랩 2. 파운데이션 (커스터마이징 가능, 학습 어려움) 3. Bulma (Flexbox 기반) 유틸리티 기반 프레임워크 1. Tailwind (css 클래스) 2. Open Props (변수 기반) 3. BassCss (초경량) 클래스 없는 프레임워크 1. Water.css 2. Mvp.css (기본 레이아웃 제공) 전문 프레임워크 1. Materialize.css (메테리얼 디자인) 2. System.css (84년 애플 컴퓨터) 3. NES.css (닌텐도) 4. PSone.css (플레이스테이션) 5. 98.css (윈도우 98) 6. XP.css (윈도우 XP) 7. 7.css (윈도우 7) 8. Bojler (이메일) 초경량 프레임워크 1. Chota.css 2. Pico.css React 전용 프레임워크 1. Chakra (추상화) 2. Mantine 3. Ant Desgin (엔터프라이즈, 어려움) 4. Material UI (메테리얼, 커스텀) 5. NextUI (Vercel 디자인 시스템)

[@DurianSavesTheWorld]

와 진짜 이런 영상 최고에요 니꼬형. 백단개발자들에게는 없어서는 안 될 css프레임워크 ㅋㅋㅋ 저는 요번에 퇴사하고 혼자서 웹 페이지 만들려고 머터리얼CSS 프레임워크 사용해서 작업하고있어요ㅋㅋ 유익한 영상 매번 감사합니다🤩🤩

[@seoul_Jin500]

퇴사하고 이직하시나요?? 요즘 퇴사하시는분이 많네요~

[@DurianSavesTheWorld]

@@seoul_Jin500 대학교 졸업하고 바로 취업을 했는데 여태까지 다녔내요. 이제까지 4년 넘게 일해서 좀 쉬고 싶어요ㅎㅎ. 사이드 프로젝트 하고 운동도 하면서 6개월 정도 쉴 생각이에요. 이 회사를 다니면서 php, 자바스크립트, 안드로이드, 유니티, 스프링부트를 했는데 이직이 문제내요. 각 언어들을 깊게 공부한게 아니라 얉게해서 이직을 잘 할 수 있을지 두려워요. 이직을 잘 할 수 있을까요?? 저 같은 개발자도 이직을 잘 할 수 있을지 걱정입니다.

[@seoul_Jin500]

@@DurianSavesTheWorld 할 수 있을 겁니다. 응원합니다!

[@test-j9j]

에요->예요

[@땅콩-l7p]

​@@DurianSavesTheWorld한직장에서 4년을 버티셨으니 대박이네요. 5년 채우셨다면 주변에서 러브콜이 엄청 났을텐데 아쉬워요.

[@tonmoyhussain6132]

General Purpose Framework Bootstrap Foundation Bulma Utility based Framework Tailwind CSS Open Props BassCSS Classless Framework WaterCSS MVPCSS Specialized Framework Materialize SystemCSS NESCSS PsoneCSS 98CSS XPCSS 7CSS Email template Framework Bojler Super lightweight Framework Chota PicoCSS React Framework Chakra Mantine Ant Design MaterialUI NextUI (Beta)

[@김학재-j1l]

CSS 프레임워크 고르는 기준은 정말 다양하겠지만 내가 구현하고자 하는 로직에 맞춰 적용하는 것도 중요한 것 같아요 NextJS가 이제는 기본으로 서버 컴포넌트 기반으로 동작하는데, css-in-js 라이브러리인 styled-components 등을 사용하다 보면 맘 먹은 대로 되지 않아서 답답할 때가 있더라구요.. 내가 사용하는 프레임워크, 구현하고자 하는 로직 기반으로 고르면 훨씬 고르기 편함!

[@연이-n7v]

element plus 도 소개해주었으면 좋았을거같아용 !! 오늘도 잘봤어요 니꼬쌤!!:)

[@jeon7167]

css보다 강아지가 씬스틸러인게 킬포

[@nomadcoders]

🐶🩷

[@lacomparte]

styled component 관련 영상도 제작 부탁드려요~ styled-components emotion 등 runtime에 동작하는 것들과 zero run time 라이브러리 구도면 더 좋을것 같아요~~!

[@kirsh0257]

Styled, emotion 같은 runtime에 작동하는 라이브러리들은 사실 태생적으로 성능하자가 존재해서 장기적인 측면에서 역사의 뒤안길로 사라질 라이브러리라고 봅니다.

[@enslow]

무엇보다 프로그래머 중심적임. 디자이너에게 emotion으로 css 짜라고 하면, 거품뭄 ㅋㅋ;

[@zxy-v1i]

요즘은 tailwind가 대세죠

[@ktkalpha]

와 아직 안 봤지만 정말 유익해요!

[@nomadcoders]

고맙습니다 : D

[@junsgk]

Tailwind한번 사용해보면 딴거 못씀. Tailwind에 headless ui조합이 개꿀임

[@Kyu-hyunLee]

Tailwind야 사랑해

[@프라고]

내일봐야지

[@kirsh0257]

보통 프로젝트에 Tailwind 쓰는 경우 tailwind로 모두 커버 하시나요? tailwind로만은 안되는 부분, 예를 들어 동적인 변수를 할당해야하는 경우 어떻게 해결하시는지 궁금합니다. Twin-macro라는 라이브러리를 쓴다던가, 다른 라이브러리와 결합해 사용하는 경우가 있던데, 니꼬쌤은 어떻게 하시나요?

[@냥발자]

twin-macro는 사실상 emotion 쓰는 것과 다르지 않아서 tailwind 클래스만으로 상태 바인딩 원하시면 clsx나 tailwind-merge 라이브러리 추천합니다

[@lovemexico]

깰끔한 설명 ㄳ 설명 끝나면 깨어나는 그녀는 정말 ㅋ

[@TheMrPoss]

니꼬샘 좋은 영상 감사합니다. 한가지 궁금한게 Tailwindcss가 대규모 프로젝트에도 적합한가요~? 간단한 개인/사이드 프로젝트에만 괜찮다는 얘기가 있어서요~!

[@노호연-h6v]

선생님 zig에 대한 영상 찍어주세요~~ rust와 어떤점이 다르길래 속도가 더 빠른건지 전망은 어떤지 궁금해요

[@unuuuuuuuu]

shadcn ui 좋습니다 ㅎㅎ

[@softk]

자바스크립트를 갑자기 해야했던 제게 CSS를 어떻게 할지 곤란했는데 이렇게 도움을 받네요. W3school 인가? 거기서도 이런걸 주긴 하더라구요? 제가볼땐 당장에 어디서 CSS를 쓰나 했는데, 더 이쁜 게 이미 널려있었군요… 근데, 추천해주신 곳들은 CSS 쓰는 걸로 상업용 금지니 뭐니 그런 일은… 없겠죠…?;

[@みきさー-b1p]

👍

[@wyz-17]

전 요즘 - shadcn ui - daisy ui - Radix ui 가 끌리더라구요ㅎㅎ

[@윤재희-m6k]

저도 daysiUI 쓰고 있는데 만족하고 있습니다! tailwind랑 호환이 좋아서 아주 커스텀하기도 좋고 아주 편리합니다.

[@chimsil_dev]

Next.js로 프로젝트를 진행하고있는데 nextUI가 있는지는 몰랐네요 근데 베타버전이라.. 흠.... 아직은 좀 불완전한가봐요

[@jp5862]

시선강탈 강쥐.. ㅋㅋ

[@SecretMember-n9d]

Blazor 개발자는 뭘 써야 되나요.. CSS ㅠ,.ㅠ

[@Korea-penguin]

니꼬쌤은 백엔드에 입문하는 언어로 php가 좋다고 생각하시나요? (Js, py같은 언어에 비해서)

[@gogumaMalangyi]

개인적으로는 상황에 따라 다르다고 생각합니다. -처음 개발 공부하며, 본인이 빠르게 취업을 목표로 한다 => 비추 (이유: eval 취약점, 한국에서 비교적 적은 취업풀) -그 외 => 필요할 때 배워도 좋다 생각합니다.

[@justyoon]

백엔드 입문이라면 파이썬이 좋을 것 같아요. php나 Java 모두 프로그래밍 역사에 기반을 자리하는 훌륭한 언어지만 입문자라면 여러 이유보다 에러를 맞닥뜨렸을 때 최신 자료를 찾기 편하고 업데이트가 빠른게 최고같습니다. 어차피 심화로 들어가게 되면 공식문서 읽어야 하는 건 똑같으니까요

[@Alanimdeo]

Vue 쪽은 Vuetify나 Element UI가 좋더라고요.

[@k8sMaster]

혹시 primeVue 와 비교하면 어떨까요?

[@Alanimdeo]

@@k8sMaster 방금 찾아보고 왔는데 되게 괜찮아 보이는데요? 얘도 나중에 한 번 써봐야겠네요

[@seongminpark3131]

tailwind 쓰면 날먹, 먹튀 하려는 개발자라고 하는 어떤 분과는 다르군용

[@aaa4245]

tailwind는 외국 대기업에서도 많이 쓰는데 누가 그랬나요 ㅋㅋ

[@SecretMember-n9d]

꼭 이렇게 타 유튜버 언급하더라 쯧

[@sexesexes]

누구임?

[@seongminpark3131]

외쿡 어느 유튜버였던거 같은데 기억이 잘 안나네요 ^^

[@seongminpark3131]

@@SecretMember-n9d 꼭 이렇게 별거 아닌일로 발작하는 사람도 지구에 공기 마시며 살고 있더란..

[@NoOvertimeLife]

mantine 너 덕분에 사이트 잘 만들었다 ㅋㅋㅋ

[@1007rnrgus]

지금 프로젝트 하는 데 엄청 유용한 정보네요 ㅋㅋㅋ 맨날 백단만 하다가 혼자 프론트도 다 해야 되는 상황이었는데... 부트스트랩 말고 이렇게 선택지가 많은 줄 몰랐네요

[@sinsarokorean6866]

하드코딩으로 한땀한땀 난 명품을 만들지

[@저수지랩구크세엿]

개실신 ㅋ 끝나니 깨네요^^ 감사합니다.

[@Poth0603]

오늘 강아지는 자고 있네요 ㅋㅋ

[@luketcmz]

뒤에 멍뭉이는 끝까지 자네

[@pogeun6678]

진짜 안그래도 CSS를 써야하나 SCSS를 써야하나 프레임워크를 써야하나 Styled Component를 써야하나 고민하고 있었는데 개꿀 감사합니다!

[@samoart]

First 🎉

[@nomadcoders]

yay!

[@shoesholic]

정신이 없어요.