React, React Native, React.js

송민경's avatar
Oct 26, 2024
React, React Native, React.js

1. React

  • 사용자 인터페이스(UI)를 구축하기 위한 JavaScript 라이브러리
  • 페이스북에 의해 개발
  • 컴포넌트 기반 아키텍처를 사용
 
  • 주요 특징:
    • 컴포넌트 기반: UI를 재사용 가능한 컴포넌트로 나누어 관리할 수 있음
    • 가상 DOM: 실제 DOM 대신 가상 DOM을 사용하여 성능을 최적화
    • 단방향 데이터 흐름: 데이터가 부모 컴포넌트에서 자식 컴포넌트로 흐르며, 이는 상태 관리와 디버깅 용이
    •  

2. React Native

  • 모바일 애플리케이션을 개발하기 위해 리액트를 기반으로 하는 프레임워크
  • iOS와 Android 모두에서 작동하는 네이티브 앱을 만들 수 있음
 
  • 주요 특징:
    • 네이티브 컴포넌트 사용: HTML 요소 대신 모바일 플랫폼의 네이티브 UI 컴포넌트를 사용하여 더 나은 성능과 사용자 경험을 제공
    • 단일 코드베이스: 하나의 코드베이스로 두 가지 플랫폼(iOS 및 Android)에서 앱을 개발
    • 핫 리로딩: 코드 변경 시 앱을 다시 빌드하지 않고도 실시간으로 결과를 확인할 수 있음
    •  

3. React.js

  • 종종 리액트 라이브러리를 지칭하는 용어로 사용
  • 사실상 리액트와 동일
  • 공식적으로는 "React"라고 부르는 것이 일반적
 
  • 주요 특징:
    • 리액트의 모든 기능을 포함
    • 주로 웹 애플리케이션 개발에 사용
Share article

vosw1