You are viewing a single comment's thread from:
RE: [React Native] TO-DO 앱 만들기 #4
그냥 여기에 적을게요. 오늘 드디어 우체국에 일주일간 갇힌 폰을 받아왔는데 그래서 바로 해봤죠ㅎㅎ 날씨앱. 그런데 이게 혹시 expo란 앱위에서 결국 돌아가는 것인가요? native라고 해서 완전 별개의 앱으로 만들어지는 건가 했는데 약간 시도 해봐도 바탕화면에 바로가기 만들기 외엔 없는 것 같아서. 웹앱 대신 엑스포앱인 것인지ㅎㅎ 아니면 아예 정말 아무 의존성 없이 단독앱으로 인스톨이 가능해지는 것인지 궁금해요. 좋은 내용 연재 정말 감사합니다. 처음엔 스텝별로 따라하려다가 결국엔 그냥 깃허브에서 가져왔어요ㅎㅎ
구름 아이콘이 넘 예뻤어요ㅎㅎ
폰이 우체국에서 블록체인스튜디오님을 목이 빠지도록 기다리고 있었네요. 그리고 날씨앱을 따라 해보셨군요. 날씨 아이콘이 이뻐서 앱 퀄리티가 자동으로 올라갔습니다.ㅋㅋ
질문에 대해서 간단하게, 설명드리면 리액트 네이티브의 경우 UI는 native지만, 실제 비즈니스 로직은 내장 webview를 통해 자바스크립트가 수행됩니다. 엄밀히 말하면 웹앱은 아닙니다. 그렇다고 순수 native앱이라고 보기도 어렵습니다. 그냥 리액트 네이티브 앱인 것입니다.ㅋㅋ 리액트 네이티브는 배포하는 과정에서 별개의 앱으로 빌드됩니다. 다음 강좌에서 apk로 빌드하는 방법을 설명할께요.ㅎㅎ 아이폰은 ipa 파일이 만들어지겠네요.
리액트 네이티브 개발 방법은
react-native-cli
를 사용한 개발과expo-cli
를 사용한 개발하는 방식이 있습니다. expo 도구를 사용하지 않고 개발하려면 안드로이드 스튜디오를 설치하고, xcode를 설치하고... 등등 개발환경을 셋팅해야합니다. 리액트 네이티브 시작하기 문서의Building Projects with Native Code
페이지에 잘 설명되어 있습니다. 이렇게 개발하는 방식도 나중에 포스팅 할 예정입니다.현재 강좌는 expo 라는 도구를 사용해서 개발하는 방식이에요. expo로 개발하면, 블록체인스튜디오님 말대로 expo 앱위에서 돌아가는 것이 맞습니다. 그리고 스마트폰에 설치된 expo-client앱은 개발 테스트용으로만 사용되는 앱이에요. 이걸 사용하면 복잡한 개발환경 셋팅과는 안녕~입니다.ㅋ 하지만
expo-eject
해서 다시 복잡한 개발환경으로 만들 수도 있어요.그리고 고수는 스텝별로 실습하지 않고, 완성된 소스 코드를 보면서 공부하죠.ㅋ 작성하다보니 내용이 많이 길어졌네요.ㅎㅎ
자세한 설명 정말 감사드립니다. 실제 정말 apk를 만들수도 있다니 아주 좋네요. 알려주신 링크 보고 해봐도 될 것 같고 강좌를 기다려도 좋을 것 같고ㅎㅎ
아 자꾸 이런데 시간 쓰면 안되는데 그래도 아주 간단한거라도 직접 모바일앱하나는 만들어보고 싶네요. 감사합니다!