로고
  • 소개
  • 트렌드
  • 사업별
  • 기능별
  • 형태별
  • 기술별
  • 디자인컨셉별

React

페이스북에서 제공하는 프론트엔드 JavaScript 라이브러리

사용자 인터페이스를 만들기 위한 JavaScript 라이브러리

React를 사용하지 않아도 HTML과 CSS, javascript 만으로도 웹 페이지를 만들 수 있지만 이는 단순한 정적인 화면을 만드는데 그치며, React를 이용하면 사용자와 상호작용할 수 있는 동적인 UI를 쉽게 만들 수 있기 때문에 많이 이용하는 웹 프레임 워크입니다.
React.js, React 둘다 혼용하며, 다른 라이브러리들과 함께 사용할 수 있어 효율적인 라이브러리라고 할 수 있습니다.

React는 컴포넌트 기반으로 컴포넌트에 데이터를 흘려보내면 설계된 대로 UI가 조립되어 사용자에게 보여집니다.
웹을 만드는 데 꼭 필요한 도구들이 전부 기본적으로 제공되진 않으며 그런 만큼 가볍고, 선택의 폭이 넓습니다.

선언형

상호작용이 많은 UI에 유리하며 데이터가 변경될 때 효율적으로 렌더링 가능

컴포넌트 기반

하나의 컴포넌트로 묶어서 관리하여 복잡한 UI도 구성할 수 있으며 코드의 재사용과 유지보수 용이

어디에서나 사용

Node 서버에서 렌더링, 온라인 웹 사용 가능, React Native를 이용하면 모바일 앱 개발까지 가능

Virtual DOM

상태의 변함에 따라 선택적으로 유저인터페이스를 렌더링, 최소한의 DOM처리로 컴포넌트 업데이트 가능

React의 장점

  • 애플리케이션을 만들때 복잡성이 낮고 JavaScript 객체 형태의 Virtual DOM 을 사용하여 어플리케이션의 성능을 향상 시킵니다.
  • 서버 사이드 렌더링과 클라이언트 렌더링을 둘 다 지원하며 브라우저 측의 초기 렌더링 딜레이를 줄이고, SEO 호환도 가능합니다.
  • 다른 프레임워크나 라이브러리와 혼용하여 사용할 수 있어서 개발이 완료된 서비스에도 적응 가능합니다.

React의 단점

  • SPA(Single Page Application)의 단점으로 앱의 규모가 커지면 느려집니다.
  • view 외 기능들은 직접 구현하거나 라이브러리를 사용하여 구현해야합니다.
  • IE8 이하 버전들을 지원하지 않습니다.


고객사례

디몬스터솔루션은 다양한 서비스를 제공하고있습니다.

라이브방송, 커머스, 채팅, 영상시청 플랫폼

라이브방송, 커머스, 채팅, 영상시청 플랫폼

#라이브커머스#웹사이트#네이티브앱#강렬한#깔끔함#채팅

샘플 체험 후 화장품 구매 플랫폼

샘플 체험 후 화장품 구매 플랫폼

#react#어플#쿠폰#행사#api#결제#화장품

주문부터 결제까지 모바일 주문 앱(고객용,점주용어플,배달완료)

주문부터 결제까지 모바일 주문 앱(고객용,점주용어플,배달완료)

#React Native#React#배달#모바일#주문

어린이급식관리지원센터

보육시설의 위생상태를 점검, 등록하고 관리하는 어플리케이션

#React Native#React#매칭#모바일#유치원#관리

라이브투어와 채팅 및 가격제시를 통한 미국 부동산 플랫폼

라이브투어와 채팅 및 가격제시를 통한 미국 부동산 플랫폼

#React Native#React#동영상#녹화#부동산#api#지도

플래너와 용돈관리 기능을 할 수 있는 앱

플래너와 용돈관리 기능을 할 수 있는 앱

#React Native#React#아이#교육

디몬스터|TEL : 070-7621-0572/070-5022-0572|HP : 010-7574-0572|E-mail : jackee@naver.com

서울 구로구 구로동 222 7번지 코오롱디지털타워빌란트 15층 1509,10호
부천시 길주로 272 2001호(중동 코스모폴리탄)
부산시 금정구 금정로 225 4층,5층
몽골사무실- Ulaannaatar.mongola bayangol district 3-khoroo agro center 9-02

COPYRIGHT 2022 by dmonster. ALL RIGHT RESERVED.