TAILWIND2 tailwind css의 autoprefixer tailwindcss를 사용하면서 backdrop-filter 속성을 사용하는데 Mac의 Safari와 iOS의 브라우저에서 dackdrop-filter 속성이 적용되지 않는것을 보았습니다. https://tailwindcss.com/docs/browser-support#vendor-prefixes Browser Support - Tailwind CSSUnderstanding which browsers Tailwind supports and how to manage vendor prefixes.tailwindcss.com 공식문서에도 이미 https://github.com/postcss/autoprefixer를 설치하라고 안내해주고있었다. GitHub - postcss/autoprefixer: Parse.. 2024. 10. 3. React.JS, Next.JS, shadcn/ui 에서 dark mode 설정하기 목표 React.JS와 Next.JS, shadcn/ui로 구성된 프로젝트에 dark mode를 적용하는 법을 알아보자. 다크모드 변경 Next.JS 프로젝트 셋팅 아래와 같은 create-next-app 명령어로 Next.JS 14버전의 새로운 프로젝트를 생성한다. $ npx create-next-app@latest next-dark 명령어를 실행하면 사용자에게 몇가지 질문을 하는데 아래와 같이 src 디렉토리만 No를 선택하고, Tailwind CSS, App Router는 사용하도록 Yes를 선택한다. Need to install the following packages: ✔ Would you like to use TypeScript? … No / Yes > Yes ✔ Would you like t.. 2023. 12. 20. 이전 1 다음
