챌린지 42일 차. 프론트엔드에서 프론트엔드 개발자가 사용할 수 있는 프레임워크는 Vue.js, React, Angular 가 있다. 이 세 가지가 전부가 아니라 다양한 종류의 프레임워크들도 있는데 그 중 하나가 SVELTE이다. 프레임워크가 다양한만큼 나에게나 프로젝트에 잘 맞는 프레임워크를 선택하는 것이 일반적이지만 최근에는 특정 프레임워크 한가지만을 알고 있는 개발자가 아닌 다양한 경험이 있는 개발자들을 선호하는 추세이다. 그간 공부했던 프레임워크만큼 깊게 배우진 않을 예정이지만 Part16의 SVELTE 강의를 통해 SVELTE를 어떻게 사용하는지 입문하는 정도로 강의가 진행되며 공부해볼 예정이다.
SVELTE
스벨트(Svelte)는 2016년 출시한 오픈소스 프론트엔드 프레임워크이다. 스벨트를 포함한 다른 프레임워크들은 기본적인 구성이나 사용되는 원리들이 비슷하기때문에 비교하며 공부해볼 수 있고 이미 알고 있는 문법들을 조금만 다른 개념으로 사용하는 정도로 공부해볼 수 있다. SVELTEJS로 검색을 해본다면 아래 링크와 같은 사이트를 쉽게 찾을 수 있다.
Svelte • Cybernetically enhanced web apps
Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app. Instead of using tec
svelte.dev
SVELTE를 쓰는 이유 (장점)
1. Write less code.
기존의 다른 프레임 워크보다 적은(짧은) 코드로 사용할 수 있다. 스벨트에서는 최소한의 코드만으로도 우리가 원하는 결과를 낼 수 있다.
2. No virtual DOM
기존의 다른 프레임워크들은 가상 돔을 사용하기위해 약간의 성능을 더 사용하는 프로그램들을 설치하여 용량과 메모리를 차지하게된다. 하지만 스벨트는 가상돔을 사용하지않고도 화면에 특정한 부분을 대신하는 기술을 갖고 있기때문에 훨씬 더 적은 메모리가 요구되며 더 빠르게 동작할 수 있다.
3. Truly reactive
진정한 반응성(데이터 수정시 화면도 자동 갱신)이 있다. 가상돔을 사용하지않는 스벨트는 개발자가 직접 반응성을 만들어주어야하고 그것이 개발자가 의도하는 진정한 개발성이라고 설명한다. 스벨트에선 개발자가 할당연산자를 통하여 반응성을 만들 수 있다.
패스트캠퍼스 [직장인 실무교육]
프로그래밍, 영상편집, UX/UI, 마케팅, 데이터 분석, 엑셀강의, The RED, 국비지원, 기업교육, 서비스 제공.
fastcampus.co.kr
본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.
#패스트캠퍼스 #패캠챌린지 #직장인인강 #직장인자기계발 #패스트캠퍼스후기 #한번에끝내는프론트엔드개발초격차패키지online
