내마음대로 개발일지

앱 만들기 - Android

록's 2023. 1. 13. 01:29
728x90
반응형

나만의 앱을 만들어 보았습니다.

(설명은 미흡합니다. 적고싶은데로 적었습니다..ㅎㅎ)

 

준비해야할 프로그램 및 세팅 

 

Visual Studio Code 설치

node.js 설치

GitHub 가입

Git Bash 

 

안드로이드 (기기)

react Native 

Expo (가입)

 

내 웹 사이트(url)  - 웹사이트 무료 템플릿 사용

 

앱을 만들때 밑에있는 주소에 나와있는 방법을 따라하면서 만들었습니다.

https://docs.expo.dev/build/setup/

https://docs.expo.dev/versions/latest/sdk/webview/

 

 

기본적으로 내 웹사이트 주소 - https://rogihomepage.netlify.app 

 

로기의 홈페이지

App Designer Ashley Diaz Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni quos esse tenetur illo qui, nostrum.

rogihomepage.netlify.app

 

 

웹사이트를 안드로이드 앱으로 만들려면 Expo를 통해 만들었습니다. 

구글링을 하여 위에 있는 url 주소 두개에 적혀있는 방법을 그대로 따라해보며 터미널에 입력을 했습니다.

비쥬얼 코드 스튜디오에서 코드 설정과 안드로이드 apk를 만들기 위해

코드를 작성하고 터미널을 통해 멸령어를 입력하고  apk를 만들고  

apk 주소가 나오는데 그 주소를 다운받아서 (저는 구글 드라이브에 저장을 하여 안드로이드 폰에서 다운받았습니다)

 

url 설정을 내 홈페이지로 설정

 

구글링해서 찾아보고 설정을 바꾸고 하고

 

내앱의 이미지를 바꿨습니다.

 

이미지가 없어서 무료 이미지를 다운받아 수정하였고 ,  My-app에 assets에 보면 이미지 파일들이 있습니다. 이미지 규격에 맞게 설정하고 덮어씌우면 됩니다.

 

 

 

 

최종적으로 결과를 보시면  >>

 

 

안드로이드에 배경화면을 보시면 앱이 있습니다, 클릭을 해보면

 

 

이렇게 결과가 나옵니다.ㅎㅎ

 

그래도 만들기를 해본 결과 재미가 있었습니다 ㅎㅎ 뿌듯!

728x90
반응형