DaisyUI 와 Sqlite 를 이용해 테이블과 페이지네이션 컴포넌트를 구현합니다. Svelte 의 load 기능과 drizzle 의 select 문을 이용해 server 모드에서 작동합니다. 0. 개요 참고 : Huntabyte - Pagination with SvelteKit 1. 프로젝트 생성 SvelteKit 프로젝트 생성 b...

Tailwind 무료 템플릿을 구해서 svelte 및 melt-ui 등으로 UI 기능을 구성하는 연습을 합니다. 첫번째로 TailAdmin 이라는 템플릿으로 클론 프로젝트를 진행합니다. Tailwind 클론 프로젝트 - 1일차 : TailAdmin   ✔ 0. 개요 무료 템플릿 출처 : tailadmin 1. 프로젝트 생성 ...

bits-ui 는 melt-ui 를 기반으로 작성된 headless UI 이다. 이를 다시 tailwind 변수들과 스타일 속성을 결합한 shadch-svelte 라이브러리를 살펴본다. 이와 함께 웹사이트 레이아웃을 추출하여 분석해본다. Svelte Component 라이브러리 - 1일차 : Steeze UI Svelte Compon...

원하는 UI 구성을 위해 headless 컴포넌트 라이브러리인 melt-UI 를 공부합니다. 이와 함께 daisyUI 를 사용할 방법을 찾아봅니다. 웹프레임워크로 SveltKit 을 사용하고 bun 런타임 위에서 실행합니다. Svelte Component 라이브러리 - 1일차 : Steeze UI Svelte Component 라이브...

Tailwind CSS 튜토리얼들을 공부합니다. 유튜브에 좋은 강좌들이 많아서 하나씩 정복하려고 합니다. 나중에는 클론 프로젝트도 살펴봅니다. SvelteKit Tailwind 튜토리얼 - 1일차 : Tailwind Labs – Insta UI SvelteKit Tailwind 튜토리얼 - 2일차 : Plugins & Tool...

이미지 생성형 AI 세가지를 비교한 자료를 살펴봅니다. Dall-E, SDXL 도 좋다고 하지만 MidJourney 가 현재까지 가장 인기있는 이미지 생성도구입니다. 1. AI 이미지 생성기 장단점 적기가 귀찮아서 ChatGPT4 에 질문한 것을 옮겨왔습니다. MidJourney는 예술적 표현에 중점을 두고 있으며 DALL-E 3는...

Tailwind 를 사용에 어려움이 많아 도구의 힘을 빌리려고 합니다. Tailwind 의 Page Builer 도구로 유명한 Shuffle 등을 공부합니다. 0. 개요 Tailwind 유용한 팁들과 도구들 : 유튜브 참고 Shuffle : TW wysiwyg 도구 1. 5가지 최고의 드래그 앤 드롭 Tailwind CSS 페이...

Tailwind 를 사용에 어려움이 많아 도구의 힘을 빌리려고 합니다. Tailwind 관련한 Plugin 과 Tailscan 등의 도구들을 공부합니다. SvelteKit Tailwind 튜토리얼 - 1일차 : Tailwind Labs – Insta UI SvelteKit Tailwind 튜토리얼 - 2일차 : Plugins &amp...

원하는 UI 구성을 위해 유틸리티 CSS 라이브러리인 Open Props 공부합니다. 웹프레임워크로 SveltKit 을 사용하고 bun 런타임 위에서 실행합니다. Svelte Component 라이브러리 - 1일차 : Steeze UI Svelte Component 라이브러리 - 2일차 : Flowbite Svelte Svelte...

prismic.io 헤드레스 CMS 를 소개하는 Youtube 동영상이 있어서 따라해 보았습니다. slice machine 이라는 프리뷰 도구가 페이지 개발을 돕는 특징이 있습니다. (UI를 배치하며 꾸미는 WYSIWYG 방식은 아님) 0. 개요 node 18.18.2 + SvelteKit prismic.io @...