React JS

Nguyen Tinh·2023년 5월 7일

reactjs

목록 보기
1/6
post-thumbnail

React JS를 배우는 이유

1, Hot!!!

2, 큰 커뮤니티
3, SEO-Search Engine Optimization에 친절
3, 확장성, 재활용이 크다
4, 높은 효율성
5, 신속한 향상력
6, 하위 호환성

React이란?

SPA를 만드는 library들 중에 하나.

SPA vs. MPA?

SPA Single-page Application
-훨씬 현대적으로 접근
-사용시 재로딩할 필요 없음
-root element로 고정하여 다음에 javascript element를 로딩하여 바탕으로 페이지를 필요항 요소만 로딩하여 표시됨
MPA Multi-page Application
-고전적으로 접근
-링크를 클릭할 때 재로딩함

속도

SPA : 시용시 더 빠르다
-처음에 자원을 다 업로드함
-필요할 때만 새로은 데이터를 로딩해줌
MPA: 사용시 조금 느리다
-접속하거나 방향을 바꿀때는 항상 전체 페이지를 재로딩함

독립적

SPA: Front-end를 따로 나눔
MPA: Front-end 및 Back-end가 의존성이 높다, 한 프로젝트 안에 놓음

SEO:

-SPA: MPA처럼 SEO에 친절함
-모바일에서 체험이 훨씬 좋다

UX:

SPA: 더 좋은 체험, 특히 페이지를 전환할 때

발전 과정

-SPA: 코드를 쉽게 재활용(component)
-SPA: FE&BE를 나눌때
-팀을 병행으로 나눔

-모바일 앱을 손쉽게 민들다

Javascript

SPA: 완전히 Javascript를 의존함
MPA: Javascript가 필요 없을 수 있음

=> SPA or MPA를 선택???

-항상 모든 경우에 완벽한 것이 아님

0개의 댓글