본문 바로가기

Spa3

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 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.
Svelte 스펠트라고 보통 읽으며, 비교적 최근에 나온 프레임 워크이다. react가 현재 한국을 점령하고 있는 상황에서, 다른 형태의 SPA를 한번 살펴보고 배워보고자 SVELTE를 다루어 보려고 한다. 다른 설명보다 일단 code를 살펴 보자 아래 코드는 typescript형태의 svelte코드 이며, svelte가 제공하는 typescript start project template이다. Hello {name}! Visit the Svelte tutorial to learn how to build Svelte apps. 흔히 보는 react코드와는 완전히 다르다는 것을 알 수 있다, 그나마 vue랑 약간 비슷함을 알 수 있다. 가장 특이한 점은 export let name: string, 으로 script에 .. 2020. 12. 27.