리액트 장점

Question

요즘 프론트에서 리액트를 사용하는 경우가 늘어난 것 같은데…이유가 있나요?최근엔 리액트 같은 spa 프론트를 사용할 때 장점이 뭔지 아냐는 질문을 받은 적도 있는데요ssr? 보다 속도가 빠르다? 라고 생각을 했는데 ssr도 못지 않게 빠르다고 하여 그건 아닌가 보더라구요장점이 뭐고 어떤 환경에서 유리한 점이 있는 건가요?

Kyeongrok Kim · Answer

컴포넌트화 시킬 수 있고 컴포넌트화 시킨 것을 재사용 할 수 있는 점때문에요. 이게 모던 프론트엔드 프레임웍중 가장 잘돼서요

날부리 · Answer

바닐라 자바스크립트로 SPA를 만들어보면 아실텐데.. 상태 변화에 따른 UI를 재렌더링 하는 부분을 구현하는게 굉장히 까다롭고 코드가 번잡해집니다. 하지만 리액트 같은 라이브러리를 쓰면 재렌더링을 리액트가 알아서 해줍니다.SPA는 첫 화면 뜨는 게 느리고 그 이후 페이지 전환이 빠릅니다.SSR은 첫 화면 뜨는 게 빠르고 그 이후 페이지 전환이 느립니다.이걸 섞어서 쓰는게 Next.js이죠

catcode · Answer

새로고침 없이 데이터가 바뀔 때 마다 부분적으로 업데이트 가능하게 해주는게 장점입니다. 개인적인 생각으론 프론트 <> 백엔드가 확실하게 나뉘면서 점유율이 올랐다고 생각합니다

chytonpide · Answer

전 개발경험을 꼽고 싶네요. 리엑트라는 이름처럼 변경한걸 바로바로 확인할 수 있죠.짧은 되먹임고리는 몰입경험을 줘요.

RWB · Answer

근래의 모던 FE 프레임워크라고 한다면 React 외에도 Vue, Svelte 등 굉장히 많은 스택이 있습니다.그 중에서도 React를 사용하는 경우가 늘어난 이유는 쉽게 말하자면, 그냥 많이 쓰니까 많이 씁니다. 얘도 쓰고, 쟤도 써요. 심지어 우리가 선망하는 빅테크 기업에서도 씁니다.한 회사에서 동일한 양의 동일한 일을 동일한 기한 내에 하는데, 누구는 여러 팀원이랑 같이 질문이나 의견공유도 하면서 분업하는데, 나 혼자 도맡아하는 거랑 어느게 더 편한지 생각해보면 쉽습니다.무언갈 탐구하기 위해, 나 혼자 문제를 "한정된 시간 내에" 해결하는 건 그리 유쾌한 경험이 아니거든요.질문자분의 이전 환경이 어땠는지는 본문에 나와있지 않아서 모르겠지만, 아마 레거시성 스택을 사용하지 않았을까 싶습니다. (바닐라 JS, JSP 등)아까는 수 많은 스택 중 굳이 React가 대세가 된 이유였고, 다른 질문인 현대의 FE 개발자들이 React 같은 스택을 사용하는 이유와 장점은 아래와 같습니다.방대하고 성숙한 커뮤니티를 통한 정보공유의 용이HMR (Hot Module Reload) 지원React 뿐만 아니라, 대부분의 스택이 지원하죠.반응성 높고, 신뢰도 높은 HMR이 왜 중요한지는 써보면 압니다. 직접 구현하려면 복잡하고 신경쓸 것도 매우 많구요다양한 렌더링 환경 대응 (SSR, CSR, SSG)현 시대의 FE 개발자들의 소위 "싹수"를 파악하는 지표입니다. 이 내용을 모르면 구/이직이 아주 힘들어집니다.FE의 다양성과 성숙도로 인해 더 많은 영역을 커버할 수 있게 됐습니다. 물론 배워야할 건 곱절로 많아졌지만요.컴포넌트의 재사용성 용이JSP에서 <include/> 써보셨나요? 그에 비하면 이건 천국입니다.원하는 컴포넌트를 원하는 컨텍스트와 함께 사용함으로써 재사용성이 매우 높아집니다.컴포넌트를 구현할 때, 단순히 목적에 부합하는 것뿐만 아니라, 얼마나 재사용, 확장성있게 개발하는지는 개발자의 중요한 역량 지표입니다.XML 기반의 HTML 친화그나마 비슷한 JSP을 예로 들자면, 페이지 반환을 위해 HTML 태그를 string으로 직접 다루고, 중간중간 데이터를 concat 해주거나, replace 해주는 경우가 대부분이였습니다.그에 비하면 React는 비교적 HTML과 훨씬 가깝게 개발할 수 있습니다.이러한 점은 폐쇄망이 아닌 대부분의 환경에서 훨씬 유리합니다.단점이라고 한다면 어쨌든 학습이란게 필요합니다.

ExpoProvider · Answer

1.Imperative vs Declarative 이 키워드를 dig 하면 스스로 답을 찾을 수 있을 거라 생각합니다.선언형 프로그래밍은, 이전까지의 Imperative 개발방식을 빠르게 대체하며 압도하고 있습니다.손가락으로 number 를 '세는' 단계에서, number 를 '관리' 하는 단계로 양자도약 한다고 비유할 수 있을 것 같습니다.2.nextJS, expo 등의, 진영 내 프레임웍의 약진도 다른 진영에 비해 압도적입니다.역설적이게도, 빠르게 진화하는 동네에서는 배워야 할 게 많을 수록 핫합니다. React 진영은 배워야 할 게 압도적으로 많습니다. 3.커뮤니티, 라이브러리, 레포지토리의 숫자가 압도적으로 높습니다.*.SSR 은 정확하지 않은 접근입니다.Server Side Rendering -- React Component 의 렌더링 위치가 Server 인가, Client 인가 에 구분 기준을 둡니다.React Server Component -- React Component 의 실행 위치에 그 구분 기준을 둡니다.SSR 이 '렌더링 결과' 에 관심을 둔 구분 개념이라면, RSC/RCC 는 컴포넌트의 '실행 위치' 에 관심을 둡니다.SSR 은 '모든' 서버사이드 컴포넌트를 포괄하지 않습니다. SSG, ISR 도 있죠. RSC 는 SSG,ISR 을 포괄합니다.SSR 은, '맑음', '흐림' 과도 같은, 렌더링 현상과 관련된 개념입니다. 적확하게는 RSC, RCC 를 쓰는 게 맞을 것이라고 생각합니다.

누누나나 · Answer

1. 큰 생태계 - 사람이 많음 -> 대체인력 구하기 쉬움 (기업이 선호하게됨) / 코드 사례도 더 많음- 커뮤니티가 활발해서 기술이 계속 업데이트됨2. 자율성- 리액트는 뷰, 앵귤러에 비해 코드의 자율성이 넓습니다. 그래서 같은 코드를 작성해도 다양한 방법이 나옵니다.제 생각엔 초기의 타쓰 시장을 빠르게 호환시켜서 사람을 많이 모아서 커뮤니티 커진게 제일 큰 장점이라고 생각합니다.리액트 자체는 정책/세부내역 철학을 기반으로한 라이브러리이고 그걸 기반으로 리네나 CRA & Next 같은 프레임워크 등을 만들어 범위를 늘린 것도 한 몫 한다고 생각합니다.

코가더 · Answer

1.가상돔 기술!!!이게 제이쿼리 밀어낸거임2.풍부한 생태계: 라이브러리,커뮤,자료

리액트 장점

8개의 답변

#reactjs 목록