React Native 개발 시작하기 🌼
React를 활용해서 웹개발을 하고 있는 개발자로서, 좀 더 React에 대해서 깊은 공부를 하고 싶었습니다. 물론 JavaScript를 꾸준히 공부하는 것이 그 답이라고는 매일 생각하고 있지만... React와 앱?에 대한 저의 호기심을 막을 수 없었기에...
React Natvie는 React를 이용해서 앱을 개발하는 것? 으로 쉽게 이해하면 될 것 같습니다. 사실, 저도 그정도 밖에 몰라요...나중에 제가 더 많이 알게 되면~그 때, 더 디테일하게 설명해 드릴게요.
좀 더 React Native에 대해서 이야기를 해보겠습니다.
ReactNative는 iOS, android를 동시에 개발할 수 있습니다.
ReactNative는 아직 버전이 1이 안되었어요...
장점과 단점이 극명해요... Reac Native는 JavaScript와 React에 대해서 알고 있는 개발자는 쉽게 앱 개발에 뛰어들 수 있어요. 그리고, iOS와 android를 동시에 개발할 수 있다는 큰 장점을 갖고 있죠. 하지만, 아직 버전이 낮기 때문에, 안되는 기능이 많은 것이 현실이에요...
페이스북을 믿는거죠 뭐...
Expo ❓
이제 막 Reac Native(앞으로 RN으로 표기)를 시작한 입장에서, 정식 배포라던지... 이러한 디테일한 부분까지는 신경 쓸 수 없기 때문에, 좀 더 쉽게 사용할 수 있는 Expo를 이용해서 앱을 개발하기로 하였습니다. Expo는 저처럼 배움을 위해 이용하는 프레임워크? 이정도로 이해하시면 좋을 것 같아요. CRA라고 생각하면 될 것 같아요. 나중에 개발을 하신다면 react-native-cli 를 이용하시면 될 것 같아요. 저도... 듣기만 해서 나중에 react-native-cli에 대해서도 이야기 하도록 하겠습니다.
Expo 시작하기 😊
뭐니뭐니해도... 공식문서만한게 없습니다. Expo 공식문서 에 접속을 해보시지요... 다~나와있습니다.
npm install --global expo-cli
expo init my-project
참, RN시작하기에 앞서 꼭, X-Code를 설치하시는 것을 추천드려요. 설치하는데 정말 시간이 오래걸립니다... X-Code가 있어야, 시뮬레이터를 돌릴 수 있어요. PC화면에 모바일화면을 띄울 수 있답니다.
기본적으로 알아야 할 것 🧐
- RN은 정렬을 사용할 때, flex가 기본이다.(ㅎㅎㅎ flex 편하고 좋아요~)
- flex는 웹에서는 기본이 row이지만, 앱에서는 columndl 기본이다.
- height 100%는 flex:1 이다??
마무리 😚
아직은 모르는게 많습니다. 빨리 배우고 익혀서 좋은 정보 계속해서 추가하도록 하겠습니다.
