본문 바로가기

SPA9

Svelte 3 -> 4 migration Svelte Migration 3 → 4(1) 📌 svelte migration방법에 대해서 알아 봅니다. 3 → 4로 많은 부분이 변경 되었습니다. 여기서는 일단 변경된 부분등을 살펴 보고, 어떻게 Migration 해봐야 할지 살펴 보며 #2에서 실제로 Todo APP의 변경을 진행 합니다. Svelete 4 Svelte 4 버젼이 지난 6월 발표 되었습니다. 4년만에 메이저 업그레이드가 있었습니다. 4 버젼은 5버젼으로 진행하기 위한 중간 stage라고 설명하고 있습니다. 즉 4버젼이 후 5버젼은 짧은 시간내로 발표될 것으로 보입니다. 4버젼은 Bridge 버젼의 느낌이 강하고, 공식 사이트에서도 Next Generation은 5 버젼이라는 설명이 많이 나오고 있습니다. Svelte 문법 자체가 변.. 2023. 10. 1.
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.