tailwindcss

laravel - 라라벨 8 + tailwindcss + git 설치 및 프로젝트 시작하기

PHP 8.3 버전 설치 (mac os 기준) 1. 설치 brew install php@8.3 2. 정상 설치 확인 php -v 라라벨 8 버전 프로젝트 생성 (composer 사용) 1. 프로젝트 생성 composer create-project --prefer-dist laravel/laravel:^8 my-laravel-project 2. 서버 실행 cd my-laravel-project php artisan serve 3. 정상 설치 확인 http://127.0.0.1:8000/ tailwind css 설치(Laravel Mix 방식) 1. 설치 cd my-laravel-project npm install -D tailwindcss postcss autoprefixer npx tailwindcss ..

HTML, CSS - Daisy Ui를 이용한 다크 / 라이트 모드 구현

코드 (JQuery, Tailwindcss) 테마 변경 설명 jquery의 attr을 사용해서 html에 할당된 data-theme값을 변경해주고, 새로고침이 되어도 유지가 되도록 localStorage의 get,set item을 사용하여 저장 / 불러오기를 했다. 참고 https://velog.io/@yijaee/%EB%8B%A4%ED%81%AC%EB%AA%A8%EB%93%9C-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0 출처 직접 만들었습니다!