App Test

블로그 사이트 앱 만들기 (by Android Studio)

In Android by FlatureLeave a Comment

안드로이드 스튜디오를 설치하고 안드로이드 프로젝트 구성요소에 대해 간단하게 설명 드리는 포스트를 했었습니다.
오늘은 간단하게 개인 블로그를 띄울 수 있는 앱을 만들어보고자 합니다.
블로그 사이트 앱 만들기 포스트입니다.

저는 kotlin(코틀린)이랑 java랑 비슷할줄 알고 빠르게 만들고 끝내려고 했는데, 너무 달라서 꽤 걸렸네요;

프로젝트 만들기

Create Project 1

우선 프로젝트를 생성합니다.
저는 Empty Activity를 선택하여 진행하였습니다.
다른 분들도 그대로 진행해주시면 될 것 같습니다.

Create Project 2

Name은 원하시는대로 정해주시면 됩니다.
나중에 앱 이름은 설정이 가능하긴하지만, 별도로 설정하지 않으면 저 이름이 앱이름이 됩니다.

저는 우선 이 튜토리얼을 시작으로 실제 블로그 앱으로 발전을 시킬 예정이라 Instant Apps까지 체크하여 진행하였습니다.
이것만 해보실 분은 체크하지 않으셔도 됩니다.

activity_main.xml 수정

Activity Main 1

app – res – layout – activity_main.xml 파일에 들어가보면 위 그림과 같이 보여집니다.
언제부턴지 모르겠지만 기본 레이아웃으로 Constraint Layout이 설정되어 있고 TextView 하나가 달랑 띄워져 있습니다.

Activity Main 2

간단하게 TextView를 클릭한 후에 Delete 버튼을 눌러 지워버렸습니다.
저희에겐 무의미한 녀석이기 때문입니다.

Activity Main 3

그런 후 Widget 부분에서 Webview를 찾아 레이아웃에 Drag&Drop을 해주어 배치해줍니다.
슥하고 펴지는 모습을 보실 수 있습니다.

Activity Main 4

그리고 Text 탭으로 넘어와서 WebView 부분을 위와 같이 변경해주시면 됩니다.
처음에 WebView를 붙이면 오류가 발생하게 되는데, 초기 설정이 ConstraintLayout과 일치하지 않는 설정이라는 오류일 것입니다.
저희는 만들어둔 사이트를 뿌려주기만 할 것이기 때문에 match_parent를 설정하여 가득 채워줍니다.

AndroidManifest.xml 수정

AndroidManifest

AndroidManifest 파일에 한 줄 추가해줘야 합니다.
이 앱에 권한을 부여해주는 것인데, 인터넷을 사용할 수 있게 권한부여를 해주는 것입니다.

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

위와 같은 레벨의 위치에 제가 적어둔 코드를 입력해주시면 됩니다.

MainActivity.kt 수정

MainActivity

이제 마지막으로 건드릴 파일입니다.
MainActivity 파일을 수정해야 합니다.
저는 코틀린 기반의 파일을 생성했기 때문에 언어도 코틀린 기반으로 작성을 해야하더라구요..;

하기와 같이 코드를 공유드리니 저와 상이한 부분만 변경하여 사용하시면 되겠습니다.

package org.app.thinkground

import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import android.view.View
import android.webkit.WebView

class MainActivity : AppCompatActivity() {

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

        val wv = findViewById<View>(R.id.webview) as WebView
        wv.loadUrl("https://thinkground.studio/")

    }
}

Virtual Machine Test

App Test

그런 후에 Virtual Machine으로 테스트를 돌려보면 정상적으로 뜨는 것을 확인하실 수 있습니다.

근데 이상하게 버튼을 누르면 크롬으로 넘어가네요..;ㅎㅎ
링크를 넘기는 부분에서 웹뷰로 인스턴스를 넘기지 못하는거 같습니다.

이 부분에 대해서는 따로 포스트를 해서 남기도록 하겠습니다.

이상 블로그 사이트 앱 만들기 포스팅이었습니다.
안드로이드 관련 게시물은 이 링크를 클릭하여 확인부탁드립니다.

Leave a Reply