expo.io를 활용한 클라이언트 앱

여러분 안녕하세요.

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

 

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

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

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

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

 

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

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

 

 

Expo 로고

 

 

여기서 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