스마트폰 앱 만들기 그동안 게을러서 안드로이드 앱 만드는 부분을 미뤄왔습니다.

만들 수 있는 앱은 어마어마하게 쌓여있고 많이있는데….

컴퓨터 어플 C#으로만 개발하다보니 쉽게 개발 언어와 환경을 바꾸는것이 쉽지 않았습니다.

그 이유중 가장 큰 부분은 기본 프로그램 설치와 바로 프로그램을 제작할 수 있는 환경으로 보고 있습니다.

아무래도 C# 컴퓨터 프로그램 개발이 빠른 이유는 이미 비쥬얼 스튜디오가 설치되어져있고 C#관련된 기본 모듈(알고리즘)이 존재하기 때문인듯합니다.

자바 기반의 안드로이드 앱은 언어부터 다르고 비쥬얼스튜디오 대신 안드로이드 스튜디오를 설치해야합니다.

크게 어렵지는 않지만 있고 없고 차이로 앱 개발하냐 안하냐로 이어진듯합니다.

https://developer.android.com/studio

안드로이드 스튜디오 다운로드 받기

위의 안드로이드 스튜디오를 다운받으면 바로 설치를 쉽게 할 수 있습니다.

어려워 보이지만 기본 개발툴 설치는 어렵지 않습니다.

우리가 마치 한글, 엑셀, 오피스 설치를 하듯 다음다음다음 버튼만 클릭하면 쉽게 설치가 되기때문이죠.

모바일 앱 만드실 분들은 아래 몇가지만 체크하면 바로 만들 수 있게됩니다.

1. 안드로이드 스튜디오 다운로드 및 설치

2. 에뮬레이터 설치

만약 안드로이드 스마트폰에서 직접 테스트 하실 분들은 이 에뮬레이터도 필요가 없습니다.

나머지는 자바 언어 조금 알면됩니다.

WEB VIEW 이런거는 그냥 URL만 연결시키더라도 자신의 앱이 바로 만들어지죠.

APK가 만들어지면 그 만들어진 APK 파일을 안드로이드 마켓에 등록해서 올리면됩니다.

우리는 오늘 마켓에 올리는 과정까지는 조금 어렵게 느껴질수 있으니…

안드로이드 스튜디오 다운로드 받고 설치 한다음… 에뮬레이터까지 설치하여 WEB VIEW를 넣어

지금 운영하고 있는 이 워드프레스 블로그를 모바일 앱으로 만들어보도록 하겠습니다.

이 글을 읽어나가면서 바로 따라 할 수 있으니!! 앱 만드실 분들은 위의 다운로드 받고 바로 즉시 따라해야합니다.

나중에 해야지 나중에 즐겨찾기 해놓고 따라해야지~ 해놓고 잊습니다.

지금 이 글 읽을때 같이 다운로드 받고 설치하면 여러분들도 충분히 간단한 앱을 만들 수 있습니다

간단한 앱 하나 만들고 나면 ‘이거 별거 아니네~’ 라는 자신감이 생기게되고 원하는 앱 개발까지 도전할수 있게되죠.

다운 받았다면 두번 클릭하여 실행하시면됩니다.

(쉽죠? 설마 클릭 모르시는분 계시는거 아니죠?)

실행(R) 버튼 눌러서 진행을 시작합니다.

이때부터 계속 다음(NEXT) 누르시면됩니다.

Android Virtual Device 이 부분이 바로 에뮬레이터 (가상 스마트폰) 디바이스 설치 하는 부분이니 그냥 체크하고 Next 누르시면됩니다.

어느 폴더에 안드로이드 스튜디오를 설치할까는 질문인데…

제가 위에서 뭐라고 말씀드렸죠? Next!! Next!! 그냥 다음다음 다음 입니다.

그러면 아래처럼 Installing 이라는 문구가 나오면서 진행이 됩니다.

필요한 파일을 압축풀고 각 자리에 배치되는 단계이죠.

마지막이군요 Finish 버튼을 누르면됩니다.

이부분은 저도 오랜만에 설치를 해서 정확히 뭘 하는것인지는 아직은 모르겠습니다.

Do not import settings 를 체크하여 컨피그파일(세팅파일) 저장 위치를 지정하지 않았습니다.

어차피 프로그램 설정에 들어가서 다시 조절할수 있기때문에 지금은 패스 했습니다.

