앱 만드는게 이렇게 쉬웠나? 3분만에 안드로이드와 아이폰 어플 만들기 

조코딩님 ㅠㅠ 저 요기에 나온대로 html 무료 템플릿 다운받아서 열었는데 다 깨져서(?) 나옵니다.. 어떤 파일을 다운받아도 다 index.html 이 아니고 그냥 index 로 나오는데.. 왜이런걸까요? 2023버전은 넘 어려워서 ㅠㅠ

조코딩님 말씀대로 따라하는중인데 구름ide 터미널에서 npx expo install react-native-webview 입력해도 아무런 설치도 안되고 반응이 없네요 왜그런걸까요

감사합니다 윤여진님ㅎㅎ 더 유익한 강의 많이 올릴게요!

조교수님

장난하시나요 이분이 교수(혹은 고수) 이십니다!

교수님:이녀석이

좋게 봐주셔서 감사합니다!ㅎㅎ

좋게 봐주셔서 감사합니다!ㅎㅎ

이거 전 다시하라 뜨던데 되시나용

좋게 봐주셔서 정말 감사합니다!ㅎㅎ

ru-vid.com/group/PLU9-uwewPMe0ynomccdrAX2CtVbahN4hD 기초부터 하시려면 위 재생목록을 순서대로 따라오시면 됩니다!ㅎㅎ

감사합니다ㅎㅎ 막히는 거 있으시면 댓글 남겨주세요!

감사합니다 도전해보세요!

감사합니다 행복하세요~

@@jocoding .....ㅋㅋㅋㅋㅋ

네이티브를 쓰는 이유는 성능적인 측면과 커스터마이징의 자유도가 제일 큰 것 같아요! 각각의 OS에 맞게 개발하는 것이라 더 세부적인 것들을 다룰 수 있어 우수한 성능과 다양한 기능을 만들 수 있습니다. 아래의 관련 비교 자료가 있어서 첨부드립니다~ blog.wishket.com/%EB%84%A4%EC%9D%B4%ED%8B%B0%EB%B8%8C-%EC%95%B1-%EC%9B%B9-%EC%95%B1-%ED%95%98%EC%9D%B4%EB%B8%8C%EB%A6%AC%EB%93%9C-%EC%95%B1-%EC%9E%A5%EB%8B%A8%EC%A0%90-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0/

조코딩 JoCoding 빠르고 친절한 답변 주셔서 감사합니다 (꾸벅)

그렇게 봐주셔서 감사합니다ㅎㅎ 좋은 영상 많이 올리겠습니다!

감사합니다!ㅎㅎ 코딩 공부 화이팅입니다

좋게 봐주셔서 감사합니다ㅎㅎ 화이팅입니다!

감사합니다ㅎㅎ 저도 C언어 배우다가 포기했는데 결과물을 만드는건 전혀 다른 영역이더리고요! 유익힌 영상 꾸준히 올리겠습니다! 화이팅입니다 :)

오 성공 축하드립니다!ㅎㅎ

좋게 봐주셔서 감사합니다ㅎㅎ 더 유익한 영상들 많이 올리겠습니다!

감사합니다! 코딩 공부 도전해보세요!

좋게 봐주셔서 감사합니다!ㅎㅎ

ㅠㅠ 아쉽군요... 지금이라도 취미로라도 웹이나 앱 만드시는 것도 재미있을 것 같아요!

컴공에선 이런 교수님이 없는게 아니고 이런 수업자체가 없어요

웹뷰 아니여도 비슷하게 만드시면 됩니다! 코드를 보시면 라고된 태그가 들어간 걸 볼 수 있는데 텍스트나 버튼 등 다른 것을 첨가하시면 웹뷰가 아닌 네이티브 형식으로 나오게 됩니다.

오 감사합니다ㅎㅎ 성공적인 앱 제작 응원하겠습니다!

