react native cli 프로젝트를 이번 학기에 학교 수업으로 시작했습니다.👏
-> 여쭤보고 가르침받는 수업이 아니라 저희가 처음부터 공부해서 창의적으로 프로젝트 끝마치는 시스템입니다.
그런데 초기설정에서 좌충우돌이 넘 많아서 본격적으로 코드를 짜기 전에 지쳐버렸었답니다..😭 (방학동안 배운 것도 다 까먹어쓰요..ㅎㅋ)
그래서 설치과정을 공유하고자 합니다.
expo vs cli
🤔왜 cli를 택했는지?
처음에 팀원들이랑 정할 때 expo가 초기 설정도 간편하고 쉬워서 입문용으로 많이 한다고 했지만 정식으로 앱을 출시하는 규모정도면 어쨌든 cli 로 전환하게 되며 불편하다는 말에 , 그리고 인앱결제 같은 시스템을 cli에서 써야해서 호기롭게 cli를 택했습니다.
저는 윈도우라 안드로이드 스튜디오를 깔아서 빌드합니다.
요 녀석이 초보자인 저를 힘들게 했습니다.🐧
설치를 어떻게 할까요?
RN cli는 강의도 거의 없습니다. 자료가 많지 않다는 느낌이 들었습니다.
무조건 공식문서 참고하시고 설치에 필요한 부분을 구글링하세요 ! !
링크텍스트 - rn 공식문서
환경변수 설정하는걸 꼬옥 해주세요..
나의 좌충우돌 오류 해결과정...💥
나의 교훈 :
1. 💥재설치 / 삭제 무한굴레에 빠지지 말자🐍
2. 오류 뜨면 번역해서 한줄한줄 뜯어봐.
3. warning 에 겁먹지말고 찾아봐 .
초보 개발자인 제가 오류에 당황해서 워드 10장 분량 채운거 실홥니까🤣
그냥 쭉 읽어보고 무슨 오륜지에만 검색해서 해결하면 될 것을 .. 교훈 얻어갑니당!!
1. 안드로이드 스튜디오
no sdk 문제 :
계속 실행버튼 위에 x표시 있고 찝찝해서 무한 삭제 설치 굴레에 빠졌습니다. 삭제도 심지어 제대로 안하면 오류를 또 부릅니다 ㅎ 유튜브에 안드로이드스튜디오 제대로 삭제하고 설치하는법 있는데 이거 보고 삭제하시라옹
근데 환경변수 설정을 알고 보니 제대로 안해준건데 계속 설치하면 모합니까!!!!
2. 클론한 프로젝트 실행 문제
2.1
공식 문서대로 새로운 프로젝트 만들어서 실행하고 코드 여기저기 건드려보는건 잘 됐습니다
2.2
제가 안드로이드 스튜디오 재설치를 반복할 동안
mac 쓰시는 프론트 팀원 한 분이 호다닥 많이 진행시키셨습니다 . (죄송합니다😭)
그래서 저는 뒤늦게 깃허브에서 클론해온 프로젝트를 실행하고자 했지욥
여기서 문제가 생깁니다!!!
1. 에뮬레이터 api 레벨 맞추기.
package.json 폴더에 실마리가 다 있습니다. version 나와있습니다.
아 그리고 에뮬레이터가 계속 실행이 안돼서 몇시간을 헤맸는데
cold boot now
누르니까 너무 잘돼서ㅋㅋㅋㅎ😏
2. sdk dir 써주기
https://velog.io/@760kry/ERROR-npx-react-native-run-android
포트 8081 에러와 sdk dir 에 대한 좋은 오류 해결 글이었습니당 감사합니다!
💥💥3. Task :react-native-reanimated:compileDebugJavaWithJavac Failed
: 요녀석!!!!!! 때문에 제 머리카락이 5분의 1은 빠졌을거에요.
생각보다 간단했는데 .....
3.1. babel plugin 삽입
https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation/
공식 문서 보시면 babel 파일에 저 코드를 삽입하라고 되어있어요!
근데 mac에서 정상 작동된 프로젝트를 클론해왔는데 왜 코드를 추가로 삽입을 해야하는지는 저도 의문이에영....! 제가 윈도우라 그런건가...?!
3.2. 버전!!!
그동안 한국어만 찾아다녔습니다.
아주 나쁜 습관을 이번 기회에 고치게 되었어용.
전세계에 저와 같은 문제 겪고 있으신 분들이 참말로 많더라니까요!!!
https://github.com/facebook/react-native/issues/35204
여기서
https://github.com/facebook/react-native/issues/35204#issuecomment-1304099109
configurations.all {
resolutionStrategy {
force 'com.facebook.react:react-native:0.68.2'
}
}코드 삽입으로 긴가민가 실행해보니 됐습니다 허허👏
(앗 저희는 0.68.2 버전을 써서 각자 맞게 쓰시옹)
후기
스택오버플로우와 친해질 수 있는 좋은 기회였습니다.
앞으로도 친해지자 젭알~ ! 🐳
