Henry's Algorithm

react native 를 사용하는 2가지 방법 ❓❓

1. Expo를 사용하는 방법

• Expo Go client를 통해 변경 사항을 즉시 확인이 가능하다.
• 그 외 아무런 작업이 필요하지 않다!! 😲😲😲

아래 명령어를 통해 react native expo의 프로젝트를 생성할 수 있다.

npx create-expo-app AwesomeProject

cd AwesomeProject
npx expo start

2. React native cli 사용하는 방법

• 안드로이드/IOS 별로 별도 애뮬레이터 프로그램이 필요하다
• 안드로이드의 경우 JDK를 추가로 설치해주어야 한다.

아래 명령어를 통해 react native cli의 프로젝트를 생성할 수 있다.

npx react-native@latest init AwesomeProject

어떤 것이 더 좋을까? 💁🏻

🥇 우선 expo 는 유료화되었다. 몇십회 빌드까지만 무료로 제공되고 이후부터는 돈을 내면서 사용해야한다.

🥈 react-native cli는 부수적인 프로그램 설치 등 환경 세팅이 필요하다 무료이다. 원하는 만큼 빌드할 수 있고, 환경 세팅만 잘 된다면 나머지는 expo 를 통한 개발과 큰 차이가 없다.

+ 크로스 플랫폼으로 꾸준하게 개발하다보면 빛을 보는 날이 있을 것 🌟

처음에는 네이티브 프로그램에 비하여 성능과 여러가지 기능들이 떨어지지만,
포기하지 않고 꾸준히 하다보면 반드시 유용하게 사용되는 날이 올 것이다.

• Android와 IOS 를 동시에 혼자서 개발해야 할 때.
• 갑자기 App 개발을 빠른 시일 내로 해야할 때. 
• react native는 JS로 개발하기 때문에, 언어 친화력이 아무래도 높아질 수 밖에. 

더불어 App Store에 자신의 프로그램을 출시하는 자신을 발견하게 된다.

맺는말

여러분 안녕하세요.

알고리즘 공부하는 개발자 Henry Joo 입니다~~!!ㅎㅎ

제가 교회를 다니고 있는데,

성경 말씀 중에 참 인생에 필요한 내용들이 많이 있더라구요!

그래서 요즘에는 코로나 19로 인해 사회적 거리두기를 실천하며

열심히 "말씀으로 고민상담 인공지능"을 만들고 있습니다~ㅎㅎ

자, 이제 프로젝트의 클라이언트 단을 구성해야겠죠??

저는 expo.io 라는 플랫폼을 사용하여 만들 예정입니다.

여기서 expo.io란? JavaScript/TypeScript 코드베이스로 하나만 짜놓으면, iOS, Android, Wep App 모두 만들 수 있는 그런 환경을 제공해주는 플랫폼입니다.

expo.io에서 react-native를 활용하여 android, ios 모두 사용 가능한 하이브리드 앱을 만들겠습니다.

Expo.io 는 간편하고 빠르게 앱을 만들고 싶으신 분들에게 추천드립니다~!!

잠깐!!

혹시 expo.io가 준비되지 않으신 분들은 아래의 링크를 통해 공부하고 오시면 좋습니다~~~

https://datacodingschool.tistory.com/16

저는 따로 javascript 코드로 화면을 구성하지 않고, WebView를 보여주면서,

Server단에서 HTML 파일 던져주는 제어를 하도록 하겠습니다.

아래는 WebView를 띄워주는 expo.io 코드입니다.

import React, { Component } from 'react';
import { WebView } from 'react-native';

export default class MyWeb extends Component {
  render() {
    return (
      <WebView
        source={{uri: 'https://m.naver.com'}}
        style={{marginTop: 20}}
      />
    );
  }
}

위 코드에서

"https://m.naver.com" 부분만 

이제 원하는 링크도 바꿔주면 되는데,

이 부분은 STS4 서버에서 제어를 해야하니까,

잠시 내려놓도록 하겠습니다.

그럼 다음에 만나요~~~~

다들 화이팅!!

아래는 제가 알고리즘을 공부하고 수업하는 링크입니다.

네이버,딜리버티히어로,카카오,ZUM,삼성SW직군

입사 시 거쳐야할 코딩테스트 수업도

진행할 예정이니, 많은 관심 부탁드립니다~~!!ㅎㅎ

https://www.youtube.com/channel/UCYYao-BSPaetw7N2GFFJ-Yw?view_as=subscriber