코더 장군
강아지코더
코더 장군
전체 방문자
오늘
어제
  • 분류 전체보기 (67)
    • 프론트엔드 (24)
      • react (9)
      • html5 * css3 (1)
      • Javascript (10)
    • 개발일기 (36)
      • 알고리즘 (27)
      • 블록체인 (3)
      • mongoDB (2)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 비공개#일기
  • 일기#심리상담
  • 백준

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
코더 장군

강아지코더

React 란?
카테고리 없음

React 란?

2021. 12. 25. 14:52

리엑트는 왜 사용하는가? 

생명력 

 리액트는 페이스북이 만든 사용자 인터페이스(UI) 개발을 위한 라이브러리로 유지보수가 주기적으로 이루어진다. 기준 라이브러리들은 개발자가 혼자 운영하거나 팀으로 운영해서 개인이 포기하거나 팀이 해체되면 라이브러리는 방치된다. 매일 변하는 개발생태계에서 이점은 라이브러리를 선택하게된다. ( 리엑트생명주기 = 페이스북생명주기 )

 

 엄청나게 큰 생태계

생명주기가 보장된 라이브러리에 관련 라이브러리에 개발은 많아진다. 지금 npm에 검색 해보면 React를 활용한 라이브러리가 많다. 그리고 페이스북에서도 리엑트에 신기술를 업데이트 하고 있다. 그리고 대부분의 IT기업에서 활발하게 사용되고 이제 막 시작한 스타트업에서도 사용된다. 

 

재사용성

UI 컴포넌트를 만들어 캡슐화를 시켜주기 때문에 재사용성이 높고 한가지 작업만 하기 때문에 단순하고, 다양한 자바스크립트 프레임워크나 라이브러리와 함께 사용도 가능하다. 따라서 기존 코드를 모두 바꿀 필요없이 필요한 부분에서만 조금씩 리액트를 사용할 수도 있다. 

 

둘다

서버 사이드 렌더링과 클라이언트 렌더링을 둘 다 지원한다. 

 

혼용사용 

다른 프레임워크나 라이브러리와 혼용하여 사용할수 있다. 즉 개발이 완료된 서비스에도 적응이 가능하다.

 

SPA 

싱글 페이지 어플리케이션의 장점은 한번 다운로드되면 그 후에는 다운로드 하지 않아도 바로바로 사용 할수 있다. 

 

 

그런데 이렇게 완벽한 리엑트에 단점은 무엇인가? 

  1. 보여지는 부분에만 관여하기때문에 데이터 모델링, Routing, Ajax 등등의 기능을 제공하지 않는다.
  2. view 외 기능들은 직접 구현하거나 라이브러리를 사용하여 구현해야 하기 때문에 JavaScript 배경지식이 부족할 경우애는 사용이 힘들다.
  3. IE8 이하 버전들을 지원하지 않는다.
  4. 너무 느리다. ->  페이지의 로딩 시간이 1초 늘어날 때마다, 10%의 유저가 이탈한다. 모바일 유저 중 53%가 로딩이 3초 이상 걸리는 웹 사이트를 사용하지 않는다.
  5. 너무 비싸다. ->  당신의 웹사이트가 데이터 요금이 비싼 국가의 사용자들을 대상으로 하고 있다면, 용량 최적화에 대해 좀 더 고민해봐야할 것이다.

 

이러한 단점을 가지고 있어도 리엑트가 주는 편리성과 안정성과 spa에 장점은 단점들를 커버 할수 있고 빨리 변화되는 시장에서 유동적으로 어플를 컨트롤 할수 있는 핵심 기술로 필요하다. 

 

 

 

 

    코더 장군
    코더 장군
    강아지 키우고 있는 소소한 개발자 성장기를 쓰는 일기장입니다

    티스토리툴바