9_React Native 코딩환경 구성 및 Components APIs

1. 코딩환경 구성

Visual Studio Code를 실행하여 본격적으로 시작을 해보자.

Open Folder..를 통해, 생성한 프로젝트를 열고, Terminal>New Terminal을 눌러 터미널 창 함께 띄우자.

< 터미널(윈도우 에서는 cmd) 창을 따로 띄워 cd (프로젝트 명) 하지 않고도 바로 터미널 명령어를 사용가능하다. >

 

터미널에서 해야 할 일은 npm start 를 눌러 테스트 대기 상태로 두고, 

안드로이드 스튜디오를 켜서 셋팅해둔 안드로이드 에뮬레이터를 , xCode를 실행해서 iOS 에뮬레이터

이렇게 2개를 띄워놓으면, 실시간으로 확인하며 코딩이 가능한 환경 구축 완료!!!

 

---

 

2. 본격적인 코딩을 위한 Components & APIs 파악

 

이제 App.js내에 코딩되는 부분들을 살펴볼 텐데, 본문을 보면 StyleSheet, Text, View 라는 Component들을 import하여 쓰고있다.

 

그럼 React Native에서 지원하는 Component들은 어떤 것이 있을까?

https://reactnative.dev/docs/components-and-apis

에서 각종 컴포넌트들을 확인 할 수 있다. 기본적인 것부터 잘 정리해 두었으니, 각각에 대해 공부하여,

사용할 수 있는 전반적인 기능들을 훑어보고, 어떻게 사용하는지 대충 파악해둘 필요가 있다.

그 다음에는 본인이 어떤 기능들을 활용하여 시스템을 만들수 있을까 고민한 후,

API를 보면서 코딩을 진행해 나가면 될 것이다. 익숙해 지면 안보고도 쓸 수 있게 되는것일테고... 

 

참고로 API 메뉴를 쭉 내려보면, 공통으로 사용하는 API가 있는 반면,

각 OS에서 서로 다르게 지원되는 Component들도 있어, 구분해 두었다. 

 

여기까지 구축하고 문제가 생겼다.

현재 셋팅한 윈도우PC, 그리고 맥북프로 모두 i5에 RAM 8G인데, 

윈도우PC에서는 안드로이드 에뮬을 돌리면 CPU사용량이 100%가 되면서 버벅거려 작업이 불가능했다.

에뮬만 CPU사용율 70%에 육박한다...

 

우선은 맥북프로는 문제가 없어서 맥북프로로 진행은 하지만, 뭔가 해결법이 필요할듯 보인다.