반응형
Jake Seo
제이크서 위키 블로그
Jake Seo
전체 방문자
오늘
어제
  • 분류 전체보기 (715)
    • 일상, 일기 (0)
    • 백준 문제풀이 (1)
    • 릿코드 문제풀이 (2)
    • 알고리즘 이론 (10)
      • 기본 이론 (2)
      • 배열과 문자열 (8)
    • 데이터베이스 (15)
      • Planet Scale (1)
      • MSSQL (9)
      • 디비 기본 개념 (1)
      • SQLite 직접 만들어보기 (4)
    • 보안 (7)
    • 설계 (1)
    • 네트워크 (17)
      • HTTP (9)
      • OSI Layers (5)
    • 회고 (31)
      • 연간 회고 (2)
      • 주간 회고 (29)
    • 인프라 (52)
      • 도커 (12)
      • AWS (9)
      • 용어 (21)
      • 웹 성능 (1)
      • 대규모 서비스를 지탱하는 기술 (9)
    • 깃 (7)
    • 빌드 도구 (7)
      • 메이븐 (6)
      • 그레이들 (0)
    • Java (135)
      • 이펙티브 자바 (73)
      • 자바 API (4)
      • 자바 잡지식 (30)
      • 자바 디자인 패턴 (21)
      • 톰캣 (Tomcat) (7)
    • 프레임워크 (64)
      • next.js (14)
      • 스프링 프레임워크 (28)
      • 토비의 스프링 (6)
      • 스프링 부트 (3)
      • JPA (Java Persistence API) (5)
      • Nest.js (8)
    • 프론트엔드 (48)
      • 다크모드 (1)
      • 노드 패키지 관리 매니저 (3)
      • CSS (19)
      • Web API (11)
      • tailwind-css (1)
      • React (5)
      • React 새 공식문서 요약 (1)
      • HTML (Markup Language) (5)
    • 자바스크립트 (108)
      • 모던 자바스크립트 (31)
      • 개념 (31)
      • 정규표현식 (5)
      • 코드 스니펫 (1)
      • 라이브러리 (6)
      • 인터뷰 (24)
      • 웹개발자를 위한 자바스크립트의 모든 것 (6)
      • 팁 (2)
    • Typescript (49)
    • 리눅스와 유닉스 (10)
    • Computer Science (1)
      • Compiler (1)
    • IDE (3)
      • VSCODE (1)
      • IntelliJ (2)
    • 세미나 & 컨퍼런스 (1)
    • 용어 (개발용어) (16)
      • 함수형 프로그래밍 용어들 (1)
    • ORM (2)
      • Prisma (2)
    • NODEJS (2)
    • cypress (1)
    • 리액트 네이티브 (React Native) (31)
    • 러스트 (Rust) (15)
    • 코틀린 (Kotlin) (4)
      • 자바에서 코틀린으로 (4)
    • 정규표현식 (3)
    • 구글 애널리틱스 (GA) (1)
    • SEO (2)
    • UML (2)
    • 맛탐험 (2)
    • 리팩토링 (1)
    • 서평 (2)
    • 소프트웨어 공학 (18)
      • 테스팅 (16)
      • 개발 프로세스 (1)
    • 교육학 (1)
    • 삶의 지혜, 통찰 (1)
    • Chat GPT (2)
    • 쉘스크립트 (1)
    • 컴파일 (2)
    • Dart (12)
    • 코드팩토리의 플러터 프로그래밍 (4)
    • 플러터 (17)
    • 안드로이드 스튜디오 (1)
    • 윈도우즈 (1)
    • 잡다한 백엔드 지식 (1)
    • 디자인 패턴 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 객체복사
  • 싱글턴
  • 메이븐 라이프사이클
  • 토비의 스프링
  • 프로그래머의 뇌
  • Pre-rendering
  • serverless computing
  • 스프링 검증
  • 팩터리 메서드 패턴
  • 도커공식문서
  • Javadoc 자바독 자바주석 주석 Comment
  • 플라이웨이트패턴
  • prerendering
  • 싱글톤
  • 참조 해제
  • 메이븐 골
  • 자바스크립트 면접
  • 이펙티브자바
  • 알고리즘
  • pnpm
  • NEXT JS
  • 작업기억공간
  • 러스트
  • item7
  • MSSQL
  • 자바 디자인패턴
  • 자바
  • Next.js
  • 서버리스 컴퓨팅
  • 이펙티브 자바
  • try-with-resources
  • bean Validation
  • 자바 검증
  • 추상 팩터리 패턴
  • 빈 검증
  • next js app
  • item8
  • 자바스크립트
  • 메이븐 페이즈
  • 디자인패턴
  • rust
  • 슬로우 쿼리
  • 이펙티브 자바 item9
  • 자료구조
  • 자바스크립트 인터뷰
  • 느린 쿼리
  • 외래키 제약조건
  • item9
  • Java
  • 싱글톤 패턴

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Jake Seo

