출처 : http://www.edwith.org/boostcourse-android/lecture/20121/


화면 배치 수정하기

사용자의 눈에 보이는 화면 배치는 보통 XML 파일로 만들게 됩니다. (자바 소스 코드에서 만들 수도 있지만, 일반적으로는 XML로 만들게 됩니다.)

이것을 XML 레이아웃이라고 부릅니다.

XML 레이아웃 파일은 두 가지 모드에서 볼 수 있는데 Design 모드에서는 단말기 화면에 들어있는 실제 화면처럼 보여줍니다.

그리고 왼쪽의 팔레트에서 버튼 등을 끌어다 가운데 있는 단말기 화면 안에 넣으면 화면 배치를 할 수 있습니다.

아주 쉽죠?

아래쪽에 있는 Text 탭을 누르면 이 화면을 볼 수 있도록 만든 XML 파일의 원본을 볼 수 있습니다.

필요하면 원본에서 XML 태그나 속성을 수정할 수도 있죠.

하지만 이 원본 XML을 처음 볼 때는 너무 복잡하게 보이니 XML 파일을 수정하는 것은 앞으로 차차 익혀갈 겁니다.

화면이나 소스 코드를 수정하면 안드로이드 스튜디오는 수정 사항을 바로 반영합니다.

하지만 수정을 했는데도 이전에 수정했던 결과가 그대로 남아있는 경우가 있습니다.

이것은 빌드된 정보를 새로 갱신하지 못하는 경우가 있기 때문입니다.

이때는 상단의 메뉴 중에서 [Tools > Android > Sync Project with Gradle Files] 메뉴를 누릅니다.

그러면 변경된 내용을 이용해 새로 빌드하여 반영한 후 화면에 보여줍니다.




생각해보기

  1. 디자이너 도구의 팔레트에서 버튼이나 텍스트 뷰를 끌어다 화면에 추가하면 
    왼쪽의 컴포넌트 트리(Component Tree) 창이나 오른쪽의 속성(Attributes) 창에 어떤 변화가 생기나요?
    -끌어다좋은 컴포넌트가 컴포넌트트리에 추가되고 오른쪽의속성은 해당 컴포넌트에대한 내용으로 갱신이 된다.
  2. 디자이너 도구에서 가운데 화면 중 흰 화면 부분을 선택했을 때 속성 창에 보이는 정보는 무엇을 의미하는 걸까요?
    -해당화면의 기본 설정값이 보인다.


출처 : http://www.edwith.org/boostcourse-android/lecture/17037/


프로젝트를 만들 때의 대화상자

새로운 프로젝트를 만들 때는 몇 가지 정보를 넣는 것만으로도 프로젝트를 만들 수 있도록 대화상자가 제공됩니다.

보통 마법사라고도 불리는데 단계별로 대화상자를 보여주면서 필요한 몇 가지 정보를 입력받아 프로젝트를 만들어줍니다.

그중에서 두 가지 대화상자가 가장 중요합니다.

첫 번째는 프로젝트의 이름, 패키지 등을 입력하는 대화상자입니다.

이름은 프로젝트를 구분하는 데 사용되며 패키지는 이 앱을 다른 사람들이 만든 앱과 구분하기 위한 고유한 값으로 사용됩니다

예를 들어, 나중에 여러분이 만든 앱을 Play스토어에 등록할 때 다른 사람이 만든 앱의 패키지 이름과 같으면 등록할 수 없게 됩니다.

따라서, 다른 사람이 올린 앱과 중복되지 않는 고유한 패키지 이름을 넣어야 합니다.


프로젝트 이름과 패키지를 입력하는 대화상자

프로젝트를 만들면 첫 화면은 안드로이드 스튜디오가 자동으로 만들어줍니다.

안드로이드 앱은 화면이 있는 상태로 동작하는 것이 일반적이기 때문입니다.

화면이 자동으로 생성되려면 어떤 유형의 화면이 만들고 싶은지 사용자가 전달해주어야 합니다.

그것이 첫 화면의 유형을 선택하는 대화상자입니다.

프로젝트 창의 구성

프로젝트 창은 크게 왼쪽의 프로젝트 영역과 가운데 작업 영역으로 구분할 수 있습니다.

그리고 오른쪽에 속성이 보이는 창을 띄울 수도 있고 아래쪽에 앱 실행에 필요한 창을 띄울 수도 있죠.

왼쪽의 프로젝트 영역에는 이 프로젝트 안에 만들어진 파일들이 정리되어 보입니다.

프로젝트 영역의 위쪽을 보면 콤보박스가 있고 Android라는 것이 선택되어 있는데요, 이것을 Project나 Project Files로 선택하면 프로젝트 안에 만들어진 파일들을 보여주는 방식이 조금 바뀌게 됩니다.