이론은 CRUD 정도만 구현할 수 있으면 되고 이후에는 구글링해서 원하는 것을 만드는 단계가 기초라고 생각합니다! 만들고 싶은 것을 구현하면서 구글링으로 찾아서 배우는 능력이 생기면 원하는 모든 것을 만들 수 있습니다.

오 제작 축하드립니다! 뒤로가기는 아래 블로그 글을 참고해주세요!! blog.naver.com/PostView.nhn?blogId=rlaalsdn456456&logNo=221592928131

좋게 봐주셔서 감사드립니다ㅎㅎ 웹뷰앱으로 만든다면 아쉽지만 그렇습니다ㅠ 그래도 Native 형태로 만든다면 오프라인에서도 사용하실 수 있어요! Android Studio로 만드신 앱은 애플 앱스토어에는 출시할 수 없고 새로 짜셔야합니다!

blog.naver.com/PostView.nhn?blogId=rlaalsdn456456&logNo=221592928131 위 글을 참고하시면 도움이 되실 것 같아요!

@@jocoding 안녕하세요 새로운 구독자입니다! 영상너무잘보고있습니다! 블로그내용 참조해서 진행해봤는데 잘안되서 ㅜㅜ 혹시 뒤로가기버튼 추가하는영상도 만들어주실수있나여 ㅜㅜ

1. 네 가능합니다. 수익 창출도 가능합니다. 2. 동물상 테스트 도전해보세요! ru-vid.com/group/PLU9-uwewPMe2-vtJAgWB6SNhHcTjJDgEO 3. 스윙투앱 같은 프로그램도 있습니다! ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-GyXLa-0R_S0.html

@@jocoding 답변 감사합니다 저번에 스윙투앱을 사용해봤습니다 근데 제가 생각한 형태가 있었는데 그걸 반영해주는 시스템이 없는거 같아서 포기했습니다 제가 모르는것도 많이있어서 그런거 같지만요

node.js와 expo-cli 설치가 필요합니다! nodejs.org/ko/ docs.expo.io/workflow/expo-cli/

감사합니다ㅎㅎ 화이팅입니다!

감사합니다ㅎㅎ

아이폰은 아래와 같이 진행하실 수 있습니다! blog.naver.com/PostView.nhn?blogId=swing2app&logNo=221493924857&parentCategoryNo=&categoryNo=48&viewDate=&isShowPopularPosts=false&from=postView

오 구독해주셔서 감사드립니다ㅎㅎ 앞으로도 좋은 영상 꾸준히 올리겠습니다!

array를 만들어 a,b 사이트에 대한 주소를 넣고 random으로 하나 뽑아서 url 값에 넣어줄 수 있도록 하면 될 것 같아요!

선택을 할 수 있도록 한다면 선택하는 웹사이트를 만들어서 그 안에서 HTML a 태그로 이동하도록 하면 될 것 같습니다.

@@jocoding 답글 정말 감사합니다~ 완전 초보라 제대로 이해하진 못했지만 이 댓글 이해해서 구현할 수 있도록 열심히 하겠습니다~ 진짜 감사합니다~^^

정말 멋지고 유용한채널입니다 기초 강의를 더 많이 부탁드려요 실용성도 빨리되는 🖒🖒🙏🙌🙇🙋

재미있게 봐주셔서 감사합니다ㅎㅎ

아이폰은 맥북을 이용하여 testflight에 올려야합니다! 아래 내용을 참고해주세요! levelup.gitconnected.com/react-native-how-to-publish-an-expo-app-to-testflight-debug-common-errors-90e427b4b5ea?gi=a4601891590b

답변 정말 감사합니다^^

코딩의 기본만 배우면 그 이후에는 웬만한건 다 검색과 복붙으로 해결 가능한 것 같아요!ㅋㅋ 댓글 감사합니다~

@@jocoding 업데이트 버전 올리셨는데 지금 저 영상대로 하면 구현이 안되나염??

@@enjoyingman1 네 맞습니다!

@@jocoding 헉!! 그렇군요 답변 감사드립니다