구글에 뭔가 사용 통계라던지 보낸다는 것으로 보이는데 저는 Don’t send 를 눌렀습니다.

가끔 오류라던지 세팅 정보를 보내면서 에러나는 경우를 보았기에 그냥 자원 아끼는 차원에서 No!

이제 설치는 끝났는가보군요.

지금부터는 위자드(마법사)가 나온걸보니 … 다시 또 Next (다음) 버튼을 쭈욱~ 누르면 될듯합니다. ㅎㅎ

Finish 버튼을 누르면 관련하여 다운받고 업데이트를 진행합니다.

무슨 작업을 하는가 싶어 Show Details 항목을 눌러 보니 역시…. 디바이스랑 여러가지 인스톨을 하고 있더군요.

모두 완료가 되면 아래처럼 또 Finish 버튼을 눌러줍니다.

모든 스튜디오의 기본 첫 화면이 나왔네요.

모든 설치는 끝났습니다.

에뮬레이터도 설치되었고요.

New Project 버튼을 눌러서 지금 이곳 블로그를 연결해보겠습니다.

처음 시작하시는 분들은 여기에서 뭘 클릭해야할지 모를겁니다.

저도 사실 오래전에 했었지만… 뭘 해야할지는 알죠 ㅎㅎ 이것이 여러분들과 프로그래머와 차이점인듯합니다.

Basic Activity 를 클릭하면됩니다. 보통 Empty 액티비티를 클릭했는데… 안보이네요 ㅎㅎ

아..다시 자세히 찾아보니 두번째 항목에 빈 액티비티가 보입니다.

저는 두번째 줄 두번째 항목 Empty Activity 를 클릭하였습니다.

최종 Finish 버튼을 클릭하면

이제 실제 프로그래밍 할 수 있는 화면이 나옵니다.

혹시 지금 이 글을 읽으시면서 따라하지않고 미리 쭈욱 마우스로 내리면서 보고 계신분들 계신가요?

그러하신분들은 제가 장담하는데!! 앱 못만드십니다.

얼른 다시 위로 올리셔서 다운받고 제가 한것처럼 똑같이 따라 설치하시고 제가 하는 하나하나 놓치지 마시고 실천해야합니다.

따라하셔야지만 바로 저처럼 안드로이드 앱을 직접 그자리에서 하나 만들어낼수 있습니다.

초보라도 상관없습니다. 프로그래밍의 p도 몰라도 상관없고요 자바의 j를 몰라도 괜찮습니다.

어린이도 상관없고요 그냥 프로그램 설치 할 수 있는 수준이고 마우스 움직이고 키보드 칠수 있는 정도라면 다 따라할수 있습니다.

이제 불필요한 화면 오른쪽 – 눌러서 없애버립니다.

UI 화면을 띄우고 그 화면에 WEB VIEW 모듈을 올려야합니다.

안드로이드 앱 만들기 코딩 입력하기

아래처럼 activity_main.xml 항목을 마우스로 왼쪽 클릭 한번 합니다.

컴퓨터 사양이 낮으면 Loading 시간이 조금 오래 걸립니다.

기다리시면 아래처럼 디자인 화면이 나타납니다.

자! 이제 우리는 곧 모두 개발자가 됩니다!!

아래처럼 Widgets 항목을 마우스 왼쪽 클릭 한번 하면 오른쪽 리스트에 WebView 위젯(모듈)이 나타납니다.

그 WebView 위젯을 이번에는 마우스로 드래그하여 오른쪽 디자인 화면에 옮겨주세요.

드래그 모르시는분 없죠? 마우스로 꾹~~ 눌러서 오른쪽 흰색 배경으로 옮기면됩니다.

아래 제가 움짤 하나 만들었으니 보시면 이해되실겁니다.

마우스로 드래그해서 오른쪽으로 옮기고 크기를 늘려주세요.

이정도는 쉽잖아요!! 이거 모르신다고 하면 진짜 컴맹이 아니라… 하기 싫으신겁니다.

아니면 대충 읽고 이해를 못하셨거나요!! 꼭 정독하시고요!! 다른거 같이 하시면 안됩니다.

이거 1시간도 안걸리는거라서 그냥 잠시 이 글에 집중헤서 하나하나 따라 해야합니다.

