React native expo시작하기

갑자기 시작된 react native expo ..
맨땅에 또 헤딩하기지만 하루 이틀이 아니니 해보자 ! 🏃🏻‍♀️

일단 yarn으로 시도해보았으나 yarn이 문제인지 그냥 과정이 문제인지 계속 오류가 나서 몇번 폴더를 삭제하고 처음부터 다시 해보고를 반복하다가 npm으로 하게 되었다.

 npm install -g expo-cli
 yarn global add expo-cli

expo를 이렇게 설치하고

 expo init 프로젝트

이렇게 간단하게 시작할 수 있다.

근데 나는 그 중에서도 blank를 선택할 때 typescript를 쓸 것이므로
expo + typescript를 선택했다.

그리고 여기서 설치해야 할 두가지!
핸드폰 어플 expo go, 그리고 컴퓨터에서 android studio

이 두가지를 설치하고 설정까지 끝내면 웹에서도, 어플에서도 볼 수가 있다.

npm start
expo start
npx expo start

여기까지가 일반적인 과정!

1. 그러나 나는 처음에 웹에서도 뜨지 않았다.
   이 시스템에서 스크립트를 실행할 수 없으므로 ... 라는 에러 문구 발생
   이것이 발생한 이유는 설치할 권한이 없기 때문이다.
   따라서 터미널을 꼭! 작업관리자로 실행시켜주고, 밑의 구문을 실행시켜 주면 된다.

get-ExecutionPolicy // restricted

Set-ExecutionPolicy RemoteSigned

get-ExecutionPolicy // RemoteSigned

여러가지 권한의 단계가 있는데, 처음에 나는 restricted로 권한 제한이 되어 있었던 것이고, 이것을 RemoteSigned 상태로 바꿔달라고 요청했다. 그리고 나서 다시 해 보았더니 저렇게 바뀐 것!
=> 웹은 해결해서 웹에서 뜨게 되었다.

2. 이제 android studio에서 뜨지 않게 되었다.
   Couldn't adb reverse: device 'adb' not found 라는 오류가 발생했는데 구글링을 해도 잘 나오지 않았다. 그래서 챗지피티 한테 도움을 요청했다.

Windows 사용자: 시스템 속성 -> 고급 시스템 설정 -> 환경 변수 -> 시스템 변수에서 
"Path" 변수를 선택하고 "편집"을 클릭합니다. 
새로운 경로로 Android SDK의 "platform-tools" 폴더를 추가합니다. 
예를 들어, 기본 경로는 "C:\Users\YourUsername\AppData\Local\Android\Sdk\platform-tools"
일 수 있습니다.

이 방법으로 성공했다 !

사실 여러번 실패해서 구글링을 많이 했지만! 그래도 오늘안에 셋팅은 마치자는 목표를 이루었다.

참고
https://fomaios.tistory.com/entry/Error-%ED%95%B4%EA%B2%B0%EB%B2%95-%ED%8F%AC%ED%95%A8-Window-PowerShell-PSSecurityException-%EC%9D%B4-%EC%8B%9C%EC%8A%A4%ED%85%9C%EC%97%90%EC%84%9C-%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%A5%BC-%EC%8B%A4%ED%96%89%ED%95%A0-%EC%88%98-%EC%97%86%EC%9C%BC%EB%AF%80%EB%A1%9C

https://logger.one/entry/ReactNative-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-with-Expo