Android) 누구나 만들 수 있는 웹 어플리케이션 개발하기 2편 - 프로젝트 생성 및 LinearLayout 기초

안드로이드 웹 어플리케이션 개발하기 2편

'프로젝트 생성하기'

1편 링크

Android) 누구나 만들 수 있는 웹 어플리케이션 개발하기 1편 - 안드로이드 스튜디오 설치하기

---

안드로이드 스튜디오로

새로운 프로젝트를 만들어보자.

상단 메뉴 -> File -> New -> New Project

를 클릭하자.

 

그러면 아래와 같은 창이 나올것이다.

Create New Project

안드로이드 스튜디오 에서는 미리 설계된 액티비티들을 많이 제공하고 있다.

저런 액티비티들을 사용하면 굉장히 편하게 각종 기능을 사용할 수 있지만,

우리의 목표는, 매우 쉽게 '웹 어플리케이션' 을 만드는 것이기 때문에

아무 기능이 없는 'Empty Activity' 를 선택해 주겠다.

 

다음, 프로젝트의 이름과 패키지 네임을 설정해 준다.

나는 닮은꼴 연예인 웹서비스를 실행해 주는 웹 어플리케이션을 만들 계획이기 때문에

SimilarMan 으로 이름을 지어주겠다.

 

패키지네임은 자동으로 설정된다.

Configure Your Project

Finish 를 누르면, 프로젝트가 생성되고,

이와 같이 개발환경이 세팅된다.

프로젝트 생성 후 나오는 Hello World

안드로이드 스튜디오와의 첫 만남일 것이다.

안드로이드 어플은 java와 kotlin 이라는 두개의 언어로 개발될 수 있다.

나는 java를 통하여 개발하는 중이다.

 

왼쪽이 어플리케이션의 구조를 나타내는 파일탐색기 이다.

우선, java 안드로이드 app 의 기본 구조는

java 폴더에 있는 .java 클래스 파일 = 동적인 어플의 기능을 담당하는 부분 (Web에서 javascript)

res -> layout 폴더에 있는 .xml 파일 = UI 디자인을 담당하는 부분 (Web에서 HTML & CSS )

로 이루어진다.

우리가 개발할 웹어플은, 이정도만 알아놓아도 개발 할 수 있다.

---

우선, 디자인을 담당하는 activity_main.xml 파일을 건드려보자.

기본 설정이 ConstraintLayout 으로 설정되어 있지만,

우리는 사용하기 쉬운 LinearLayout 을 사용 할 것이기 때문에 바꿔주자.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="웹 어플리케이션 개발 시작!"
        />

</LinearLayout>

LinearLayout 은 말그대로 선형으로 레이아웃을 배치한다는 것이다.

차곡차곡 쌓아가며 디자인을 하는거라, 초보자도 쓰기 쉽고 제일 편하다.

 

하지만, LinearLayout은 방향을 설정해주어야 한다.

수평으로 디자인을 쌓아갈 것인지

수직으로 디자인을 쌓아갈 것인지를

정해주어야 한다.

android:orientation="vertical"

이 코드를 LinearLayout 안에 집어넣어 주면

수직으로 차곡차곡 쌓아가는 모습을 만들 수 있다.

이렇게, 이제 간단한 텍스트를 쭈욱 쌓아 갈 수 있을 것이다.

---

이제 기본적인 원리를 알았으니, 구글링을 통해서 자기가 하고 싶은 것들을 찾아가며

안드로이드 개발을 배우면 된다.

 

이번 포스팅은 이까지 마무리 하고

다음 3편에서는 본격적으로 WebView를 설치하여 웹어플을 만들어 보도록 하겠다.