ThinkGround

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

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

프로젝트 만들기

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

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

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

activity_main.xml 수정

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

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

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

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

AndroidManifest.xml 수정

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

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

MainActivity.kt 수정

이제 마지막으로 건드릴 파일입니다.
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(R.id.webview) as WebView
        wv.loadUrl("https://thinkground.studio/")

    }
}

Virtual Machine Test

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

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

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

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

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

프로젝트 만들기

activity_main.xml 수정

AndroidManifest.xml 수정

MainActivity.kt 수정

Virtual Machine Test