동시 번역 서비스, 번역기들을 만들 당시 간단히 웹뷰 앱도 만들어 각 플랫폼 마켓에 배포할 계획이 있었습니다. 그렇게 반 년이라는 긴 시간이 흐르고.. 적절하게 비게 된 시간과 마침 불타오른 개발 의지 덕분에 React Native를 활용한 간단 웹뷰를 개발하게 되었습니다.

먼저 개발 환경은 아래와 같습니다.

• OS: Windows 10
• Terminal: WSL2, 명령 프롬프트(CMD)
• IDEA: Intellij
• Test Machine: Android Galaxy Note 8

⚠ Terminal은 WSL2 환경에서 먼저 진행하였으나 호환 오류로 인해 CMD로 전향했다는 점 미리 말씀드립니다.

이 개발을 시작할 당시에는 React Native에 대해 알고 있는 것이 그저 React Native라는 이름 뿐이었기에 React와 흡사하겠구나 라는 생각으로 첫 걸음을 떼었습니다.

1. React Native 설치?

React Native App 프로젝트를 만들고 React 개발에서 npm 저장소를 통해 패키지를 설치했던 것처럼 React Native를 설치했습니다.

yarn add react-native

그리고 “이 다음 뭐를 할 수 있지?” 라는 생각이 들었고(…) 과거 JS 앱 개발을 빠르게 시작할 수 있었던 create-react-app, express-generator 패키지가 떠올라 React Native 개발에 사용되는 패키지, CRNA(create-react-native-app)를 찾게 되었습니다.

2. Create React Native App으로 프로젝트 재생성

npx create-react-native-app my_first_native_app