React Native 기초 (1일 차,공부 동기, 개발 환경 세팅)

공부 동기

6사단 창업경진대회에 목업 외에도 프로토타입을 시연하고 싶었는데,

내 전문분야인 유니티(그래픽 렌더링이 주가 됨)로는 한계가 있었다.

안•스나 Swift도 깔짝해봤고 Flutter도 잘 모른다.

javascript, hmtl, css는 기억할 것도 없다는 것을 기억하지만 typescript, C#, JAVA만큼 자신있지도 않다.

게다가 팀원에 개발자는 나 혼자.

이러한 상황에서 내가 원하는 크로스플랫폼 앱/웹을 개발하고는 싶은 마음.

그래서 React Native 공부를 하기 시작한다.

 

1일 차에는 개발환경 세팅을 공부했다. 

 

Computer
_ JAVA, 안드로이드 SDK, 시뮬레이터, 개발도구
_ Xcode, 시뮬레이터

터미널 -> node -v 실행
v.14.17보다 높으면 진행
node.js와 npm이 설치되어있어야함

 

*Bridge들을 통해서 코드가 OS와 통신할 수 있도록 하는 인프라

안드로이드 -> apk - JAVA
IOS -> ipa - Xcode

Javascript를 빼고 모든 인프라가 갖춰진 어플 : Expo

[Expo 설치과정 설명]

 

React Native는 번역기 역할 : javascript -> JAVA, IOS 코드

React Native의 컴포넌트는 IOS와 안드로이드에게 해당 기능을 구현해달라고 요청(브릿지 : 메세지)을 하지 직접 만들지 않음. 그래서 두 OS는 다른 모습을 보일 수 있음.

Native : 이벤트 감지 -> Bridge : 이벤트 수신 -> Javascript : 이벤트 처리 -> Bridge : 이벤트 수신 -> Native : 이벤트 실행

Native 인프라 : JAVA, Object-c, Swift

 

 

공부 후기 : 군대라는 환경에 맞춤인 환경을 찾은 것에 대한 보람이 있다. 생각보다 수월한 과정이었다. 정리된 내용을 보니 확실히 나만 알아볼 수 있다. 모두 나만의 사고과정을 거쳐 나온 타이핑이기 때문에 내가 복기하기는 좋다 ㅎㅎ. 어차피 나중에 다시 봐야할 설치 과정들이다. 바로 넘어가도록 하자.