가카리의 공부방

예제 : https://www.inflearn.com/course/ 예제 소스 : https://github.com/GaKaRi/gakari_android/tree/master/Tutorial10_layout 다음은 RelativeLayout을 위한 예제파일입니다. RelativeLayout은 상대적으로 위치를 지정합니다. activity_main2.xml 레이아웃 화면 버튼이 위쪽 가운데와 아래쪽 가운데에 배치된 것을 알 수 있습니다. 다음은 TableLayout을 위한 예제 파일입니다. HTML의 table과 비슷합니다. 각 행별로 뷰를 지정하게됩니다. activity_main3.xml 레이아웃 화면 아래와 같이 행단위로 표시가 되며 3번째 행은 layout_span옵션에 의해서 2개의 열을 차지하게..

예제 출처 : https://www.inflearn.com/course/ 예제 소스: https://github.com/GaKaRi/gakari_android/tree/master/Tutorial8_imgbtn/app/src/main 젤리빈 4.3버전에서 테스트되었습니다. 먼저 아래와 같이 버튼에 관한 이미지를 구한 뒤 res/drawable 폴더에 넣습니다. 버튼 이미지는 https://thenounproject.com/ 에서 구했습니다. 그 다음 button1.xml 파일을 아래와 같이 써줍니다. res/drawable/button1.xml 새로 만든 버튼에 대한 이미지를 지정해주는 부분입니다. 그다음 activity_main.xml에 버튼을 추가합니다. 이때 ImageButton을 이용해서 추가합니..

소스 출처 : https://www.inflearn.com/course 예제 소스 : https://github.com/GaKaRi/gakari_android/tree/master/Tutorial6_youtube/app/src/main 먼저 아래 유튜브 안드로이드 Player API를 다운 받아야합니다. 압축 파일을 푼뒤 libs폴더의 jar파일을 복사하여 프로젝트 폴더내의 app/libs에 붙여넣기 합니다. 안드로이드 스튜디오에서 라이브러리를 사용하기위해 File - Project Structue로 가서 Modules에 app으로 간 뒤 Dependencies탭으로 갑니다. 그리고 아까 다운받은 jar파일을 추가해줍니다. 이제 레이아웃을 그릴 차례입니다. 직접 xml파일을 쓰셔도 되고 아래와 같이 Vi..

안드로이드 타겟 버전 : 4.2(젤리빈) 소스 출처 : https://www.inflearn.com/course/ 예제 소스 : https://github.com/GaKaRi/gakari_android/tree/master/Tutorial6_activity/app/src/main 안드로이드 어플리케이션의 네가지 구성 요소는 Activity, Service, Broadcast Receiver, Content Provider가 있습니다. 인텐트(Intent)란 이러한 어플리케이션 구성요소(컴포넌트) 간에 작업 수행을 위한 정보를 전달하는 역할을 한다. 인텐트를 가장 손쉽게 사용한 예로는 액티비티간의 화면전환을 들 수 있습니다. startActivity() -새로운 액티비티를 화면에 띄울 때 startServ..

소스출처 : https://www.inflearn.com/course/ 예제 소스 https://github.com/GaKaRi/gakari_android/tree/master/Tutorial5_list 이번에는 다음과 같이 이미지와 텍스트를 동시에 뿌려주는 커스텀 리스트뷰를 만들어봅시다. 실행화면 각 리스트 터치시 값들이 토스트 메시지로 출력됩니다. (토스트 메시지가 너무 빨리 지나가서 캡쳐를 못하겠네요.) image_layout.xml 이미지뷰 한개와 텍스트뷰 한개를 배치합니다. 이 레이아웃이 리스트뷰의 내용이 될 것입니다. ImageAdapter.java 리스트뷰의 어댑터를 만드는 클래스입니다. package com.example.kch.tutorial5_list; import android.con..

내용 및 사진 출처 : http://androidhuman.com/524 http://freehoon.tistory.com/29 안드로이드 소스 출처 : https://www.inflearn.com/course/ 예제 깃헙 주소 https://github.com/GaKaRi/gakari_android/tree/master/Tutorial_nav2 Navigation Drawer는 다음과 같이 왼쪽에서 드래그를 했을 때 나오는 뷰입니다. 위 그림과 같이 DrawerLayout 내에 뷰를 선언하게 되면 뷰들이 쌓이게 됩니다. 따라서 DrawerLayout을 맨아래 깔아두지 않으면 앞에 있는 뷰가 먼저 이벤트를 낚아채서 DrawerLayout으로 이벤트가 전달되지 않습니다. 그러면 먼저 activity_mai..

다음 예제는 젤리빈 4.4로 테스트 되었습니다. 다음과 같이 화면 구성을 해주기 위해 activity_main.xml을 수정해줍니다. activity_main.xml 저는 안드로이드 스튜디오에서 제공하는 design 툴을 이용해서 버튼을 배치하였습니다. MainActivity.java 간단한 알림창을 만들고 리스너를 등록하는 과정입니다. 소스를 참조하시기 바랍니다. package com.example.kch.tutorial3; import android.content.DialogInterface; import android.support.v7.app.AlertDialog; import android.support.v7.app.AppCompatActivity; import android.os.Bundle;..

젤리빈 4.4 버전으로 작성되었습니다. 레이아웃은 단순히 입력을 받을 수 있는 EditText 상자 2개와 연산을 선택할 수 있는 버튼 4개 그리고 결과를 볼 수 있는 TextView 한개가 배치되어있습니다. activity_main.xml MainActivity.java 간단한 메소드이므로 따로 설명하지는 않습니다. package com.example.kch.tutorial2; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.EditText; import android.widget.TextView; public class MainAc..

이번 포스트에는 안드로이드에서 JSON객체를 Node.js서버로 보내고 Node.js서버로부터 OK!! 메시지를 받는 예제를 만들어 봅시다. Node.js 서버 app_and.js const express = require('express'); const app = express(); let users = [ { id: 1, name: 'alice' }, { id: 2, name: 'bek' }, { id: 3, name: 'chris' } ] app.get('/users', (req, res) => { console.log('who get in here/users'); res.json(users) }); app.post('/post', (req, res) => { console.log('who get ..

위와 같이 Node.js서버에서 보내는 JSON 객체를 GET방식으로 안드로이드에서 받는법을 알아봅시다. 노드 관련 책을 한번이라도 보셨다면 아래 파일은 쉽게 이해하실 수 있습니다. app_and.js 파일 const express = require('express'); const app = express(); let users = [ { id: 1, name: 'alice' }, { id: 2, name: 'bek' }, { id: 3, name: 'chris' } ] //단순히 http://localhost:3000/users로 접근하면 users라는 객체를 json으로 response하라는 의미입니다. app.get('/users', (req, res) => { console.log('who get..