VO7E
A
익명님이 2022-10-25에 작성

자바스크립트 라이브러리 비교하기 react vs vue vs svelte

react,vue,svelte,리액트,스벨트,javascript,프레임워크

실시간으로 변화하는 웹 페이지를 SPA (싱글 웹 페이지 어플리케이션) 이라고 합니다. 자바스크립트를 능동적으로 사용해 개발자가 쉽게 만들 수 있도록 지원하는

라이브러리를 총칭 하는데요. 이중 우리나라의 개발자 들에게 가장 널리 알려진 것은 두개 입니다. react와 vue.js 이고 이 두가지의 차이점은 어떤지를 이미지 한장으로 끝내 겠습니다.

리액트 프로그래밍 예제 샘플 캡쳐 1뷰 프로그래밍 예제 샘플 캡쳐 1

리액트는 html 태그를 캡슐화 시켜서 필요에 따라 캡슐화한 부분을 리턴 시켜주는 구조로 되어 있으며 뷰는 페이지의 일부분에 원하는 값을 처리하고 리턴해주는 방식 으로 되어 있습니다. 실질적으로는 자바스크립트로 html을 렌더링 해서 보여주는 건 동일하고 값만을 리턴하는 지 아니면 코드의 한 조각을 반환하는지의 차이점일 것 같습니다. 그 이외에.... 리액트는 자습서를 어색하지만 한국어로 지원하고 뷰는 그렇지 않다는 점 입니다. 프론트엔드를 처음 시작하시는 분들이라면 당ㅇ연히 한국어 자습서를 지원하는 리액트를 선호할 것으로 보입니다. 이제 여기서 제 3의 세력, 스벨트 svelte 가 등장합니다.

스벨트 프로그래밍 예제 샘플 캡쳐 1

스벨트는 코드가 위 두가지에 비해 확실하게 간결하고, 렌더링 순서에 따라 코드를 까다롭게 분류할 필요가 없으며, 렌더링 해서 보여주던 위의 2가지와는 달리 자바스크립트 변수와 html 태그가 서로 (bind) 묶여 있는 구조 입니다. 이는 장점과 단점을 동시에 가지고 있습니다. 초기에 프로젝트를 작업할 시에는 직관적으로 구별해놓고 이해하기가 쉽지만 문법이 엄격하지 못하면 그만큼 추후에 대처하지 못한 에러가 발생할 수 있는 경우가 생깁니다. 두번째로는 사용자가 아직 많이 없어 리액트에서 작동되는 라이브러리도 스벨트에서는 오류가 생기는 호환성 문제가 발생할 수 있습니다. 그렇기 때문에 이 3가지 라이브러리 중 어느 하나가 좋다고 볼 수는 없고 각자의 장단점이 있는 것으로 보입니다. 그렇지만 선천적으로 프로그래밍에 약하지만 프론트엔드 개발을 해야 하는 분들이라면 복잡하지 않는 스벨트가 가장 효과적일 것으로 생각됩니다.

Total 1

리액트

스벨트

댓글
Drag and drop files here or click
A
익명
2022-11-10에 작성

익명님, 안녕하세요!

로그인 하시면 작성된 글을 수정할 수 있습니다.

VO7E Recent Post

작성된 최신글을 확인하세요!

사이트 TIP

This site made with Mudblazor!

An error has occurred. This application may no longer respond until reloaded. Reload 🗙