본문 바로가기

[Dev] 🎯Self Study

[Self Study] React Native를 이용한, 간단한 TODO APP 만들기 (2)

feat. 다사다난한 EXPO 사용기

 

오랜만에 다시 만든 프로젝트에 들어가려니 

npm start, yarn start, expo start 다 안 먹어서 매우 당황.

 

 

구글링을 통해 방법을 찾아보았다.

 

 

스파르타코딩클럽

5주 완성! 코딩을 전혀 모르는 비개발자 대상의 웹개발 강의

spartacodingclub.kr

되는 듯 했지만 결국 안됐다.

 

 

그러던 중...

 

[node.js] npm은 package.json을 찾을 수 없습니다 - 리뷰나라

일부 예제의 종속성을 설치하려고합니다 .npm express 2.5.8은 다운로드했지만 모든 앱에서 동일한 오류가 발생합니다. c:\node\stylus>npm install -d npm info it worked if it ends with ok npm info using npm@1.1.1 npm info u

daplus.net

 

 

이 블로그를 보고 힌트를 얻었다.

내가 만든 프로젝트가 여러 갠데, 그중에서 expo가 없는 데에서 열고 있는 건가 싶었다. (깨달음)

 

 

해결완료!

 

(오늘도 새로 열려다가 안되길래,

cd .. 

cd .\new.app\ 가서

cd .\TheProject\ 가는 중...

구글링 고마워!)

 

이제 window에서 열리기는 잘 열리지만,,, 

안드로이드 폰에서 문제가 생겼다. (expo app)

 

들어가는건 가능한데, 할 일을 입력하면 app자체가 튕겨지는 것이었다. (그냥 나가버림)

 

사실 안 그래도 아이폰으로 expo app을 이용했을 때에 아무리 구글링해도 안고쳐지는 오류가 있어서 

안드로이드 폰으로 해본 건데, 이 친구는 왜 또 안되지.. 싶어졌다. 

 

그런데 그때의 ios에서의 오류도 할일을 '입력'하면 빨간 경고창이 뜨는 걸 보아하니,

app 자체에서의 같은 오류인 듯 싶었다. 

안드로이드 폰에서 로그창

remote debugger is in a background tab which may cause apps to perform slowly.
fix this by foregrounding the tab(or opening it in a seperate window.)


: 원격 디버거가 백그라운드 탭에 있으므로 앱이 느리게 실행될 수 있습니다.
탭을 전경화하여 수정합니다(또는 별도의 창에서 여십시오).

 

 

다른 건 어느정도 이해가 되는데.. 사실 안됐다. 전경화는 어떻게 하는 거지..? 의문만 동동 떠다녔다.

 

 

일단 구글링 통해 같은 오류가 있던 글을 찾을 수 있었다.

그러나 똑같이 코드를 적용해 본 결과, 오히려 원래 있던 기능들이 다 안뜨는.. 불상사가 발생해서 

코드를 원래대로 돌려놓았다.

 

 

Remote Debugger is in a Background Tab which may cause apps to perform Slowly React Native

Remote debugger is in a background tab which may cause apps to perform slowly. Fix this by foregrounding the tab or opening in a separate.

reactnativecode.com

 

그러다 댓글에서 한 줄기 희망을 발견하고 다시 구글링.

아무튼 expo 문제라는거지... 내 코드는 잘못없ㅅㅇ ㅓ...
구글링 검색하기

 

의외로 이 문제를 겪는 사람들이 꽤 있었고,  

공통적으로는 '앱 데이터 및 캐시 지우기'를 하고 있었다.

 

아주 간절한 마음을 담아 시도하기.

(이때 나는 그냥 시원하게 expo app을 삭제했다 다시 깔았다.)

 

How to disable Remote JS Debugging in React-Native

I realize that the normal way to disable debugging is by going to the developer menu. The problem is that since I turned on debugging for my app I am testing (React Native & Android emulator) I...

stackoverflow.com

 

아 물론 컴퓨터와 핸드폰이 <같은 네트워크>를 공유해야 된다는 거 까먹지 말기.

 

 

근데 네트워크의 문제인지 아예 연동이 안되고 reload하라는 메세지가 뜬다. 

 

설정을 들어가서 보니, 원래 expo 처음 아이디가 아니라 

변경된 아이디가 보인다. 

아이디의 문제인가... 

 

 

일단 구글링은 해야지...

 

Can't load expo app: Something went wrong

I've created an expo app with exp init MyApp command and started it by running exp start in MyApp directory. Then I'm scanning barcode which was printed in console with expo mobile app on android ...

stackoverflow.com

 

로그인을 하면 되기도 한다길래.. 

 

 

Expo Error. Something went wrong….

Something went wrong. Sorry about that. You can go back to Expo home or try to reload the Experience

medium.com

 

로그인은 잘 되었는데, 내 앱은 실행을 못했다..

 

다시 구글링.

 

uncaugh Error: java.net.ConnectException: Failed to connect to 192.168.1.75:19000 · Issue #31035 · facebook/react-native

Please provide all the information requested. Issues that do not follow this format are likely to stall. Description When I run scan and run sample new application I am getting the above error in A...

github.com

 

 

마침내 해결!

(한국인 개발자 감사합니다..)

 

OKKY - ReatNative 에러, Expo 사용, Uncaught Error: java.net.ConnectException:

expo start 바코드 나오고 vs코드에는 아무런 에러 표시가 없고, web에서도 돌아가는데앱에서 파란 화면에 Something went wrong. 이라고 하는데 혹시 아시는 분 계실까요?

okky.kr

 

1번 방법으로는 무조건 될 것 같았는데, 

내부 문제를 해결하고자 우선 2번으로 해봤다. 

 

이제 켜지긴 켜지는데, 어플에서 클릭하면 튕기는 오류는 아직도 해결이 안됨...

(아 장난하냐 왜 원점인데)

 

차차 다시 시도해볼 예정.