예를 들어, Android를 선택했을 때는 java 폴더나 res 폴더 등 중요한 파일 위주로 정리해서 보여주고,

Project Files를 선택하면 파일 탐색기에서 폴더를 볼 때와 똑같이 보여줍니다.

기본 프로젝트 창의 구성

안드로이드의 화면과 소스 코드는 분리되어 있기 때문에 첫 화면을 위한 파일은 두 개가 만들어집니다.

activity_main.xml 파일은 눈에 보이는 화면을 구성하는 파일이고, MainActivity.java 파일은 그 화면의 기능을 담당하는 소스 파일입니다.

소스 파일은 소스 편집기에서 보이게 되고 XML 파일은 디자이너 도구에서 보이게 됩니다.

디자이너 도구 화면

 생각해보기

  1. 디자이너 도구의 팔레트에서 버튼이나 텍스트뷰를 끌어다 화면에 추가하면 왼쪽의 컴포넌트 트리(Component Tree) 창이나 오른쪽의 속성(Attributes) 창에 어떤 변화가 생기나요?
    -컴포넌트 트리에는 끌어다놓은 오브젝트가 추가되고, 속성창에는 해당 오브젝트의 속성을 보여준다.
  2. 디자이너 도구에서 가운데 화면 중 흰 화면 부분을 선택했을 때 속성 창에 보이는 정보는 무엇을 의미하는 걸까요?
    -해당화면의 기본 설정값이 보인다.


출처 : http://www.edwith.org/boostcourse-android/lecture/17036/


앱 실행하고 바꾸어보기

에뮬레이터는 가상의 단말기라고 할 수 있습니다.

테스트할 때 실제 단말기가 없다면 이 에뮬레이터를 사용할 수 있죠.

에뮬레이터를 하나 만들어서 실행하면 여러분이 만든 앱을 에뮬레이터에서 실행하여 띄우고 테스트해볼 수 있습니다.

에뮬레이터를 만들어 띄운 후 여러분의 앱을 실행해봅니다.

앱을 실행할 때는 상단에 보이는 아이콘 중에서 초록색 실행 아이콘만 누르면 됩니다.

아주 간단하죠?

앱이 실행된 에뮬레이터 화면

와우!

여러분이 한 것은 이름을 하나 입력하고 프로젝트라는 것을 만들어달라고 한 것뿐인데 실행해보니 앱이 만들어져 있네요.

심지어는 이 앱의 내용을 아주 간단하게 바꿀 수도 있습니다.

단말기 모양의 화면 안에 보이는 Hello world! 라는 글자를 선택한 후 오른쪽에 보이는 속성(Attributes) 창에서 그 글자가 표시된 부분을 찾아 ‘안녕 안드로이드!’라는 글자로 바꾸어봅니다.

그리고 다시 실행하면 한글로 바뀐 글자가 보이는 것을 확인할 수 있습니다.

화면에 표시된 글자를 바꾼 경우

새로 만들어진 프로젝트

새로 만들어진 프로젝트라는 것 안에는 여러 개의 파일이 자동으로 만들어져 있습니다.

화면의 왼쪽에서 그 파일들을 볼 수 있는데요, java 라는 이름의 폴더와 res 라는 이름의 폴더가 대표적입니다.

그 폴더 안을 살펴보다 보면 가운데 영역에 탭으로 보이는 MainActivity.java 파일과 activity_main.xml 파일을 찾아볼 수 있습니다.

자동으로 만들어진 파일 중에 두 가지 파일이 중요하니 미리 가운데 영역에 탭으로 띄워주었던 것이군요.

새로 만들어진 프로젝트 안에 들어있는 파일들

아무튼, 이제 앱 개발자가 되셨습니다. 짝짝짝!

앱 개발 어렵지 않죠?

아직 많은 과정이 남아있지만, 출발은 순조로운 것 같습니다.

자신감을 가지고 한 번 진행해보세요.




생각해보기

  1. xml 파일과 java 파일이 각각 하는 역할은 무엇일까요?
    -xml파일은 디자인과 다양한 오브젝트연결, 버튼등을 관리하는곳이고, java파일에서는 그 해당기능등을 구현하는 쪽이다. 
  2. 소스 코드는 프로그래밍을 잘 해야 수정할 수 있을까요? 프로그래밍을 잘 하지 못해도 소스 코드를 바꿀 수는 있을까요?
    -소스코드는 프로그래밍을 어느정도는 할수 있어야 바꿀수있다. xml같은경우는 디자인탭에서 마우스로 바꿀수도있겠지만 java같은경우는 해석자체가 불가능할수있고, xml도 text로 짜게되면 더욱 복잡할 수 있다.


출처 : http://www.edwith.org/boostcourse-android/lecture/17035/


첫 번째 앱

