sveltekit 2

스벨트킷 sveltekit에서 tailwindcss와 daisyUi 사용하기

HTML 스타일을 할 때 tailwindcss를 사용하면 직접 css를 작성하는 것 보다 쉽고 자유롭게 스타일을 할 수 있다. https://tailwindcss.com/ 그리고 이미 테일윈드를 통해 스타일이 만들어져 있는 daisyUi를 사용하게 된다면 예전에 부트스트랩을 사용하 듯. 쉽게 디자인을 만들어 낼 수 있다. https://daisyui.com/ 1. tailwindcss 설치 이 글에서는 스벨트킷에 적용하는 방법을 설명 하려고 한다. 스벨트킷을 스켈레톤으로 설치하고 실행하게 되면 아래의 화면을 볼 수 있을 것이다. 스벨트킷에 tailwindcss를 설치하는 방법은 사실 아래의 주소에 아주 잘 나와있다. https://tailwindcss.com/docs/guides/sveltekit 홈페이..

카테고리 없음 2022.05.10

[SVELTEKIT] capacitor 사용하여 안드로이드 앱 만들기

아이오닉사용해서 sveltekit 안드로이드 앱만들기 이미 스벨트로 만들어 놓은 코드가 있어서, 굳이 플러터 flutter를 사용하지 않고 기존 코드를 이용하여 앱을 만들어 보고 싶었다. 처음 앱으로 빌드할 때 좀 느렸지만 이후엔 빠르게 빌드가 됬다. 오래 사용해보지 않아 얼마나 좋은지 나쁜지는 잘 모르겠지만 가벼운앱을 만들땐 괜찮을 않을까 싶다. 1. 기존에 있던 프로젝트에 capacitor 설치하기 npm install @capacitor/core @capacitor/cli 2. capacitor init 하기 capacitor를 init할때 스벨트킷의 빌드할 폴더는 build이기 때문에 기본값 www대신 build로 적어 준다.. (혹시라도 init 때 www로 설정해놓더라도 capacitor.co..