프론트엔드/tailwind css
-
2024/05/12안녕하세요 lika-7 입니다이번시간에는 tailwind css 의 색상설정 방법을 다루겠습니다 tailwind CSS 색상 클래스 무채색 이름 규칙 접두사-색상명/불투명도 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스불투명도는 생략 가능합니다 접두사는색상을 의미하는 bg택스트 색상을 의미하는 text경계 색상을 의미하는 border를 이용할수 있습니다bg-black/70 유채색 이름 규칙 접두사-색상명-채도/불투명도 ">HTML 삽입미리보기할 수 없는 소스채도는 50, 100, 200, 300, 400, 500, 600, 700, 800, 900const Color = () => { return ( Color..
tailwind css 색상설정2024/05/12안녕하세요 lika-7 입니다이번시간에는 tailwind css 의 색상설정 방법을 다루겠습니다 tailwind CSS 색상 클래스 무채색 이름 규칙 접두사-색상명/불투명도 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스불투명도는 생략 가능합니다 접두사는색상을 의미하는 bg택스트 색상을 의미하는 text경계 색상을 의미하는 border를 이용할수 있습니다bg-black/70 유채색 이름 규칙 접두사-색상명-채도/불투명도 ">HTML 삽입미리보기할 수 없는 소스채도는 50, 100, 200, 300, 400, 500, 600, 700, 800, 900const Color = () => { return ( Color..
2024.05.12 -
2024/04/24안녕하세요 lika-7 입니다이번시간에는 react 환경상 tailwind css 설치 방법 과 개념을 설명하겠습니다. tailwind란tailwind css는 부트스트랩 같은 CSS 프레임워크를 쉽개 개발할수 있게 해주는 저수준 프레임워크입니다그렇기에 css 컴포넌트를 제공하지 않습니다btn btn-primary 같은 것을 지원하지 않는다는 이야기 입니다컴포넌트는 tailwind css의 플러그인을 사용하면됩니다daiyui를 많이 사용합니다모듈 설치yarn add -D postcss autoprefixer tailwindcsscss를 작성할 때 -webkit, -moz, -ms 등으로 대표되는 벤더 접두사를 이용해 브라우저 호환성 문제에 대응..
tailwind css 설치하기2024/04/24안녕하세요 lika-7 입니다이번시간에는 react 환경상 tailwind css 설치 방법 과 개념을 설명하겠습니다. tailwind란tailwind css는 부트스트랩 같은 CSS 프레임워크를 쉽개 개발할수 있게 해주는 저수준 프레임워크입니다그렇기에 css 컴포넌트를 제공하지 않습니다btn btn-primary 같은 것을 지원하지 않는다는 이야기 입니다컴포넌트는 tailwind css의 플러그인을 사용하면됩니다daiyui를 많이 사용합니다모듈 설치yarn add -D postcss autoprefixer tailwindcsscss를 작성할 때 -webkit, -moz, -ms 등으로 대표되는 벤더 접두사를 이용해 브라우저 호환성 문제에 대응..
2024.04.24