하나의 앱을 만들기 위해서는 먼저 프로젝트라는 것을 만들어야 합니다.

시작화면에서 [Start a new Android Studio project] 메뉴를 누릅니다.

시작 화면의 메뉴

프로젝트라는 것을 만들기 위한 화면들이 하나씩 보이게 됩니다.

첫 번째 화면에서는 Hello라는 이름을 입력하고 [Next] 버튼을 눌러 넘어갑니다.

첫 번째 화면에서 Company domain을 변경할 수도 있습니다.

이 정보는 여러분이 만든 앱을 구분하는 정보이기도 해서 나중에는 회사의 도메인 이름처럼 고유한 값으로 바꾸어주는 것이 좋습니다.

특히 나중에 Play스토어에 앱을 등록할 때 여러분이 첫 화면에서 지정한 패키지 이름이 다른 사람이 등록한 것과 달라야 하므로 처음부터 고유한 값으로 지정하는 것이 좋습니다.

다만 지금은 처음 만들어보는 과정이기 때문에 굳이 바꾸지 않아도 됩니다.

나머지 대화상자에서는 기본으로 선택된 상태 그대로 두고 넘어갑니다.

프로젝트 이름을 입력하는 화면

마지막에 [Finish] 버튼을 누르면 무언가 작업이 막 진행된 후 메인 화면이 뜨게 됩니다.

메인 화면

가운데 부분에 있는 탭 중에서 activity_main.xml 탭을 눌러보면 ‘짜잔!’ 앱의 화면과 닮은 모양이 보입니다.

이렇게 만든 프로젝트는 윈도우 사용자 계정 폴더 아래에 만들어집니다.

예를 들어, 윈도우 사용자 계정이 john이라면 C:\Users\john\AndroidStudioProjects\Hello 폴더가 프로젝트 파일들이 만들어지는 폴더가 됩니다.

만약 프로젝트가 만들어지는 폴더를 다른 곳으로 하려면 프로젝트를 만드는 첫 화면에서 저장되는 위치를 바꾸어줄 수도 있습니다.


생각해보기

  1. 프로젝트만 만들었는데도 무언가 만들었다는 생각이 드나요? 이제 앱을 실행해볼 수도 있을까요?
    -프로젝트를만들었으니 물론실행가능하다.
  2. 워드와 같은 문서편집기보다 복잡하게 보이나요? 그렇지 않다면 이 개발 도구를 익히는 데 얼마나 걸릴까요?
    -깊이에따라다르겠지만 가벼운앱을만드는데는 적게걸리고, 좀더 복잡한 어플리케이션을 다루는데는 좀더 오래걸릴것이다.





출처 : http://www.edwith.org/boostcourse-android/lecture/17034/

개발도구 설치하기
주소를 따라 들어가서 하단에 자막 스크립트 ON 설정을 한 후 강의를 시청하시면 학습에 도움이 됩니다.

이 영상은 'Do it! 안드로이드 앱 프로그래밍'(정재곤 지음, 이지스퍼블리싱 간행) 도서의 영상에서 발췌하였습니다.


도구 설치하기

우리는 앱을 만들기 위해 안드로이드 스튜디오라는 도구를 사용할 겁니다.

이 도구는 안드로이드 개발자 사이트(http://developer.android.com/studio/index.html)에서 다운로드한 후 설치할 수 있습니다.

무료이고 설치 과정도 그리 어렵지 않습니다.

설치 파일을 클릭하고 순서대로 따라가면서 설치하면 됩니다.

안드로이드 스튜디오 설치 화면

설치를 마친 이후 프로그램 처음 실행했을 때 추가로 설치하는 과정이 있습니다.

필요한 파일이 더 있기 때문인데요, 무언가를 선택하는 과정이 없기 때문에 따라가면서 추가 설치를 진행하면 됩니다.

추가 설치를 위해 뜨는 화면

추가 설치가 끝나면 한 가지 과정이 더 있습니다. ^^

안드로이드 스튜디오를 실행한 후 시작 화면이 뜨면 하단의 [Configure > SDK Manager] 메뉴를 누르고 추가 구성요소를 설치해주세요.





생각해보기

  1. SDK 매니저에서 선택할 수 있는 플랫폼 중에서 어떤 것을 설치하는 것이 좋을까요? 어떤 것도 상관없을까요?
    -사용할 유저들이 가장많을거라고 생각되는 플랫폼이나 가장최신 또는 그전 한두개 버전을 설치하는게 좋을것이다.


  2. 안드로이드 스튜디오가 새로운 버전이 나올 때마다 새로 설치해야 하는 걸까요?
    -꼭 그럴필요는 없겠지만, 더욱편하게 코딩하고 개발할수있는 환경을 지원할테니 그러는 편이 좋을것 같다.






+ Recent posts