# tailwind
Tailwind CSS
Tailwind CSS란?Tailwind CSS는 부트스트랩과 비슷한 역할을 한다고 말할수도 있지만 좀 자세히 알아보면 부트스트랩의 상위호환격이라도도 말할 수 있는 프레임워크이다.장점1.사용이 편리하다.예를들어 16px의 padding을 주고 싶을 때 기존에는 클래스를
멋쟁이사자처럼 프론트엔드 스쿨 2기 21_Day
1) 사용법2) box-size3) font-size4) list-style5) flex6) grid7) responsive8) Bootstrap과 Tailwind1) 사용자 상호작용2) 간단한 DOM 조작3) 변수(const, let, var)🕵️♀️Tailwin
Sveltekit에 Tailwind CSS 적용하기
Front CSS Framework 중에서 최근 가장 애용하고 있는것이 TailwindCSS 이다.과거 부트스트랩보다 세밀하고 폭넓은 설정들을 할 수 있어서생상성이 늘어나고 시간이 단축되고 CSS 작성할일이 거의 없어졌다.웬만한 애니메이션까지 처리되다보니 더욱 그러하다
TailwindCss 세팅
1. 설치 1.npm install -D tailwindcss postcss autoprefixer 2.npx tailwindcss init -p
[Next Js + TypeScript + Tailwind CSS 프로젝트] - 1편 Tailwind CSS
이번에 회사에서 빠르고 간단하게 예약 시스템을 만들 일이 생겨서, 평소에 관심 있었던 기술 스택들을 가지고 프로젝트를 시작했다! 이들을 채택한 이유를 간단하게 설명하고, 내가 겪은 오류들을 해결한 방법을 쓰고자 한다.그 전에 혼자 사이드 프로젝트를 하면서 tailwin
당근 마켓 클론 + NextJS + Tailwind + React18 + Prisma + PlanetScale + Cloudflare
Next Js 풀스택 당근마켓 클론
tailwind3과 purge 속성
회사에서 실무를 시작한 지도 벌써 한 달이 넘어가고 있다. 현재 맡고 있는 프로젝트에서 css는 tailwind라는 라이브러리를 사용하고 있는데 이 친구는 정말 재밌게도 html class 속성 값을 추가해 css를 적용하는 모습을 취하고 있다. 처음에는 굉장히 생소
Tailwind CSS
드림코딩 엘리의 css 트렌드 영상을 보고 Tailwind 라는 css 프레임워크를 알게 되었다. 댓글을 보니 사용자 수정이 편리하고 쓰는 사람들이 많은 것을 보고 나도 연습해보아야겠다고 생각, 이에 대해 알아보려고 한다!Tailwind CSS는 유틸리티 퍼스트(Uti
리액트 컴포넌트에 CSS 적용하기 - 많이 사용하는 4가지 기술 정리
리액트 프로젝트에서 컴포넌트 구조를 어떻게 짜는지가 유지보수에 중요하듯 컴포넌트의 스타일링 또한 리액트의 큰 축으로서 CSS를 어떤 구조로 관리할지 관건입니다. 구조화를 돕는 4가지 기술을 소개합니다. SASS (pre-processor) SASS와 같은 CSS 전처
[CSS] Tailwind CSS의 핵심 컨셉
공식 문서를 기반으로 최근 많이 사용되고 있는 CSS프레임워크인 tailwindcss의 핵심적인 개념에 대한 이해도를 높이기 위한 목적으로 작성된 글입니다.