지난밤 갑자기 Svelte4가 출시 되었다는 유투버 추천 영상이 떠올라서 확인을하니 

svelte.dev 사이트가  시커멋게 변경된 모습을 하고 있었습니다. 다크모드가 추가되었네요.

6월 22일자 블로그가 신규출시를 알리고 있었습니다.

svelte3 가 나온지 3년이나 지났다고 하는데, 벌써 그렇게 되었나?

svelte가 svelte와 sveltekit 을 분리해서 개발하면서, 그동안 한참동안 sveltekit개발에 

치중하면서 지난 1년정도 sveltekit 변경사항을 쫒아가는 시기였다고 보시면 될것 같습니다.

개발자인 리치헤리슨이 2달전인가 sveltekit의 개발이 일단락 나면서 본 서비스인 svelte 쪽에 집중하겠다는

블로그기사가 있었는데, 벌써 svelte4가 출시되었네요.

개선사항은 다음과 같습니다.

1. 용량이 줄어들어 로딩시간을 더욱 단축했음. 최대 75% 가량 용량이 줄어든다고 하네요.

용량이 줄어든 만큼 로딩시간이 줄어든다는 것인데, 그전에도 보면, 분명 react와 vue 보다도 용량이 적어서

로딩시간이 적다는 장정을 내새웠지만, 실제 사용하면, 매 페이지 첫 로딩때 좀 느린 감이 없지 않아 있었습니다.

물론 그냥 서버에서 받아 오는 방식보다는 빠르지만, 막상 얼마나 빠른가 확인해보자라고 작정을 하고 보면 지연시간이

있잖아 정도, 그런데, 이것도 더 줄여서 시간을 단축한다고 합니다.

2. 에니메이션 중간에 페이지 이동에러 이슈 보완

제가 올린 글중에 스크롤이나, fadein 또는 fadeout 등의 시작과 끝의 시간차가 있는 에니메이션 시작후 중간에 페이지 이동을 하면 그러니까 에니메이션이 끝나지 않은 상태에서 이동을 하면,

이전 페이지가 마무리 되지 못하고 다음페이와 겹쳐서 나타나는 오류가 있다고 지적한 부분이 있는데, 이부분이 개선됬다는 내용인 것 같습니다.

좀 치명적인 버그였는데, 개선되었다고 하니 이부분이 이번 개선사항중 가장 반가운 소식인것 같습니다.

그런데 그전에도 에니메이션 일어나는 부분에 local 이라는 설정을 해 놓으면 에러를 잡을 수 있었나 보내요.

문제로 지적하는 요청이 많았는지? local 을 기본 값으로 넣었다고 하네요.

3. 그리고 svelte,dev 홈페이지의 자습서 내용중 다크모드하고, typescritpt 모드 추가

얼마전 리치헤리슨이 typescript 가 개발하는데 필요한가? 라면서 없어도 개발하는데 지장없다면서, jsdoc 같은 것을 사용해도된다. 라는 입장을 말한 영상이 있는데, 오히려 이번 버전업에 대한 자습서 기능을 하는 홈페이지에 typescript 용 설명 모드를 추가한 모습은 뭘까? 라는 생각이 드는 부분이네요. 분명 typescript를 싫어라 하는 영상이었는데 말이죠.

4. svelte5 준비중 그리고 svelte4 는 svelte5를 준비하기 위한 교두보 역할

svelte5를 준비중이라는 소식을 바로 전하면서

svelte4는 svelte3에서 svelte5 의 서로 상의 한 부분을 좀더 유연하게 전환하기 위한

중간 단계 역할을 한다고 하네요.

변경사항이 크면 그전 버전에서 신규버전으로 마이그레이션하는데 힘이 드는데

그러한 부분을 svelte4에서 일부 잡아 주는 역할을 하는 것 같습니다.

sveltekit 정식 버전 나오기 전에 특정 버전에서 마이그레이션에 대한 보완 버전이 나온적이 있었는데

이때의 경험을 토대로 svelte4가 아오게 된게 아닌가 싶네요.

이렇게 되면, svelte는 홀수 버번이 안정화 버전으로 이해해야 할 것 같습니다.

sveltekit 도 해당 버전으로 1차 마이그레이션 하고 그리고 정식버전으로 2단계를 거쳐서 마이그레이션 하면

무리 없이 마이그레이션이 이루어졌었는데, 이와 비슷한 개념인 것 같습니다.