nomaruhan

목록

* carbon

https://carbon-components-svelte.onrender.com/

* material

https://sveltematerialui.com/

* headlessUI

https://svelte-headlessui.goss.io/docs

* flowbite

https://flowbite-svelte.com/

svelte 관련 block들은 아직 incomplete 상태가 좀 있음 

* skeleton

https://www.skeleton.dev/

선택 

* tailwind 기반으로 최대한 날먹이 가능해야 함

1. tailwind 기반: headlessUI, flowbite, skeleton

2. 날먹 가능한 컴포넌트들이 많은가?: flowbite, skeleton

* flowbite

react, vue, django 등등 지원하고, 유료 템플릿도 저렴함

최근 svelte 쪽으로 힘 주는 모습: flowbite-svelte 홈페이지도 새로 개편하고, 트위터에서 svelte 인력도 구인

* skeleton

skeleton도 곧 block, template 같은 작업 진행하려나 봄. 무료/유료? 구독/구매? 같은 것들 선호도 조사하는 중

언제가 될 지는 모르겠지만, headless component 형태도 고려 중 인 듯 함 (https://github.com/skeletonlabs/skeleton/discussions/1367)

skeleton은 그냥 svelte/sveltekit에 집중하는 프로젝트라 조금 더 빠른 업데이트가 가능하지 않으까....? 하는 느낌만 있음

국내

* 코딩셀러 codingSeller

https://www.youtube.com/@codingSeller

* Hollo Coding

https://www.youtube.com/@hollocoding4189

해외

* this.stephie

https://www.youtube.com/@this.stephie9927

vercel sveltekit 공식 강좌 (https://vercel.com/docs/beginner-sveltekit)

* Joy Of Code

https://www.youtube.com/@JoyofCodeDev

블로그도 있어서 둘 다 활용하기 좋음

* Huntabyte

https://www.youtube.com/@Huntabyte

"10X Your SvelteKit Developer Experience in VSCode" 는 무조건 볼만함!

* LevelUpTuts

https://www.youtube.com/@LevelUpTuts

* hartenfellerdev

https://www.youtube.com/@hartenfellerdev

* Codevolution

https://www.youtube.com/@Codevolution

* lihautan

https://www.youtube.com/@lihautan

* Coding Garden

https://www.youtube.com/@CodingGarden

* Svelte Society

https://www.youtube.com/@SvelteSociety

* Svelte Mastery

https://www.youtube.com/@SvelteMastery

추천

* 기본

https://learn.svelte.dev 한 바퀴 둘러보고

this.stephie 는 선택 사항 (완전 초보인 경우 빠르게 훑어보면 좋음)

* 추천: 기본 + 확장

요놈들은 구독해놓고 꿀팁 및 최신 정보들 챙기기 

Joy Of Code

Huntabyte

Svelte Society

https://madewithsvelte.com/ 

pkg 기본 win-x64 이미지 리소스 변경하고 pkg 수행하면 됨

단 pkg 쪽에서 이미지 해시 체크하는 부분은 주석 처리 할 것

# 위치 및 파일
C:\Users\user\.pkg-cache\v3.1
fetched-v14.17.0-win-x64

# 해시 체크 부분 주석 해제
node_modules\pkg-fetch\lib-es5\index.js
Binary hash does NOT match. Re-fetching...

링크

https://github.com/vercel/pkg

vue 기본 cli 도 너무 좋고, vuetify 도 너무 좋아서

quasar 굳이 필요할까 싶지만.... 사람일 모르니...

electron 관련 CLI

$ quasar mode add electron
$ quasar dev -m electron
$ quasar build -m electron -P always
$ quasar build -c --mode electron --target win32 --arch x64 --theme mat

electron-builder 사용 및 portable 빌드 설정

electron { bundler: 'builder', .... builder: { appId: 'aaa', win: { target: 'portable' }, },

링크

https://quasar.dev/