그리고 webView 위젯을 한번 클릭해주시고 ID값에 myWebView 라고 적어주세요

이부분은 원하는 이름을 넣어도 되지만.. 지금은 그냥 따라 적어보세요.

다음으로 코딩 3줄을 입력해야합니다.

아래처럼 MainActivity.kt 클릭하셔서 3줄을 각각 위치에 입력하세요.

package com.example.webview

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.webkit.WebView

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val myWebView: WebView = findViewById(R.id.myWebView)
        myWebView.loadUrl("https://www.hdoc.co.kr")

    }
}

마지막으로 인터넷 권한을 추가해야합니다.

<uses-permission android:name=”android.permission.INTERNET”/>

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.webview">

    <uses-permission android:name="android.permission.INTERNET"/>
    
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/Theme.Webview">
        <activity
            android:name=".MainActivity"
            android:exported="true">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

혹시라도 퍼미션 항목에 아래처럼 과거 내용을 넣으셨다면 새롭게 바뀐 방법으로 바꿔주셔야합니다.

old : <uses-permission android:name="android.permission.internet"/>
new: <uses-permission android:name="android.permission.INTERNET"/>

그리고 실행하면 드디어 앱이 구동됩니다.

Run -> Run 항목을 클릭합니다.

안드로이드 에뮬레이터 디바이스 설치 방법

이때 아래처럼 창이 뜬다면!!

이렇게 Error running ‘app’  No target device found. 디바이스를 찾을 수 없다고 나온다면 에뮬레이터를 실행해야합니다.

Tools 항목을 클릭하여 AVD Manager 부분을 클릭합니다.

그러면 아래처럼 뭔가를 만들라고 나옵니다.

Create Virtula Device… 버튼을 눌러서 아래처럼 항목 맞추고 Next 를 눌러주세요.

API level 30 (물론 이 글을 보는 시기가 더 최신버전이 존재한다면 31, 32 보다 높은 버전을 설치해도됩니다)을 설치합니다.

이게 우리가 흔히 말하는 안드로이드 8, 9 버전이라고 생각하면됩니다.

Accept 항목에 승인 클릭하시고 Next 클릭하면 뭔가 또 다운을 받습니다.

1.1GB 용량 보이시죠?

이거 예전에 제가 방송대에서 컴퓨터 실습시간에 설치하다가… 2시간 소비한적 있습니다.

그날 설치만 하다가 1교시 끝나버렸죠.

교수님께서 저를 조교로 세워서 한명한명 설치를 도와달라고 요청하셔서 제가 그날 모든 분들 설치를 도와드렸던 기억이 납니다.

한두명 설치하는거라면 금방 끝나지만 10명,20명, 30명 이렇게 많은 사람들이 동시다발적으로 다운받게되면…

다운로드를 한시간 동안 받는 분들도 계시더군요.

혹시라도 학교에서 실습하시거나 많은 사람들에게 설치를 하는분들이라면 미리 설치는 다 해놓으세요.

이제 API 30 으로 설치가 되었습니다.

AVD 이름을 넣어도 되지만 저는 그냥 패스합니다.

여러개 디바이스를 관리하면 이름이 필요하지만.. 사실 지금은 테스트겸 앱 하나 만드는거라서 그냥 1개만 만들고 이름은 변경하지않았습니다.

이제 디바이스 오른쪽 끝에 보면 Actions 라고 버튼이 보일겁니다.

플레이 버튼 누르면 디바이스가 실행됩니다.

아!! 이때 컴퓨터 사양이 느리면 에뮬레이터 엄청 느리게 동작합니다.

메모리가 부족해도 그렇고요 사양이 낮아도 암튼…노트북에서 엄청 느리실겁니다.

실행된 최종화면은 이렇습니다.

아래 화면에 내가 만든 앱이 구동되는것이죠.

사실 디바이스를 내 스마트폰을 연결하면 이렇게까지 안해도 되긴합니다.

Run -> Run 을 클릭하여 앱이 구동되면 정상적으로 앱이 만들어졌습니다.

여러분들은 방금 독학으로 안드로이드 앱을 만드셨습니다.

축하드립니다. 짝짝짝

이제 만드신 APK 파일을 스마트폰으로 다운 받아서 실행하면 자동으로 설치됩니다.

설치는 다음 포스팅에서 또 만나요.

감사합니다.