[React Native] 개발 환경 세팅

2024. 3. 23. 11:48· React Native
목차
  1. 프로젝트 시작을 위해 개발 환경을 세팅했다.
  2. 1. 프로젝트를 설치할 폴더에서 터미널을 열어 아래 명령어를 입력한다.
  3. 2. 아래와 같은 화면이 나오면 개발할 앱의 이름을 입력한다.
  4. 3. 앱 이름을 입력했다면 Default new app을 선택한다.
  5. 4. 아래와 같이 해당 과정들이 실행되며 프로젝트 파일들이 생성된다.
  6. 5. 설치가 끝나면 아래와 같은 화면이 나온다. 3가지 실행 옵션 중 자신의 목적에 따라 선택하여 실행한다.
  7. Android나 Ios 개발을 목표로 한다면 각각의 시뮬레이터를 설치해야 한다.

프로젝트 시작을 위해 개발 환경을 세팅했다.

내가 선택한 것은 create-react-natvie-app이다

 

Expo 사와 Meta 사의 협업으로 React Native, Expo 라이브러리 모두 사용 가능하다. 요번에 출시 할 앱의 높은 완성도와 퀄리티를 위해  선택했다. 

 

이제부터 개발 세팅 단계를 설명하겠다.

 

1. 프로젝트를 설치할 폴더에서 터미널을 열어 아래 명령어를 입력한다.

npx create-react-native-app

 

 

2. 아래와 같은 화면이 나오면 개발할 앱의 이름을 입력한다.

 

 

3. 앱 이름을 입력했다면 Default new app을 선택한다.

 

 

4. 아래와 같이 해당 과정들이 실행되며 프로젝트 파일들이 생성된다.

 

 

5. 설치가 끝나면 아래와 같은 화면이 나온다. 3가지 실행 옵션 중 자신의 목적에 따라 선택하여 실행한다.

 

Android나 Ios 개발을 목표로 한다면 각각의 시뮬레이터를 설치해야 한다.

나는 이미 설치가 끝났고 내가 보기 위한 블로그이기에 해다 과정은 생략한다. 

'React Native' 카테고리의 다른 글

[React Native] 카카오 REST API를 이용한 카카오 주소 검색 화면 구현하기  (0) 2024.07.04
[React Native] 이메일 인증번호 타이머 및 컴포넌트 구현  (1) 2024.04.05
[React Native] 회원 가입 시 이메일 유효성 검사 및 검증 여부에 따른 메세지 보여주기  (1) 2024.04.03
[React Native] 앱 아이콘 설정하기  (1) 2024.04.03
[React Native] Splash Screen 설정하기  (0) 2024.03.23
  1. 프로젝트 시작을 위해 개발 환경을 세팅했다.
  2. 1. 프로젝트를 설치할 폴더에서 터미널을 열어 아래 명령어를 입력한다.
  3. 2. 아래와 같은 화면이 나오면 개발할 앱의 이름을 입력한다.
  4. 3. 앱 이름을 입력했다면 Default new app을 선택한다.
  5. 4. 아래와 같이 해당 과정들이 실행되며 프로젝트 파일들이 생성된다.
  6. 5. 설치가 끝나면 아래와 같은 화면이 나온다. 3가지 실행 옵션 중 자신의 목적에 따라 선택하여 실행한다.
  7. Android나 Ios 개발을 목표로 한다면 각각의 시뮬레이터를 설치해야 한다.
'React Native' 카테고리의 다른 글
  • [React Native] 이메일 인증번호 타이머 및 컴포넌트 구현
  • [React Native] 회원 가입 시 이메일 유효성 검사 및 검증 여부에 따른 메세지 보여주기
  • [React Native] 앱 아이콘 설정하기
  • [React Native] Splash Screen 설정하기
k-oyun
k-oyun
k-oyunk-oyun 님의 블로그입니다.
k-oyun
k-oyun
k-oyun
전체
오늘
어제
  • 분류 전체보기
    • React Native
    • HTML
    • CSS
    • Coding Test
    • CS

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • viewshot
  • 인증 타이머 구현
  • 이메일 인증 화면
  • html
  • 프로그래머스
  • 컴포넌트 나타내기
  • web
  • 이메일 중복
  • HTTP
  • http 메서드 속성
  • rn
  • camera-roll
  • view-shot
  • html 개발 세팅
  • bfs
  • cameraroll
  • refreshcontrol
  • CSS
  • Email Duplication
  • 갤러리 저장
  • HTML CSS suport
  • kakao rest api
  • 이메일 인증 타이머
  • Email
  • 전화번호 검증
  • React Native
  • web 개발 세팅
  • EmailVerification
  • kakao
  • ios

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
k-oyun
[React Native] 개발 환경 세팅
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.