본문 바로가기

Typescript3

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 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로 글자를 바꾸자1 시작 Svelte를 이용하여 동적인 컨텐츠를 만들 수 있는 기초적인 sample을 제작해 보도록 한다. 버튼을 클릭하면, 글자가 바뀌는 예제를 통해서 변수와 UI의 바인딩, 이벤트처리에 대한 기본적인 형태를 파악해 보도록 한다. 일단 Svelte typescript프로 젝트를 생성한다. madfishdev.tistory.com/31?category=855358 Svelte(Typescript) 시작 시작 Svelte를 Typescript로 시작하는 방법에 대하여 알아보기로 한다. 다양한 방법으로 Svelte프로젝트를 생성할 수 있지만, 방법의 대부분이 Svelte Template Project를 git에서 가져와서 빌드를 세팅하는 madfishdev.tistory.com 코딩 /src/App.svelte.. 2021. 2. 22.