제이크서 위키 블로그

리액트 네이티브 (React Native) 란?
리액트 네이티브 (React Native)

리액트 네이티브 (React Native) 란?

2022. 10. 2. 16:34

리액트 네이티브 (React Native) 란?

자바스크립트 라이브러리인, 리액트 (React) 와 비슷한 방식을 이용하여 앱 개발을 할 수 있게 해주는 프레임워크이다.

어떤 문제를 해결하려고 나왔는가?

앱 개발 생태계는 두가지 운영체제에 따라 개발 방법이 완전히 갈리고 있다. 크게 삼성폰 (안드로이드) 와 아이폰 (IOS) 인데, 둘은 어떻게 디바이스를 구성할지 표준을 정하고 만드는 것이 아니기 때문에, 앱을 만드는 방법도 완전히 다르다.

무엇보다 React 로 앱을 만드는 것을 목적으로 한다.

React 는 웹개발자라면, 한번쯤 거쳐가는 라이브러리이기 때문에 기존에 알던 지식을 활용하여 웹과 앱을 전부 관리할 수 있다. 그리고 회사 차원에서는 기존의 React 개발자를 앱개발에 활용할 수도 있으니 가성비가 좋다.

플랫폼에 무관하게 동작하는 앱을 만드는 것을 목적으로 한다.

자바스크립트 코드로 앱을 작성하면, 두 플랫폼에 무관하게 앱을 이용할 수 있게 해주는 것이 목적이다.

사용자 경험에 악영향을 주지 않는 진짜 Native App 을 만드는 것을 목적으로 한다.

기존에도 이러한 멀티플랫폼 앱을 만들기 위해 많은 시도들이 있었지만, 실제 네이티브 앱의 느낌을 주기 위해 어쩔 수 없이 네이티브 앱을 선택해야만 하는 경우가 많았다. 그러나, 항상 네이티브 앱 비슷한 느낌에서 끝났는데, React Native 는 실제로 Native App 의 느낌을 줄 수 있다.

내부에서 제공하는 컴포넌트인 View, Text, Image 는 자바스크립트 소스코드로 작성 후 빌드하면, 플랫폼의 네이티브 UI가 된다.

자바스크립트를 이용한 좋은 개발경험을 제공하는 것을 목적으로 한다.

기존의 안드로이드 앱 개발과 다르게 앱 UI 등이 변화하는 모습을 개발 시점에서 빠르게 확인할 수 있다. DX가 좋다. 소스코드 작성 이후 반영이 한참 걸리던 이전의 안드로이드 개발을 생각해보면 정말 큰 장점이다.

https://reactnative.dev/img/homepage/ReactRefresh.mp4

레퍼런스

https://reactnative.dev/

반응형
저작자표시 비영리 (새창열림)

'리액트 네이티브 (React Native)' 카테고리의 다른 글

리액트 네이티브 앱 이름 변경 방법  (0) 2022.10.03
리액트 네이티브 (React Native) 앱 디버깅 하는 방법들  (0) 2022.10.03
React Native 의 Metro 란? Metro (메트로) 소개  (0) 2022.10.02
리액트 네이티브 초보자를 위한 UI 팁들  (0) 2022.10.02
리액트 네이티브 템플릿 프로젝트 기본 폴더 구조 살펴보기  (0) 2022.10.02
    '리액트 네이티브 (React Native)' 카테고리의 다른 글
    • 리액트 네이티브 (React Native) 앱 디버깅 하는 방법들
    • React Native 의 Metro 란? Metro (메트로) 소개
    • 리액트 네이티브 초보자를 위한 UI 팁들
    • 리액트 네이티브 템플릿 프로젝트 기본 폴더 구조 살펴보기
    Jake Seo
    Jake Seo
    ✔ 잘 보셨다면 광고 한번 클릭해주시면 큰 힘이 됩니다. ✔ 댓글로 틀린 부분을 지적해주시면 기분 나빠하지 않고 수정합니다. ✔ 많은 퇴고를 거친 글이 좋은 글이 된다고 생각합니다. ✔ 간결하고 명료하게 사람들을 이해 시키는 것을 목표로 합니다.

    티스토리툴바