React-native 도전기 - 1

nd098pkc·2023년 3월 28일
0

React-Native

목록 보기
1/1

React-native

웹 개발에 어느정도 익숙해지고 채용시장에서의 기술스택을 살펴보던 중 React-native라는 용어를 보게 되었습니다. React만 알고 있어도 비교적 쉽게 앱을 만들 수 있다는 설명에 솔깃해 React-native에 도전해보기로 했습니다.

React-native란?

리액트 네이티브는 페이스북에서 만든 오픈소스 모바일 애플리케이션 프레임워크 입니다. JavaScript로 앱 개발이 가능하다는 점과 하나의 언어로 IOS와 안드로이드 모바일 앱을 동시에 개발할 수 있다는 점이 굉장히 매력적이네요.

React-native 시작하기

우선 컴퓨터 상에서 바로 실행해볼 수 있는 웹과 달리 앱은 컴퓨터로 프로그래밍 한 뒤 Android 에뮬레이터 혹은 iOS 시뮬레이터를 사용해야 결과물을 테스트해볼 수 있습니다. 설치해야하는 새로운 프로그램이 많아질수록 도전은 부담스럽고 어려워질 텐데 알아보니 Expo라는 플랫폼을 통해 본인의 스마트 기기로 앱을 테스트해볼 수 있다고 하네요. 그래서 Expo를 이용하여 프로젝트를 시작해보기로 했습니다.

Expo 설치 및 프로젝트 생성

우선 Expo-cli를 설치해줘야합니다. 다음 명령어를 이용하여 Expo-cli를 설치해줍니다.

npm install --global expo-cli

설치가 완료되면 다음과 같은 명령어로 새로운 프로젝트를 실행할 수 있습니다. React에서 CRA로 새로운 프로젝트를 시작할 때와 같다고 생각하면 편하겠네요

expo init 프로젝트명
ex)프로젝트 명이 newProject일 경우 => 'expo init newProject'

CRA와 마찬가지로 입력한 프로젝트명의 폴더가 새로 생성되는점을 알아둡시다. 프로젝트 폴더를 생성하고자 하는 위치의 상위폴더에서 위 명령어를 실행시켜주면됩니다.

성공적으로 프로젝트가 생성되었다면 다음과 같은 기본 폴더구조를 확인할 수 있을것입니다.

React-native인 만큼 React와 닮아 익숙한 구조에 조금은 마음이 편안해지는데요, 그럼 앱 개발이라는 새로운 영역의 맛보기를 본격적으로 시작해보겠습니다.

profile
늦게배운 코딩이 무섭다

0개의 댓글