Jake Seo
제이크서 개발 블로그
Jake Seo
전체 방문자
오늘
어제
  • 분류 전체보기 (719)
    • AI 서비스 개발 일기 (3)
    • LLM 개발 일기 (1)
    • ------레거시 (2025.08.23 이전)--.. (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)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

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

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Jake Seo

제이크서 개발 블로그

리액트 네이티브 초기 프로젝트 생성 방법 (feat. Expo vs React Native CLI )
리액트 네이티브 (React Native)

리액트 네이티브 초기 프로젝트 생성 방법 (feat. Expo vs React Native CLI )

2022. 11. 9. 20:04

리액트 네이티브 프로젝트 생성 방법 2가지

리액트 네이티브 프로젝트를 생성하는데는 대표적으로 2가지 방법이 있다.

  • Expo
  • React Native CLI

리액트 네이티브 공식문서 를 보면, 아래 두가지 방법이 나오는데, 하나는 Expo 를 이용한 방법이고, 하나는 React Native CLI 를 이용한 방법이다.

아래는 공식문서 스크린샷이고, 두가지 방법이 분기되어 있다.

Expo 의 특징

단점

  • 네이티브 기능 제어를 완벽하게 할 수 없다.
  • Expo 에서 제공하는 기능을 사용해야 한다.

장점

  • 초기 환경 세팅이 간단하다.
  • 빠르게 모바일 웹 개발이 가능하다.
  • 모바일 앱 개발에 친숙하지 않은 사람에게 좋은 도구이다.
  • 앱스토어나 구글 스토어에 출시하기 쉽다.

React Native CLI 의 특징

단점

  • 초기 환경 세팅이 꽤 귀찮다.
  • Object-C 로 된 혹은 Java 로 된 네이티브 앱 코드를 건드려야 한다.
  • 안드로이드 스튜디오, XCode 등을 사용해야 할 일도 많다.

장점

  • 모든 네이티브 기능을 자유롭게 이용 가능하다. (네이티브 코드만 안다면...)
  • React Native 가 주는 이점과 네이티브 앱이 주는 이점을 고루 섞을 수 있다.

무엇이 더 좋은가?

프로덕션 앱을 출시하려면, 무조건 React Native CLI 로 만드는 것이 좋다.

React Native CLI 로 타입스크립트 앱 만드는 명령어

중요한 초기 세팅과 관련된 절차는 이 링크 에 친절하게 나와있다.

npm i -g react-native
npx react-native init 앱이름 --template react-native-template-typescript
저작자표시 비영리 (새창열림)

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

리액트 네이티브 Failed to launch emulator 에러 해결하기  (0) 2022.11.25
리액트 네이티브 푸시 알람 보내는 방법  (0) 2022.11.19
리액트 네이티브 apk 파일 생성하기  (0) 2022.11.07
리액트 네이티브, 헤르메스(Hermes) 란?  (0) 2022.11.07
리액트 네이티브 코드 푸시(Code Push) 란, 그리고 코드 푸시 설정법  (2) 2022.11.07
    '리액트 네이티브 (React Native)' 카테고리의 다른 글
    • 리액트 네이티브 Failed to launch emulator 에러 해결하기
    • 리액트 네이티브 푸시 알람 보내는 방법
    • 리액트 네이티브 apk 파일 생성하기
    • 리액트 네이티브, 헤르메스(Hermes) 란?
    Jake Seo
    Jake Seo
    ✔ 댓글로 틀린 부분을 지적해주시면 기분 나빠하지 않고 수정합니다. ✔ 많은 퇴고를 거친 글이 좋은 글이 된다고 생각합니다. ✔ 간결하고 명료하게 사람들을 이해 시키는 것을 목표로 합니다.

    티스토리툴바