[React Native] 버그 수정 및 플랫폼별 코드 구체화/ Spalsh/ App Icon

흥미로운 Bug

좌우의 Work 와 Travel 의 폰트 크기가 우리가 원했던 것과는 다르다.

React Native Web :
styleSheet 에서 불러오는게 아니라 직접 style 안에다가 값을 적어주면

우리가 바라는 만큼 안정적이지는 않다.

app.json 을 살펴보자.

app.json 은 프로젝트 안에 있는 파일이다. 어플리케이션을 내가 원하는 대로 개발하기 위해 편집해야 하는 파일이다.

app.json 은 매우매우 강력하다.

app.json 은 다양한 설정값을 줄 수 있어서 강력하다.

아래에서 확인이 가능하다.

https://docs.expo.dev/versions/latest/config/app/

페이스북 로그인, 언어 등등 정말 많다.

아이콘을 바꿔보자.

우리는 3개 플랫폼의 개발자가 된 것이다.

멋진 앱을 만들어봐라. 이 기술을 가지고.

그 전에 우선 웹의 문제를 해결해 보자.
Alert 가 안되는 문제.

Platform 이라는 react native 에서 바로 불러오는 API를 보여주려 한다.

Platform API 로 지금 우리가 어느 Platform 에 있는 지 알 수 있다.

이렇게 플랫폼 별로 지원이 되고 안되는 기능이 있기 때문에 documentation 에서 플랫폼별로 표기를 해둔 점을 이해할 수 있다.

confirm은 브라우저 API 인데 유저에게 메세지를 보여주고 true or false를 반환해준다.

그러면 이렇게 잘 동작하는 것을 볼 수 있다!

이제 앱을 deploy 해서 배포하는 걸 해보자. 물론 이거는 매우 성가신 작업이다.

애플과 안드로이드에 각각 99$, 25$ 를 내야지만 개발자로 등록할 수 있다. 조건이 많다.

어떻게 앱을 build 하는지 모여준다. Expo CLI 가 사실 다 해준다.

build 하는 과정은 나의 컴퓨터에서 일어나지 않고 Expo 서버에서 일어난다. 그래서 우리는 iOS 앱을 만들기 위해 Mac OS 를 구동할 필요가 없다.

https://docs.expo.dev/classic/building-standalone-apps/

아래의 명령어를 입력하면 된다.

expo build:android
expo build:iOS

가장 멋진 점은 내 컴퓨터에서 실행되는 것이 아니라는 거다. 단순히 JS 코드를 expo 서버로 보내주면 거기서 처리가 되는 것이다. 그렇기 때문에 iOS 앱을 윈도우 기기에서 만들 수 있는 것이다.

Window Mac OS 를 위한 프로그램도 만들 수가 있다.
https://microsoft.github.io/react-native-windows/

VR 만들기
https://viromedia.com/viroreact

웹 사이트 퍼블리싱 하기
https://docs.expo.dev/distribution/publishing-websites/

npm i gh-pages

그리고 scripts 아래 스크립트 명령어를 package.json 파일 scripts 에 추가해주면 된다.

		"deploy": "gh-pages -d web-build",
        "predeploy": "expo build:web"

https://nomadcoders.co/react-native-for-beginners/lectures/3140