프론트엔드 프레임워크 SVELTE 특징 및 프로젝트 구축 사례
키워드
익히 알려져 있는 3대 프론트엔드 프레임워크인 REACT, ANGULAR, VUE의 기술을 대체하기 위해 만들어진 SVELTE를 소개합니다.
2016년 최초 개발 후 바른 성장으로 5년만에 가장 사랑받는 프레임워크로 선정되었고, 올해 가장 존경받는 프레임워크 부분에서 피닉스에 이어 2위에 오르는 성과를 나타내기도 했습니다.
왜? 이미 유명하고 인정받는 프레임워크들이 존재하는데 SVELTE라는 프레임워크가 2위를 차지했을까?
개발자는 효율을 가장 중요하게 생각하는데 프로젝트를 빌드할 때 코드 변환 시 애플리케이션의 성능 향상에 도움을 주고 코드 자체 규모를 축소할 수 있으며 프레임워크 자체에 반응성을 내장하고 있어 초급자도 빠르고 간편하게 프로젝트에 참여할 수 있습니다.
2016년 최초 개발 후 바른 성장으로 5년만에 가장 사랑받는 프레임워크로 선정되었고, 올해 가장 존경받는 프레임워크 부분에서 피닉스에 이어 2위에 오르는 성과를 나타내기도 했습니다.
왜? 이미 유명하고 인정받는 프레임워크들이 존재하는데 SVELTE라는 프레임워크가 2위를 차지했을까?
개발자는 효율을 가장 중요하게 생각하는데 프로젝트를 빌드할 때 코드 변환 시 애플리케이션의 성능 향상에 도움을 주고 코드 자체 규모를 축소할 수 있으며 프레임워크 자체에 반응성을 내장하고 있어 초급자도 빠르고 간편하게 프로젝트에 참여할 수 있습니다.
SVELTE 특징
SVELTE는 REACT와 VUE에 비해 프레임워크만의 고유한 문법이 이질적으로 사용된다는 점이 이미 익숙한 프레임워크와는 다른 점이 확실하게
느껴지는 언어인 SVELTE와의 첫 만남은 숙련된 개발자일수록 낯설게 느껴질 수 있습니다.
하지만 SVELTE는 VUE보다도 더 간결한 코드로 기능을 구현할 수 있고, 낯설게 느껴졌던 SVELTE의 문법을 능숙하게 사용하게 되면 더 적은 코드로 더 많은 일을 할 수 있는 효율적인 코드를 작성할 수 있게 됩니다. 효율적인 코드를 작성함에 따라 로딩속도도 향상되는 이점이 있습니다.
VUE로 구현하는 프로젝트보다 복잡성을 요구하지 않으며, 가볍고 성능 특히 속도를 중요하게 생각하는 이커머스 프로젝트를 계획하신 다면 SVELTE를 선택하는 것이 좋습니다.
하지만 SVELTE는 VUE보다도 더 간결한 코드로 기능을 구현할 수 있고, 낯설게 느껴졌던 SVELTE의 문법을 능숙하게 사용하게 되면 더 적은 코드로 더 많은 일을 할 수 있는 효율적인 코드를 작성할 수 있게 됩니다. 효율적인 코드를 작성함에 따라 로딩속도도 향상되는 이점이 있습니다.
VUE로 구현하는 프로젝트보다 복잡성을 요구하지 않으며, 가볍고 성능 특히 속도를 중요하게 생각하는 이커머스 프로젝트를 계획하신 다면 SVELTE를 선택하는 것이 좋습니다.
두산의 친환경 쇼핑몰인 리즌105 프로젝트 구축 사례
넥스트이노베이션에서 2022년 12월 시작된 프로젝트로 샵바이 프리미엄 기반에 SVELTE 프레임워크로 개발한 두산 친환경 쇼핑몰 리즌 105입니다.
리즌 105 프로젝트는 2015년 파리 협정의 목표를 모티브로 REZN과 1.5℃가 합쳐진 이름(RE:ZN105 (REduce to Zero for Nature))의 친환경 앱 론칭 프로젝트입니다.
타이트한 기간 동안 기본적인 커머스 이외의 페이지들은 물론 리액션과 리클로젯 등의 리즌 105만의 커스터마이징 기능 구현과 샵바이의 관리자와 별개인 개별 Back-Office까지 완성도 높은 마무리를 위해 노력했고, 추후 확장 가능성과 이커머스 사용자들의 만족도를 높이기 위해 소스코드가 가벼워 빠른 속도를 제공하는 SVELTE로 진행했습니다.