@@jocoding 감사합니다 덕분에 오늘 성공적으로 제 웹뷰 앱을 만들었습니다!!

네 올릴 수 있습니다! 대신 뒤로가기를 눌렀을때 뒤로가는 거는 따로 개발이 필요해요! 뒤로가기는 blog.naver.com/PostView.nhn?blogId=rlaalsdn456456&logNo=221592928131 위 글을 참고하시면 도움이 되실 것 같아요!

저도 잘부탁드립니다! 구독 해주셔서 감사합니다ㅎㅎ

앗! 농부와 시공동물님 ㅋㅋㅋㅋ여기서 보다니 반갑네요 ㅎㅎ

영상 속 방법대로 하면 서버에 연결이 필요한데 snack.expo.dev/@eseg/react-native-load-local-html-file-in-webview 앱은 다운 받는 것이라 이런식으로 html 파일 자체를 불러올 수도 있습니다!

@@jocoding 조코딩님!! 보내주신링크대로해서 앱으로 실행해서 봤는데 페이지가 나오지않고 소스코드가 출력이 되는데 왜 이렇게 출력되는거죠ㅠㅠㅠ

ㅎㅎ 감사합니다!

제가 알기로 법적으로 권리 보장을 받기 쉽지 않습니다. 아이디어 자체를 보호 받기가 애매하기도 하고요. 그래서 아래 당근마켓과 같은 방법으로 언론 플레이를 통해 공격하는 방법이 가장 방어하기 좋은 것 같습니다. ebadak.news/2019/07/18/daangn-vs-naver-copycat/ it.chosun.com/site/data/html_dir/2019/07/17/2019071701334.html

@@jocoding 바쁘신 중에 답변에 기사 링크까지 달아 주시니 너무나도 영광입니다!! 조코딩님 영상보면서 열심히 공부하겠습니다. 감사합니다:)

네ㅠㅠ expo로 보는 것은 가능하지만 직접 설치하려면 아이폰은 맥북에서 직접 돌리고 개발자 유료 계정이 있어야합니다.

댓글로 남겨주시는게 가장 편하긴한데 이미지 등 첨부할 것이 있다면 이메일로 보내주세요! dk.changeworld@gmail.com

@@jocoding 조코딩님 메일 보냈습니다 귀찮으시겠지만 보시고 어떻게 하는지 도움주시면 너무 감사할거 같아요 ㅠ

@@jocoding 조코딩님~ 보낸메일이 많이 어려운 건가요?ㅠ 답장이 없으셔성ㅠ

터미널 창에서 로그인 말씀이신가요? expo build:android 를 입력하면 로그인 창이 뜹니다!

@@jocoding 이렇게하니 버전이 안앚다고 나오는데..ㅜㅜ

docs.expo.io/versions/latest/react-native/safeareaview/ 위 문서에 나와있듯 라는 태그를 이용하면 손쉽게 안전하게 잘리지 않는 영역에 콘텐츠를 넣을 수 있습니다!

@@jocoding 답변 감사합니다. 잘 처리되었습니다. ^^

ctrl c 전에 수행하셨던 명령어를 다시 실행시키시면 됩니다!

터미널에서 ctrl+C는.. npm종료를 의미하신거 같은데.. npm start 다시하시면 될거 같은데..

넵

expo 앱을 통하여 이용하면 가능한데 스토어에 올릴 새로운 앱을 만드려면 맥북을 이용해서 진행해야해요!

ㅎㅎ 감사합니다

아마 로딩 중이여서 그럴 것 같습니다! 최초 로딩시 5분정도 시간이 걸립니다.

저도 댓글 남겨주셔서 감사합니다 성용님!

www.grotesq.com/ 여기에 속한 디자이너분이셨는데 어떤분인지까지는 잘모르겠어요!

@@jocoding 감사합니다!!

네 안드로이드는 어디서든 가능합니다! :)

