** 배운 것
* 세팅
- node.js 버전 14.7 이상 (난 14.6이라서 따로 업데이트 했다)
- node.js 업데이트(mac)
npm cache clean -f
npm install -g n
n stable
(최신 버전은 n stable 대신 n latest을 넣으면 된다.)
- 윈도우는 node.js를 다시 다운받으면 된다.
* Expo 시작
- npm install --global expo-cli 입력
- 핸드폰으로 expo 앱 다운 후 로그인
(안드로이드 : Expo, ios : Expo go)
*ReactNative란?
- 브라우저가 아님
- 아름다운 번역기
- 인터페이스로 운영체제 사이에 존재함
- 작동법
(event : 사용자가 화면에서 버튼을 누르는 것이라고 가정)
① native(ios, 안드로이드)에 event가 기록됨. 즉 ios와 안드로이드가 터치 이벤트를 감지
② ios와 안드로이드는 이벤트에 대한 데이터를 수집함.
ex) 화면의 어디에서 이벤트가 발생했는지 어디서 눌렸는지 .. 등등
③ react native는 그 정보를 가지고 JSON 메시지를 생성
④ Javascript 즉 우리의 코드는 그 메시지를 받음.
⑤ javascript에서 코드 실행(UI 변경 등)(빨간색으로 버튼 변경)
⑥ react native 는 native 운영체제에게 메시지를 보냄. 5번에서 실행될 코드에 대해서 말함.(버튼을 빨간색으로 변경해라)
⑦ native에서 update UI
* 시작하기
- cmd에 expo init 앱이름 입력 후 enter 누르기
- cmd에서 expo login 입력 후 로그인
- npm start
** 결과 및 느낀점
왕초보를 위한 React Native 101 #1 완료
시간이 얼마 되지 않아 #1은 일찍 끝날 줄 알았는데 생각보다 설치하는 것이 시간이 오래걸렸다.
#2는 19일전에 완료해서 19일에 #3부터 공부할 수 있도록 해야겠다고 다짐했다.