728x90
반응형

SvelteKit 1.0 이 출시된 지 불과 2주가 지났습니다! 아직 하지 않았다면 라이브스트림, 새 웹사이트 및 learn.svelte.dev를 확인하여 SvelteKit  모든 기능  단계별로 알아보세요.

자세히 알아 보시죠.

SvelteKit의 새로운 기능

  • @sveltejs/kit1.0이 나왔습니다! 모든 향후 릴리스는 semver를 따르며 변경 사항은 CHANGELOG 에 주/부/패치로 나열됩니다 .
  • Storybook 및 Histoire에 대한 지원이 향상되었습니다( #7990 ). 이러한 도구를 완벽하게 지원하기 위한 작업이 진행 중입니다( storybook#20239 ).
  • vitePreprocess이제 기본 전처리기입니다.  ( #8036 ) 의 차이점 은 문서 를 참조하세요 .vitePreprocesssvelte-preprocess

브레이킹 체인지:

  • +(layout|page)(.server)?.js및 +server.js파일 에서 알 수 없는 내보내기(밑줄로 시작하는 경우 제외)가 더 이상 허용되지 않습니다 ( #7878 ) .
  • __data.json이제 URL에서 제거되었습니다( #7979 ) .
  • sveltekit()이제 Vite 플러그인 배열에 대한 약속을 반환합니다( #7994 ) .
  • embedded기본적으로 꺼져 있는 새 옵션은 SvelteKit을 포함할 때 링크 클릭에 도움이 됩니다( docs , #7969 ) .
  • builder.generateFallback(fallback)자동 폴백 생성이 ( #8013 ) 으로 대체되었습니다 .
  • invalid()지금 fail()이고 ValidationError지금입니다 ActionFailure( #8012 )
  • 이제 SvelteKit에서 잘못된 로드 응답에 대한 오류가 발생합니다( #8003 ) .
  • SvelteKit은 현재 Vite 4를 사용하고 있으며 Svelte가 필요합니다 peerDependency( ^3.54.0# 7543 ) .
  • ssr가 거짓이고 거짓 이 아닐 때 셸이 사전 렌더링 됩니다. prerenderssr도 거짓인 경우 사전 렌더링이 거짓인지 확인합니다( #8131 ) .
  • 제거/변경된 API에 대한 경고 및 오류가 제거되었습니다( #8019 ) .

Svelte의 새로운 기능

  • 이제 options.direction인수를 사용자 지정 전환 함수에 전달할 수 있습니다( 3.54.0 , #3918 ) .
  • @const이제 선언된 함수 에서 변수를 업데이트할 수 있습니다 ( 3.54.0 , #7843 ) .
  • svelte/elementsSvelte /HTML 유형 정의에 추가되었습니다( 3.55.0 , #7649 ) .

언어 도구의 새로운 기능

Svelte 확장 및 언어 도구에는 이제 몇 가지 새로운 최소 버전 요구 사항이 있습니다.

  • 노드 버전은 현재 16입니다.
  • TypeScript 버전은 이제 4.9입니다.
  • Svelte 버전은 이제 3.55입니다.

다음 기능도 릴리스되었습니다.

  • 누락된 처리기 빠른 수정( #1731 )
  • Svelte 앵커 누락 속성 코드 작업 추가( #1730 )
  • 더 나은 커밋 문자 처리( #1742 )
  • 옵션 추가 --preserveWatchOutput( #1715 )
  • Svelte Stores를 포함하도록 Quickfix 향상( #1789 )
  • SvelteKit 프로젝트에서 SvelteKit 파일 컨텍스트 메뉴만 표시( #1771 )
  • satisfies가능한 경우 연산자를 사용하십시오 ( #1770 ) .

출시되지 않은 변경 사항을 포함하여 Svelte 컴파일러에 대한 모든 변경 사항은 CHANGELOG 를 확인하십시오 .


커뮤니티 쇼케이스

Svelte로 구축된 앱 및 사이트

  • Svelte Recipes 🧑‍🍳 는 일반적인 데이터 시각화 문제에 대한 코드 스니펫을 제공합니다.
  • Everything Svelte 는 최신 웹 애플리케이션을 구축하기 위해 알아야 할 모든 것을 가르치는 새로운 과정입니다.
  • CSS 타임라인 은 CSS의 역사와 진화를 보여주는 타임라인입니다.
  • GitBar 는 풀 리퀘스트 리뷰를 보여주는 시스템 트레이 앱입니다.
  • Texture Lab 은 모든 텍스트에서 게임용 인스턴트 텍스처를 생성합니다.
  • Totems 는 맞춤형 스탠드와 지지대를 제작하는 스튜디오입니다.
  • PeopletoNotion 은 한 번의 클릭으로 Notion에 LinkedIn 프로필을 추가하는 Chrome 확장 프로그램입니다.
  • DeckDev 는 Magic: The Gathering의 덱 빌더입니다.
  • 기본 바로 가기 는 브라우저에서 키보드 바로 가기를 검색하는 도구입니다.

학습 리소스

날씬한 사회에서

보려고

읽다

라이브러리, 도구 및 구성 요소

새해 복 많이 받으세요 🎆 Reddit 또는 Discord 에서 놓친 것이 있으면 알려주세요.

 

원문 : 

https://svelte.dev/blog/whats-new-in-svelte-january-2023

728x90
728x90
반응형

https://sveltesociety.dev/

 

Home - Svelte Society

Svelte Society is a community-driven effort to organise and promote SvelteJS.

sveltesociety.dev

 

Svelte 커뮤니티 사이트입니다.

Templates, Components, Tools, Recipes 등을 검색해 볼 수 있다. 아쉽지만 영문 사이트라서 구글 번역으로 

아쉬움을 해결하도록 하자.

 

728x90
728x90
반응형

 

 

https://github.com/graphul-rs/graphul

 

GitHub - graphul-rs/graphul: Optimize, speed, scale your microservices and save money 💵

Optimize, speed, scale your microservices and save money 💵 - GitHub - graphul-rs/graphul: Optimize, speed, scale your microservices and save money 💵

github.com

 

Graphul Web Framework

NodeJs 에서 사용하고 있는 Express 웹프레임워크에 영감을 받아 Rust 언어로 구축된 웹프레임워크

속도와, 마이크로서비스의 확정상을 개선하기 위해 디자인되어 있음

Rust로 작성되었기 때문에 메모리 안정성, 신뢰성, 동시성 과 퍼포먼스를 보장받는다..


Rust 용으로 만들어진 기존 프레임워크 개념의 다양한 어플리케이션들이 많이 나오고 있다.

Rust에 관심을 가지고 꾸준히 찾아보고 있어서 그런 느낌을 받을 수 있을것 같긴한데.. 좋은 컨셉의 제품들이 꾸준히 그리고 빠르게 출시되고 있어서 미래가 밝다고 볼 수 있다.

꽤나 기대가된다.

한 5년 정도 잡고 틈틈히 공부를 해서 마스터 해야겠다.

728x90
728x90
반응형

Electron
https://www.electronjs.org

 

Electron | Build cross-platform desktop apps with JavaScript, HTML, and CSS.

Build cross-platform desktop apps with JavaScript, HTML, and CSS.

www.electronjs.org

특징 : Chrominum 을 기반으로 여러 Frontend Framework 를 조합해서 개발

Tauri
https://tauri.app/

 

Build smaller, faster, and more secure desktop applications with a web frontend | Tauri Apps

Tauri is a framework for building tiny, blazing fast binaries for all major desktop platforms. Developers can integrate any front-end framework that compiles to HTML, JS and CSS for building their user interface.

tauri.app

특징 : Rust 언어로 만들어진 Form 에 여러 Frontend Framework 를 조합해서 개발

WAILS
https://wails.io

 

The Wails Project | Wails

Build beautiful cross-platform applications using Go

wails.io

특징 : Go 기반에 여러 Frontend Framework 를 조합해서 개발

===================================

대표적인 Cross Plaform Application 개발 기술들이다.

Electron이 가장 오래되었고 각종 유명한 프로그램들이 Electron을 기반으로 만들어졌다.

가장 대표적인건 VS Code 이다. 

하지만 Chrominum 자체 배포에 용량이 크다는 문제점이 제기되는데 대안으로 Rust 언어로 만들어진 Tauri가 차츰 조명을 받으며 부상하고 있다. 

그리고 Tauri와 WAILS 의 비교를 보면 Tauri가 현재 좀더 핫하긴한데 특이한건 Wails의 성장속도가 꽤 가파르다는 사실이다. 아무래도 Rust 언어의 학습곡선보다 훨씬 낮은 Go 언어의 장점이 개발자들에거 더 어필하고 있는것 같다. Wails의 특장점은 아직 자세하게 파악되지 않았다. 그래서 다음 링크를 대체하려고 한다.

https://www.libhunt.com/compare-tauri-vs-wails

 

tauri vs Wails - compare differences and reviews? | LibHunt

First of all, I do like sciter, it's fresh air in wails,webview,electron & tauri.There are several cases why I prefer an electron: BrowserView, FileSystem api, newer css feature(Interop 2022 are greate), and all the newer js feature I use but I don't know

www.libhunt.com

 

728x90
728x90
반응형
Announcing Unreal Rust

https://www.reddit.com/r/rust_gamedev/comments/n9v8m9/rust_in_unreal_engine_may_2021_summary/

 

 

Rust in Unreal Engine (May 2021 Summary)

[Unreal Engine](https://www.unrealengine.com/en-US/) needs no introduction. It is *the* most powerful game engine in the world, with *the* best...

www.reddit.com

 

재미있는 글이 있었다.

Unreal Engine에 Rust를 사용할 수 있는냐 라는 글에 대한 내용인데 할 수는 있는데 좀 회의적인 반응의 글이다.

글 내용중에 곧 Unreal Engine 에서Unreal Verse 라는 Future Scripting Language 를 발표할꺼라는 내용이 좀 흥미를 끌었다. Python과 Lua의 혼합을 생각나게 하는 완전히 새로운 언어라고 하는데 많은 개발자들이 어려운 C++을 사용하지 않고 접근할 수 있는 일종의 쪽문 같은걸 만들어줄 생각인가보다.

 

그것보다 더 흥미로운 기사가 최근에 발표되었다.

https://maikklein.github.io/unreal-rust-1/

 

Maik Klein

Announcing Unreal Rust 2022-09-04 Links Introduction A few months ago I asked myself "What if I could write a game in Rust, but use Unreal as a renderer?". After a bit of thinking I came to the conclusion that exposing the Unreal renderer to Rust via C ffi

maikklein.github.io

 

C++이 아니라 Rust로 개발할 수 있는 환경을 시도하는것 같다.

아직은 Junk 단계이고 실제 사용할 수 없는 단계이지만 꾸준히 만들어갈 생각인가 보다. 

흥미롭긴한데.. Rust 언어도 C++ 만큼 학습커브를 가지고 있는 언어라서 어느만큼 호응이 있을지 모르겠다.

일단 지켜보자.

https://github.com/MaikKlein/unreal-rust

 

GitHub - MaikKlein/unreal-rust: Rust integration for Unreal Engine 5

Rust integration for Unreal Engine 5. Contribute to MaikKlein/unreal-rust development by creating an account on GitHub.

github.com

https://www.youtube.com/playlist?list=PLps1NSMUeqzicmTej83z-n1J383u1UVq1 

 

Unreal-rust

 

www.youtube.com

 

728x90
728x90
반응형

https://www.electronjs.org/

 

Electron | Build cross-platform desktop apps with JavaScript, HTML, and CSS.

Build cross-platform desktop apps with JavaScript, HTML, and CSS.

www.electronjs.org

크로미늄을 프레임으로 여러가지 프론트엔드 프레임워크를 사용하여 데스크탑 기반의 APP을 만들 수 있는 기술이다.

 

Visual Studio Code, WatsApp, Twitch, Slack, Figma 같은 굵직한 프로그램들을 만들어낸 우수한 프레임워크이다.

 

728x90
728x90
반응형

JSX로 한번 작성하면 다양한 프론트엔드 UI 소스로 변환해준다.

다양하다고 했는데.. 생각보다 전환해주는 대상 프레임워크가 많다.

VUE, REACT, QUIK, ANGULAR, SVELTE, REACT NATIVE, SWIFT, SOLID, STENCIL, MARKO, PREACT, LIT, WEBCOMPONENTS, HTML, LIQUID, TEMPLATE, JSON 등 많은 UI 프레임워크로 전환해 준다.

https://mitosis.builder.io/?outputTab=EYVwlgNgJgpgTkA%3D 

 

Mitosis Fiddle

Write components once, run everywhere. Compiles to Vue, React, Angular, and more. Import code from Figma and Builder.io

mitosis.builder.io

 

좀 신기하긴 하네.

728x90
728x90
반응형
728x90
728x90
반응형

Tauri 소개

Tauri는 기본 웹기술(프론트엔드)과 Rust 프로그래밍 언어를 활용해 플랫폼 간 응용 프로그램을 빠르게 만들 수 있는 프레임워크다.

Rust를 기반으로 개발되어 메모리 안정성과 성능이 우수하며 거의 모든 프론트엔드 프레임워크와 호환된다.

Windows, macOS, Linux 등 데스크탑 응용프로그램을 만들수 있으며 조만간 모바일에서도 사용이 가능하게 진화중이다.

2022-06-15일에 정식버전(1.0)이 런칭되었다.
https://tauri.app/releases

 

Releases | Tauri Apps

View releases on GitHub

tauri.app

그리고 2022-09-16에 1.1.1 버전으로 빠르게 버전업하고 있는거 보니 개발진들의 노고가 느껴지는것 같다.

게다가 이번에 Tauri-egui 0.1 버전이 같이 런칭되었는데 Tauri용 GUI 라이브러리이다.

아직은 초기버전이라 안정성을 기대할 수 없지만 너무 기대된다. 어떻게 진화하고 발전해나갈지.

사이트에 한국어 선택도 있다!! 올레!!

사이트 자체에 한국어 언어 선택도 있으니 영어에 부담을 느끼자 않고도 Tauri의 기술적인 내용을 확인해 볼 수 있다.

Tuari 공식 홈페이지. GitHub

https://tauri.app/

 

Build smaller, faster, and more secure desktop applications with a web frontend | Tauri Apps

Tauri is a framework for building tiny, blazing fast binaries for all major desktop platforms. Developers can integrate any front-end framework that compiles to HTML, JS and CSS for building their user interface.

tauri.app

https://github.com/tauri-apps/tauri

 

GitHub - tauri-apps/tauri: Build smaller, faster, and more secure desktop applications with a web frontend.

Build smaller, faster, and more secure desktop applications with a web frontend. - GitHub - tauri-apps/tauri: Build smaller, faster, and more secure desktop applications with a web frontend.

github.com

 

특징 소개

1. 브라운필드의 단어적 의미는 현재 사용되지는 않지만 이전에 개발된 토지를 의미한다.

이 의미는 뭐냐면 현재 학습해서 사용중인 거의 모든 종류의 프론트엔드 기술을 접목시켜서 사용할 수 있다는 의미이다.

바닐라JS, HTML/CSS, React, VueJs, Svelte, Yew, Next.js 등등 

게다가 기존에 작성된 프론트엔드 프로젝트를 연동할 수도 있다.

2. Rust 언어가 가지고 있는 메모리 안전성과 속도로 모든 종류의 기존공격을 간단하게 없앨 수 있다.

Tauri 개발진들이 보안에 관해서 많은 신경을 쓰는것 같다. 보안에 대한 자세한 내용은 더 알아보기 버튼을 클릭해 자세히 확인하도록 하자.

3. MIT 혹은 MIT/Apache2.0 라이션스 적용으로 변경 및 재배포가 가능하다.

4. 번들크기가 Electron에 비해 현저히 작다.

5. 크로스 플랫폼으로 개발이 가능하다. (단 모바일 버전은 출시 예정임)

 

6. 성능과 보안을 중요시 하는 Rust 언어로 개발되었고 Rust의 성장과 함께  빠르게 성장하고 있다.

 

Authme라는 크로스플랫폼 2FA앱으로 항목별 비교

  • 번들 : OS의 웹뷰를 사용하는 Tauri가 훨씬 작음. 2.5MB vs. 85MB
  • 시작시간 : Tauri ~2초 vs. Electron ~4초
  • 램 사용량 :
    • 윈도우에서는 Tauri 80MB, Electron 120MB로 큰 차이 없음
    • 리눅스에서는 Tauri 80MB, Electron 쪽에 뭔가 많이 떠서 500MB 이상으로 큰 차이가 남
  • AppBackend : Electron은 Node.js 런타임을 사용하므로 JavaScript 코딩이면 되지만, Tauri는 Rust 코딩이 필요함
    • Tauri 로드맵에서는 Python, C++, Deno도 지원 예정이라고
  • 렌더링 : Electron은 윈/맥/리눅스 모두 크로미엄을 이용, Tauri는 윈(Edge WebView2)/리눅스(WebKitGTK)/맥(WebKit)
    • 브라우저별 차이가 있을 수 있어서, Tauri에서는 폴리필을 이용해야 할 경우가 있음
  • 보안 : Tauri는 매우 많은 보안 기능들을 내장하여 기본적으로 안전
  • 자동 업데이트 :
    • Tauri쪽이 더 간단. 내장 Updater가 있음(직접 업데이트 서버를 운영해야한다는 단점은 있음)
    • Electron은 electron-updater가 많이 쓰임. 장점은 GitHub 릴리즈에서 직접 바이너리를 가져오는게 가능해서 편리함
  • 개발자 경험 :
    • Tauri는 그냥 CLI만 설치하면 모든게 바로 사용 가능(핫 리로딩, 번들링, 앱 생성등)
    • Electron은 그런거 없이 프레임워크 자체만 줌. 핫 리로딩/번들링을 알아서 해야함
    • Tauri의 가장 큰 장점은 모든 웹프레임워크와 호환된다는 것

결론

  • Tauri를 선택
  • 아직 부족한 부분이 있지만, 몇년내에 Tauri팀이 Electron을 따라잡을 것
  • 특히 기대하는 것은 Deno를 백엔드로 사용가능하게 되는 것과 더 편한 자동 업데이트 및 iOS/Android 지원
728x90

+ Recent posts