# tailwindCSS
스토리 작성하기 (Storybook, TailwindCSS)
📚 Storybook + TailwindCSS 적용하기 Storybook과 TailwindCSS의 공식문서에 나와있는 가이드를 통해 설정을 완료를 하였음에도 yarn storybook 을 통해 Storybook 툴 내부를 확인하였으나 내가 생각한대로 css가 변경이
create-react-app에서 Tailwind CSS 적용해보기
필자는 create-react-app 과 Tailwind를 사용하는 방식에 맞게 작성하였다.create-react-app을 사용하여 기본적인 개발환경을 직접 구축할 필요없이 편리하게 사용하겠다.css framework인 tailwind를 사용하기위해 필요한 패키지들을
Tailwind CSS 적용기 2편 - 개발자가 퍼블리싱 하는 방법(Feat.TailwindCSS & Figma)
TailwindCSS + Figma Plugin으로 퍼블리싱 손쉽게 해결하기
Tailwind CSS 적용기1편 (설치, 사용)
작성일: 2022년 5월 6일 오후 4:48이 포스트에서는 TailwindCSS 를 React 환경에서 사용하는 방법을 소개하려고 합니다.새로운 프로젝트를 들어가는데 TailwindCSS를 도입하자는 의견이 나왔고 결정이 되었습니다.TailwindCss는 Utility
Next.js에 TailwindCSS 세팅
next.js와 TailwindCSS를 세팅을 하며 삽질했던..경험을 기록합니다. '어라 분명히 하라는대로 했는데 왜 안되는걸까?'의 과정을 보여드리겠습니다.
tailwind 아무대서나 className 자동완성 사용하기
테일윈드는 아무대서 className사용하기tailwindCss intellisence를 설치 후확장설정 ㄱ클래스 리렉스 편집 클릭마지막줄에 다음 코드를 추가
tailwindcss 사용시 Unknown at rule @tailwind 뜨는 경우
vscode의 settings로 들어간다. command + ,검색창에 css.lint.unknownAtRules 를 검색한다.옵션을 ignore 로 변경한다.vscode issues 참고
Warning: Invalid DOM property `%s`. Did you mean `%s`?%s
리액트 + 테일윈드에서 외부사이트 svg 아이콘을 적용해서 사용하는데 콘솔에서 다음과 같이 에러가 나왔다.당시 내가 사용했던 svg 아이콘react 에서 tailwind를 사용할 때에는 class가 아니라 className으로 사용해야 하는데 확인하지 않고 적용만 하
[리액트] TailwindCss 적응기
기본적으로 사용할 명령어https://flexboxfroggy.com/justify-contentflex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다.flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다.center: 요소들을 컨테이너의 가운데로
React에서 TailwindCSS 사용 시 warning - Unknown at rule @tailwind css
리액트에서 tailwindcss를 설치하고 나서 기본적인 설정들을 하고 난 후에 라는 경고가 떴다.vscode에서는 플러그인 - PostCSS Language Support 를 설치하면 더 이상 경고 문구가 보이지 않는다.만약 vim을 사용한다면 그리고 coc를 사용한
tailwindcss 사용시 Unknown at rule @tailwind 뜨는 경우
vscode의 settings로 들어간다. command + ,검색창에 css.lint.unknownAtRules 를 검색한다.옵션을 ignore 로 변경한다.vscode issues 참고
React 에서 CSS를 다루는 방법들
이번주 업무 중에 css 를 좀더 효과적으로 사용해야하는 업무가 있어서 react에서 css 를 다루는 방법들에 대해 조사해보고 알고 있었던 내용이라도 깊게 살펴보면서 실제로 어떻게 동작하는지 내부적인 부분도 함께 살펴보았다.
Vue Side_Project
Project_Reviews 전반적인 구조와 페이지 / 컴포넌트를 설명하였다this.$emit('get-country', country) Emit 이벤트 버스를 이용하여 ID부여된 국가를 부모에게 준다.
리액트에서 tailwindcss + styled-components 사용하기
🤔 Tailwindcss? 최근 리액트에 테일윈드를 사용하고 있다. tailwindcss의 장점은 기존의 css가 HTML태그의 classname을 정하고, css파일에서 따로 작성을 해줘야하는 반면에, classname을 정할 필요가 없이 태그에 직접 작성을 할 수
Log: 개인 블로그 만들기(1)
회상하건데 본격적으로 개발에 흥미를 가진게 2020년 즈음 될 것이다. 석사 졸업을 앞두고 취업에 자신이 없던 나는 도피하듯 개발에 빠져들었고, 그 때 제일 집착했던 것이 블로그 만들기였다. 정갈한 개인 블로그를 꿈꾸며 웹개발에 입문하게 되는데 HTML, CSS, JS
why tailwindcss? (1)
intro 올해 상반기에 싸피 프로젝트를 할 때, tailwindcss를 써보는건 어떨까 고민했었는데, 내부 사정이 있어서 설치만 해보고 사용을 못 했다. 이번에 블로그를 직접 만들면서 ui 프레임워크를 선택할 기회가 생겼는데, 처음에는 windi css를 사용해보고
TailwindCss 3.0소개
TailwindCSS 3.0이 얼마전에 Release되었는데 3.0에서 새로 추가된 기능들을 소개합니다. 기존에는 따로 Mode설정을 해야 사용할 수 있었던 JIT가 이제는 따로 설정하지 않아도 all time사용할 수 있게 되었습니다. 아래의 Pallete가 2.
