본문 바로가기

svelte9

Svelte Material Todos (2) 시작 Todo Code 에 대하여 설명한다. https://github.com/MadfishDT/svelte-basic/tree/master/todo [GitHub - MadfishDT/svelte-basic: svelte type script example svelte type script example. Contribute to MadfishDT/svelte-basic development by creating an account on GitHub. github.com](https://github.com/MadfishDT/svelte-basic/tree/master/todo) 코드의 기본 구성은 Typescript + Svelte로 구성되어 있으며, Code 생성은 https://madfishdev... 2022. 8. 31.
Svelte Material Todos (1) 시작 Svelte Material UI를 적용하여, Todo를 만들어 본다. SMUI를 사용하고, Back-End는 없이 단순희 Todo 기능만 구현한다. https://github.com/MadfishDT/svelte-basic/tree/master/todo Code 설명은 2편에서.. GitHub - MadfishDT/svelte-basic: svelte type script example svelte type script example. Contribute to MadfishDT/svelte-basic development by creating an account on GitHub. github.com 구조 기본은 위와 같은 각 카드 리스트 형태 제목 내용 날짜 favorite 완료 체크 팝업으로 .. 2022. 8. 23.
Svelte Material UI 적용하기 시작 Svelte도 우리가 흔히 사용하는 UI Frameworks을 적용할 수 있다. 이번에는 그중 Material UI를 적용해 보고자 한다. React, Vue, Angular등 중 2개 이상을 사용해본 개발자라면, 아마도 Material UI 등과 같은 Framworks을 사용해 보았으며, 각 SPA framework마다 세팅이 약간씩 다르다는 것을 알 수 있을 것이다. 또한, 같은 UI Framework인데, 개발자 혹은 개발 회사 마다 약간 씩 다른 방식의 사용법을 가지고 있다는 것도 알 수 있을 것이다. https://svelte-materialify.vercel.app/ Svelte Material Design Component Framework - Svelte Materialify Svel.. 2022. 5. 30.
Svelte Store 시작 Svelte도 React의 redux나 vue의 store와 같이 상태 변화를 관리하는 기능으로 store라는 것이 존재 한다. 기본적으로 RXJS(https://rxjs.dev/guide/overview)를 보는듯한 느낌을 강하게 받을 수 있다. https://svelte.dev/tutorial/writable-stores Stores / Writable stores • Svelte Tutorial Stores / Writable stores a. Basicsb. Adding datac. Dynamic attributesd. Stylinge. Nested componentsf. HTML tagsg. Making an appa. Assignmentsb. Declarationsc. Statements.. 2021. 10. 31.