헛 현재 버전이 undefined네요.. 어느 부분에서 막히셨나요? npm install -g expo-cli 명령어 수행후 진행해보시고 안되면 알려주세요!

@@jocoding 설명읽고 저것도 해봤는데 4가지 중에 0가지가 업데이트 되었다고 하네요..(사실상 안된듯 합니다) 그리고 다시 해봐도 안되네요..

흠.. 그렇다면 뭔가 오류로 컨테이너 생성부터 잘못되었을 수 있겠네요ㅠ 엑스포 예시앱은 잘 설치되어있었나요? 컨테이너를 다시 생성해보시는 것도 좋을 것 같아요!

@@jocoding 한번더 해보고 말씀드릴게요

@@jocoding 컨테이너 생성부터 잘못된게 맞는것 같아요.. .expo 파일도 없네요ㅠ

아이슈타인 아니고 아인슈타인임

네! 혹은 expo를 사용하니 expo push로 검색하는 것도 좋을 것 같습니다. 영어로 적으면 더 많은 결과가 나옵니다! docs.expo.io/push-notifications/overview/

오류 내용이 어떻게 되시나요?

아마 .expo 폴더를 삭제하지 않아서 생긴 문제일 수 있을 것 같아요!

@@jocoding 아 감사합니다 안되면 이메일로 사진이라도 드려도 될까요?

