앱-프론트앤드 기본 구성

제작 컨셉

모든 코드는 Typescript로 작성 한다.

React-Native를 이용하여 One-Source로 iOS 및 Android를 동시 지원한다.

서버와의 통신은 GraphQL 방식으로 한다.

Apollo를 통해 GraphQL을 편리하게 사용한다.

 

구성요소

Node.js, Typescript, React Native, Apollo

React Native Typescript 프로젝트 생성

$ react-native init PROJECT_NAME --template typescript

 

tsconfig.json 변경:

 

 

프론트앤드 제작에 필요한 모듈들 추가

$ yarn add graphql apollo-client

$ yarn add --dev @types/graphql

 

실행

$ yarn start

 

 

 

 

https://codinghub.tistory.com/39

https://sujinlee.me/webpack-react-tutorial/

https://pickering.org/using-react-native-react-native-web-and-react-navigation-in-a-single-project-cfd4bcca16d0