전체 글47 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. Svelte 3 Router https://madfishdev.tistory.com/31?category=855358 시작 Svelte도 React Router와 같은 형태의 Router를 지원한다. 일단 먼저 Svelte 프로젝트를 하나 생성 한다. 위와 같이 svelte project 추가 Svelte typescript 추가 Svelte(Tyepscript) 시작 Svelte(Typescript) 시작 시작 Svelte를 Typescript로 시작하는 방법에 대하여 알아보기로 한다. 다양한 방법으로 Svelte프로젝트를 생성할 수 있지만, 방법의 대부분이 Svelte Template Project를 git에서 가져와서 빌드를 세팅하는 madfishdev.tistory.com 코딩 먼저 Routing을 위해서는 Routing할 .. 2021. 9. 28. 이전 1 2 3 4 5 6 ··· 12 다음