일단 status 에 Errored 라고 뜨고 View logs를 누르면 unimodules-constants-interface@5.1.0 from /app/turtle/workingdir/android/sdk37/android-shell-app/enabled-modules/unimodules-constants-interface unimodules-face-detector-interface@5.1.0 from /app/turtle/workingdir/android/sdk37/android-shell-app/enabled-modules/unimodules-face-detector-interface unimodules-file-system-interface@5.1.0 from /app/turtle/workingdir/android/sdk37/android-shell-app/enabled-modules/unimodules-file-system-interface unimodules-font-interface@5.1.0 from /app/turtle/workingdir/android/sdk37/android-shell-app/enabled-modules/unimodules-font-interface unimodules-image-loader-interface@5.1.0 from /app/turtle/workingdir/android/sdk37/android-shell-app/enabled-modules/unimodules-image-loader-interface unimodules-permissions-interface@5.1.0 from /app/turtle/workingdir/android/sdk37/android-shell-app/enabled-modules/unimodules-permissions-interface unimodules-sensors-interface@5.1.0 from /app/turtle/workingdir/android/sdk37/android-shell-app/enabled-modules/unimodules-sensors-interface unimodules-task-manager-interface@5.1.0 from /app/turtle/workingdir/android/sdk37/android-shell-app/enabled-modules/unimodules-task-manager-interface Could not find google-services.json while looking in [src/nullnull/debug, src/debug/nullnull, src/nullnull, src/debug, src/nullnullDebug] registerResGeneratingTask is deprecated, use registerGeneratedResFolders(FileCollection) Could not find google-services.json while looking in [src/nullnull/release, src/release/nullnull, src/nullnull, src/release, src/nullnullRelease] registerResGeneratingTask is deprecated, use registerGeneratedResFolders(FileCollection) > Task :app:preBuild UP-TO-DATE > Task :app:extractProguardFiles > Task :app:preReleaseBuild > Task :app:compileReleaseAidl NO-SOURCE > Task :app:checkReleaseManifest > Task :app:compileReleaseRenderscript NO-SOURCE > Task :app:generateReleaseBuildConfig > Task :app:javaPreCompileRelease > Task :app:mainApkListPersistenceRelease > Task :app:mergeReleaseShaders > Task :app:compileReleaseShaders > Task :app:generateReleaseAssets > Task :app:mergeReleaseAssets > Task :app:processReleaseGoogleServices Parsing json file: /app/turtle/workingdir/android/sdk37/android-shell-app/app/google-services.json > Task :app:createReleaseCompatibleScreenManifests > Task :app:processReleaseManifest /app/turtle/workingdir/android/sdk37/android-shell-app/app/src/main/AndroidManifest.xml:18:9-27:20 Warning: provider#expo.modules.filesystem.FileSystemFileProvider@android:authorities was tagged at AndroidManifest.xml:18 to replace other declarations but no other declaration present > Task :app:fabricGenerateResourcesRelease > Task :app:generateReleaseResValues > Task :app:generateReleaseResources > Task :app:mergeReleaseResources FAILED [stderr] FAILURE: Build failed with an exception. [stderr] Execution failed for task ':app:mergeReleaseResources'. [stderr] > A failure occurred while executing com.android.build.gradle.internal.tasks.Workers$ActionFacade [stderr] > Android resource compilation failed [stderr] /app/turtle/workingdir/android/sdk37/android-shell-app/app/src/main/res/drawable-xxxhdpi/shell_launch_background_image.png: AAPT: error: failed to read PNG signature: file does not start with PNG signature. [stderr] [stderr] /app/turtle/workingdir/android/sdk37/android-shell-app/app/src/main/res/drawable-xxxhdpi/shell_launch_background_image.png: AAPT: error: file failed to compile. [stderr] [stderr] * Try: [stderr] Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights. [stderr] * Get more help at help.gradle.org [stderr] BUILD FAILED in 56s [stderr] * What went wrong: 14 actionable tasks: 14 executed Error: ./gradlew exited with non-zero code: 1 at ChildProcess.completionListener (/app/turtle/node_modules/@expo/xdl/node_modules/@expo/spawn-async/build/spawnAsync.js:52:23) at Object.onceWrapper (events.js:418:26) at ChildProcess.emit (events.js:311:20) at ChildProcess.EventEmitter.emit (domain.js:482:12) at maybeClose (internal/child_process.js:1021:16) at Process.ChildProcess._handle.onexit (internal/child_process.js:286:5) ... at spawnAsync (/app/turtle/node_modules/@expo/xdl/node_modules/@expo/spawn-async/build/spawnAsync.js:17:21) at spawnAsyncThrowError (/app/turtle/node_modules/@expo/xdl/build/detach/ExponentTools.js:190:45) at buildShellAppAsync (/app/turtle/node_modules/@expo/xdl/build/detach/AndroidShellApp.js:912:11) at async Object.createAndroidShellAppAsync (/app/turtle/node_modules/@expo/xdl/build/detach/AndroidShellApp.js:406:5) at async runShellAppBuilder (/app/turtle/build/builders/android.js:83:9) at async Object.buildAndroid [as android] (/app/turtle/build/builders/android.js:31:28) at async build (/app/turtle/build/jobManager.js:158:24) at async processJob (/app/turtle/build/jobManager.js:103:32) at async Object.doJob (/app/turtle/build/jobManager.js:35:5) at async main (/app/turtle/build/server.js:44:13) 라고 뜹니다 이걸 다 보실수 있을진 모르겠지만.. ㅜㅜ

@@jocoding 저도 그래요 ㅜㅜㅜㅠㅠㅜㅠㅜㅜㅠㅜㅠㅜ

React Native는 동일한 코드로 iOS도 구축 가능합니다!

@@jocoding 감사합니다!

문서가 업데이트 되었군요ㅠ app.json android 부분에 아래와 같이 추가해주시면 됩니다! "android":{ "permissions":["CAMERA","READ_EXTERNAL_STORAGE"] }

그렇게 봐주셔서 감사합니다ㅎㅎ 더 유익한 영상 많이 올리겠습니다 :)

아마 QR코드로 expo앱을 통해 테스트로 실행했을때 열려있는 곳이랑 겹쳐서 그런 것 같아요! .expo 폴더 삭제하시고 구름IDE 설정에서 서버를 정지했다가 재실행하고 빌드해보세요~!

그럴 수 있긴한데 심사 과정에서 본인 사이트인지 확인하는 과정이 있었던 것으로 기억합니다!

