PostgreSQL(supabase) 에서 한글 검색을 위한 pgvector 사용법을 알아봅니다. 영문 리뷰 데이터를 openai API 로 임베딩하여 유사 문서를 찾는 실습을 진행합니다. supabase pgvector - 1일차 : supabase 와 pgvector supabase pgvector - 2일차 : openai em...
supabase pgvector - 1일차
PostgreSQL(supabase) 에서 한글 검색을 위한 pgvector 사용법을 알아봅니다. 우선은 supabase 와 pgvector 설정부터 시작합니다. supabase pgvector - 1일차 : supabase 와 pgvector supabase pgvector - 2일차 : openai embedding 1. su...
PostgreSQL 16 한글 검색 설정
Postgresql 에서 한글 검색을 위한 gin 과 rum 인덱스를 살펴보고, 한글 텍스트 데이터로 검색 사례들을 테스트 합니다. PostgreSQL 15 한글 검색 설정 : ko-x-icu, mecab PostgreSQL 16 한글 검색 설정 : gin, rum 1. full-textsearch 한글 설정 데이터베이스 설정 ...
Svelte Server Pagination
DaisyUI 와 Sqlite 를 이용해 테이블과 페이지네이션 컴포넌트를 구현합니다. Svelte 의 load 기능과 drizzle 의 select 문을 이용해 server 모드에서 작동합니다. 0. 개요 참고 : Huntabyte - Pagination with SvelteKit 1. 프로젝트 생성 SvelteKit 프로젝트 생성 b...
Tailwind 클론 프로젝트 - 1일차
Tailwind 무료 템플릿을 구해서 svelte 및 melt-ui 등으로 UI 기능을 구성하는 연습을 합니다. 첫번째로 TailAdmin 이라는 템플릿으로 클론 프로젝트를 진행합니다. Tailwind 클론 프로젝트 - 1일차 : TailAdmin ✔ 0. 개요 무료 템플릿 출처 : tailadmin 1. 프로젝트 생성 ...
Svelte Component 라이브러리 - 8일차
bits-ui 는 melt-ui 를 기반으로 작성된 headless UI 이다. 이를 다시 tailwind 변수들과 스타일 속성을 결합한 shadch-svelte 라이브러리를 살펴본다. 이와 함께 웹사이트 레이아웃을 추출하여 분석해본다. Svelte Component 라이브러리 - 1일차 : Steeze UI Svelte Compon...
Svelte Component 라이브러리 - 7일차
원하는 UI 구성을 위해 headless 컴포넌트 라이브러리인 melt-UI 를 공부합니다. 이와 함께 daisyUI 를 사용할 방법을 찾아봅니다. 웹프레임워크로 SveltKit 을 사용하고 bun 런타임 위에서 실행합니다. Svelte Component 라이브러리 - 1일차 : Steeze UI Svelte Component 라이브...
SvelteKit Tailwind 튜토리얼 - 3일차
Tailwind CSS 튜토리얼들을 공부합니다. 유튜브에 좋은 강좌들이 많아서 하나씩 정복하려고 합니다. 나중에는 클론 프로젝트도 살펴봅니다. SvelteKit Tailwind 튜토리얼 - 1일차 : Tailwind Labs – Insta UI SvelteKit Tailwind 튜토리얼 - 2일차 : Plugins & Tool...
이미지 생성형 AI 비교
이미지 생성형 AI 세가지를 비교한 자료를 살펴봅니다. Dall-E, SDXL 도 좋다고 하지만 MidJourney 가 현재까지 가장 인기있는 이미지 생성도구입니다. 1. AI 이미지 생성기 장단점 적기가 귀찮아서 ChatGPT4 에 질문한 것을 옮겨왔습니다. MidJourney는 예술적 표현에 중점을 두고 있으며 DALL-E 3는...
Tailwind 웹페이지 빌더 조사
Tailwind 를 사용에 어려움이 많아 도구의 힘을 빌리려고 합니다. Tailwind 의 Page Builer 도구로 유명한 Shuffle 등을 공부합니다. 0. 개요 Tailwind 유용한 팁들과 도구들 : 유튜브 참고 Shuffle : TW wysiwyg 도구 1. 5가지 최고의 드래그 앤 드롭 Tailwind CSS 페이...