1회차 - 00 react native 개요 및 개발환경 설정

현 상황

• react.js를 학습하지않고 시작해보기

공홈 링크

• https://reactnative.dev/

React Native

• 페이스북 내부 해커톤에서 생성

개발환경 구성 가이드

• https://reactnative.dev/docs/environment-setup
• Expo CLI Quickstart 와 React Native CLI Quickstart (여기서는 후자를 선택)

윈도우에서 설치 과정

• IOS를 만들려면 Mac이 필요
• 그러면 윈도우-안드로이드 조합을 준비해야하는데, 설치하는 과정이 쉽지않음.
• 여기서 고민.. 컴퓨터에 환경을 구성할까? 아니면 IDE를 빌릴까?
• 대체로 윈도우로는 react native 개발이 힘들다고 한다. 그러므로 Mac이나 Linux, 클라우드를 고려하자.

Online Playgrounds

• CodePen,
• CodeSandbox,
• Glitch

윈도우에서 설치하는 방법

• 윈도우 react native 설치 : https://dev-yakuza.github.io/ko/react-native/install-on-windows/
• 생코 react 설치 : https://youtu.be/nvRlr_qPfBc

결국 클라우드로 결정

클라우드 쓰면 불편할 거란 얘기를 많이 들었지만, 나는 개발용 랩탑이 여기저기 있어서 클라우드를 쓰기로 결정.
구름 IDE를 사용하기로 맘 먹었다.

일단 https://richwind.co.kr/100 글을 참고하여 구름 IDE 가입 및 환경 구성을 진행.

전부 만들어졌으면 UI가 바껴있는데,
[프로젝트] - [실행] - [new run react-navite] 을 클릭하거나 그냥 Shift + F5를 누르고 (좀 오래) 기다리면 QR코드가 뜬다. 이 QR코드로 Expo 를 사용할 수 있다.(Expo가 무엇인지는 일단 스킵)

이 QR코드를 이용하라면 EXPO앱을 설치를 한 후 스캔해야한다(오래걸린다)
이렇게 하면 스캔한 폰과 실시간 연동이 되어있다.

실질적인 코드는 App.js에 작성한다.