처음 보시면 어려울 수 있는데 다 이해하려고 하시지 않고 그냥 마우스 클릭과 복사 붙여넣기만 따라하셔도 앱을 만드실 수 있습니다!

온라인도 가능해라는게 어떤 말씀인지 잘모르겠네요ㅠ 영상 속 방법으로 학교 홈페이지의 URL 주소를 넣으면 똑같이 앱으로 만들 수 있습니다 :)

@@jocoding 음... 그니까 홈페이지 앱 만들면 와이파이 필요한가요?? 오프라인만 되는건 아니져??

필요할듯

웹뷰앱으로 제작한다면 와이파이 등 인터넷 환경이 필요합니다ㅠ

@@jocoding 오옹 감사합니다

현재 아이콘은 디자이너 외주 제작하였습니다!

docs.expo.io/workflow/configuration/ 위 링크인데 여기로 들어가보세요!

@@jocoding 이 링크에 액세스했지만 비디오에 표시된 웹 페이지가 표시되지 않습니다.

@@jocoding 저 링크 들어가도 다른게 떠요...

네네 전혀 무리가 없습니다!

감사합니다ㅎㅎ

ㅋㅋㅋ 탈모 진단앱 나오면 알려주세요!

ㄷ ㄷ 탈모 앱으로 부자되는거 아님? ㅋ

오~ 저랑 같은 생각을 가지고 계셨군요! 진심으로 응원합니다!! ㅎㅎ 우선 저는 현재 탈모진단 웹 제작까지 완료했습니다! 와사비님도 웹까지 제작 완료 하셨나요?

@@약한시바 아직 학생이라 실력이 부족해서 얼추 만들기는 했어도 출시는 무리일것 같아요ㅎㅎ

도움이 되셨다니 다행입니다!ㅎㅎ 댓글 남겨주셔서 감사합니다 :)

React Native 좋은데ㅠㅠ

ㅋㅋㅋ 영상 베댓보니 이렇게 되어있네요 Facebook: You're fired (당신은 해고야) Techlead : React Native is a Garbage (React Native는 쓰레기이다)

@@jocoding ㅋㅋㅋㅋㅋ 네 이해합니다. React Native은 소규모 포트폴리오 프로젝트에 적합합니다. 그러나 대기업의 경우 지저분합니다 (페복, Airbnb, Udacity, 미국의 기술 회사...) 페복 은 메신저 앱을 완전히 다시 작성하고 React Native 을 떨어 뜨 렸습니다. engineering.fb.com/data-infrastructure/messenger/ (저 외국 개발자이라서.. 영어를 읽을 수 없다면 미리 죄송합니다)

다운로드 감사합니다!ㅎㅎ 공유 기능은 react-native-share로 구현한 것이라 앱으로 직접 연결되는 공유는 별도 각각의 API로 구현해야합니다! 위젯은 아래 라이브러리로 구현할 수 있습니다. github.com/matejkriz/react-native-today-widget

흠.. 뭔가 문제가 있나보네요ㅠㅠ 구름IDE 홈페이지 우측 하단 채팅하기로 문의해보시면 해결하실 수 있을거에요!

저도 그래요 ㅠㅠ 해결방법 아시는분들 계시다면 도움 부탁드립니다ㅠㅠ

stackoverflow.com/questions/39446077/react-native-go-back-on-android-hardware-back-button-pressed 위 문서를 참고하시면 좋을 것 같아요!

감사합니다 조코딩님^^ 해결했어요! blog.naver.com/PostView.nhn?blogId=rlaalsdn456456&logNo=221592928131&redirect=Dlog&widgetTypeCall=true&directAccess=false 저와같은 어려움을 겪으신 분들 이글 참조해보시면 좋을것 같습니다^^

ios 앱 testflight라는 테스트용으로 출시할 수 있는 기능이 있습니다!

외부 링크를 모두 제거하시고 승인 받으신 후 웹을 업데이트하여 추가하시는 방법이 있습니다!ㅎㅎ

구독 좋아요 감사합니다!ㅎㅎ