[Android Studio] Volley, Gson 라이브러리 JSON Data 파싱 -> recylerView list 띄워주기 ++gif넣기

package com.example.volly;

import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

import com.android.volley.AuthFailureError;
import com.android.volley.Request;
import com.android.volley.RequestQueue;
import com.android.volley.Response;
import com.android.volley.VolleyError;
import com.android.volley.toolbox.StringRequest;
import com.android.volley.toolbox.Volley;
import com.google.gson.Gson;

import java.util.HashMap;
import java.util.Map;

public class MainActivity extends AppCompatActivity {

    //라이브러리 Volly를 씀으로써 내부적으로 쓰레드, 핸들러까지 다 처리해줌

    EditText editText;
    TextView textView;

    static RequestQueue requestQueue;

    //recyclerView 추가부분
    RecyclerView recyclerView;
    MovieAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        editText = findViewById(R.id.editText);
        textView = findViewById(R.id.textView);

        //recyclerView 추가부분
        recyclerView = findViewById(R.id.recylerView);
        //레이아웃 어떻게 할지, list형 or grid형
//        LinearLayoutManager layoutManager = new LinearLayoutManager
//                (this, LinearLayoutManager.VERTICAL, true);
//        recyclerView.setLayoutManager(layoutManager);


        adapter = new MovieAdapter();
        recyclerView.setAdapter(adapter);

        Button button = findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                String urlStr = editText.getText().toString();
                request(urlStr);
            }
        });

        requestQueue = Volley.newRequestQueue(getApplicationContext());


    }

    public void request(String urlStr){
        //Volly는 요청객체를 만들고 Que안에 넣으면 ui에서 처리할 수 있도록 응답을 return 해줌!
        StringRequest request = new StringRequest(
                Request.Method.GET,
                urlStr, // urlStr을 GET방식으로 보냈을 때 정상적으로 Respose가 오면 받아주는 메서드
                new Response.Listener<String>() {
                    @Override //정상 응답
                    public void onResponse(String response) {
                        println("응답 -> " + response); //응답값을 확인해 보면 JSON 포맷으로 되어 있음!

                        //이 JSON 응답값을 넣어줄 class를 정의해줬고 (Movie, MovieList, MovieListResult)
                        //처리해줄거야
                        processRespons(response);
                    }
                },
                new Response.ErrorListener() {
                    @Override //에러 응답
                    public void onErrorResponse(VolleyError error) {
                        println("에러 -> " + error.toString());
                    }
                }
        ){
            @Override //만들어진 요청 객체
            protected Map<String, String> getParams() throws AuthFailureError {
               Map<String, String> params = new HashMap<String, String >();

               return params; //이 요청객체를 que안에 넣으러 출발 (위로)
            }
        };

        request.setShouldCache(false);
        requestQueue.add(request);
        println("요청 보냄");
    }

    //응답 문자열을 처리하기 위한 메서드
    public void processRespons(String response){
        Gson gson = new Gson();

        //JSON객체를 받아오는 함수를 이용해서 우리가 class로 정의해준 객체로 담아준다
        MovieList movieList = gson.fromJson(response, MovieList.class);
        println("영화 정보의 수 : " + movieList.boxOfficeResult.dailyBoxOfficeList.size());

        //recyclerView에 리스트로 보여줄 포문 추가~!
        for (int i = 0; i < movieList.boxOfficeResult.dailyBoxOfficeList.size(); i++){
            Movie movie = movieList.boxOfficeResult.dailyBoxOfficeList.get(i);
            adapter.addItem(movie);
        }

        adapter.notifyDataSetChanged();

    }

    //응답이나 에러가 오면 출력해주는 메서드 정의
    public void println(String data){
        textView.append(data + "\n");
    }


}​

package com.example.volly;

import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

import com.android.volley.AuthFailureError;
import com.android.volley.Request;
import com.android.volley.RequestQueue;
import com.android.volley.Response;
import com.android.volley.VolleyError;
import com.android.volley.toolbox.StringRequest;
import com.android.volley.toolbox.Volley;
import com.google.gson.Gson;

import java.util.HashMap;
import java.util.Map;

public class MainActivity extends AppCompatActivity {

    //라이브러리 Volly를 씀으로써 내부적으로 쓰레드, 핸들러까지 다 처리해줌

    EditText editText;
    TextView textView;

    static RequestQueue requestQueue;

    //recyclerView 추가부분
    RecyclerView recyclerView;
    MovieAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        editText = findViewById(R.id.editText);
        textView = findViewById(R.id.textView);

        //recyclerView 추가부분
        recyclerView = findViewById(R.id.recylerView);
        //레이아웃 어떻게 할지, list형 or grid형
//        LinearLayoutManager layoutManager = new LinearLayoutManager
//                (this, LinearLayoutManager.VERTICAL, true);
//        recyclerView.setLayoutManager(layoutManager);


        adapter = new MovieAdapter();
        recyclerView.setAdapter(adapter);

        Button button = findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                String urlStr = editText.getText().toString();
                request(urlStr);
            }
        });

        requestQueue = Volley.newRequestQueue(getApplicationContext());


    }

    public void request(String urlStr){
        //Volly는 요청객체를 만들고 Que안에 넣으면 ui에서 처리할 수 있도록 응답을 return 해줌!
        StringRequest request = new StringRequest(
                Request.Method.GET,
                urlStr, // urlStr을 GET방식으로 보냈을 때 정상적으로 Respose가 오면 받아주는 메서드
                new Response.Listener<String>() {
                    @Override //정상 응답
                    public void onResponse(String response) {
                        println("응답 -> " + response); //응답값을 확인해 보면 JSON 포맷으로 되어 있음!

                        //이 JSON 응답값을 넣어줄 class를 정의해줬고 (Movie, MovieList, MovieListResult)
                        //처리해줄거야
                        processRespons(response);
                    }
                },
                new Response.ErrorListener() {
                    @Override //에러 응답
                    public void onErrorResponse(VolleyError error) {
                        println("에러 -> " + error.toString());
                    }
                }
        ){
            @Override //만들어진 요청 객체
            protected Map<String, String> getParams() throws AuthFailureError {
               Map<String, String> params = new HashMap<String, String >();

               return params; //이 요청객체를 que안에 넣으러 출발 (위로)
            }
        };

        request.setShouldCache(false);
        requestQueue.add(request);
        println("요청 보냄");
    }

    //응답 문자열을 처리하기 위한 메서드
    public void processRespons(String response){
        Gson gson = new Gson();

        //JSON객체를 받아오는 함수를 이용해서 우리가 class로 정의해준 객체로 담아준다
        MovieList movieList = gson.fromJson(response, MovieList.class);
        println("영화 정보의 수 : " + movieList.boxOfficeResult.dailyBoxOfficeList.size());

        //recyclerView에 리스트로 보여줄 포문 추가~!
        for (int i = 0; i < movieList.boxOfficeResult.dailyBoxOfficeList.size(); i++){
            Movie movie = movieList.boxOfficeResult.dailyBoxOfficeList.get(i);
            adapter.addItem(movie);
        }

        adapter.notifyDataSetChanged();

    }

    //응답이나 에러가 오면 출력해주는 메서드 정의
    public void println(String data){
        textView.append(data + "\n");
    }


}

Volley란?

앱에서 서버와 http 통신을 할 때 HttpURLConnection을 사용하면 직접 요청과 응답을 받는 것이 가능하다.

하지만 직접 쓰레드를 구현해야 하며, 기본적인 코드 양 또한 많아 코드가 복잡해진다는 단점이 있다.

그래서 안드로이드에서는 쉽고 빠른 http 통신을 위해 Volley 라이브러리를 제공하고 있다.

 

코드가 간결해진다는 점 외에도 다음과 같은 여러가지 장점들이 있어 http 통신에 많이 사용된다.

 

Volley 라이브러리는 다음과 같이 동작한다.

 

사용자가 Request 객체에 요청 내용을 담아 RequestQueue에 추가하기만 하면,

RequestQueue가 알아서 쓰레드를 생성하여 서버에 요청을 보내고 응답을 받는다.

응답이 오면 RequestQueue에서 Request에 등록된 ResponseListener로 응답을 전달해준다.

따라서 사용자는 별도의 쓰레드 관리 뿐 아니라 UI 접근을 위한 handler 또한 다룰 필요가 없다.

 

사용법

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

Manifest에 uses-permission 태그로 INTERNET 권한을 추가하자.

//Volley
implementation 'com.android.volley:volley:1.1.1'

//Gson
implementation 'com.google.code.gson:gson:2.8.5'

build.gradle의 dependencies에 라이브러리를 추가하자.

 

Gson이란?

Json을 이용하여 데이터를 전달하려면 Json 형식에 맞춰 데이터를 조합하고, 해석하는 과정이 필요하다.

이 과정을 직접 구현하려면 문자열을 기호에 따라 분리하고 합치는 복잡한 코드를 작성해야 한다.

이를 간단하게 사용할 수 있도록 구글에서는 Gson 라이브러리를 제공하고 있다.

 

Gson 라이브러리는 Json 문자열을 해석하여 객체로 만들고, 객체를 Json 문자열로 만드는 기능을 제공한다.

이를 이용하여 개발자는 직접 복잡한 코드를 구현하지 않고 Json 형식을 사용할 수 있다.

 

Gson 사용법

영화관입장권통합전산망 open api로부터 sample json 데이터를 받아와 분석해보자.

http://kobis.or.kr/kobisopenapi/webservice/rest/boxoffice/searchDailyBoxOfficeList.json?key=f5eef3421c602c6cb7ea224104795888&targetDt=20120101

 

크롬 확장프로그램 추가하면 JSON Data 이쁘게 보여줌!

이를 바탕으로 클래스를 구성한다

 

보통 JSON data의 값을 필드로 만들어준다.

이 때 key값과 멤버변수의 변수명을 동일하게 구성해주어야 Gson을 통해 변환이 가능하다.

 

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical">

    <EditText
        android:id="@+id/editText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:inputType="textPersonName"
        android:text="http://kobis.or.kr/kobisopenapi/webservice/rest/boxoffice/searchDailyBoxOfficeList.json?key=f5eef3421c602c6cb7ea224104795888&amp;targetDt=20120101" />

    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="요청" />

    <!-- 영화 list를 보여주기 위해 리사이클러뷰 추가 -->
    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recylerView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#7A7A7A"
        android:layout_weight="1"
        android:orientation="vertical"
        app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"/>
	<!-- 이때 RecyclerView 안에 textView 같은 view 요소를 넣어줬더니, (쓰지도 않을거지만)
     	  LayoutManager Error가 자꾸 떴다. 
          ***RecyclerView안에는 뭘 넣으면 안됌! 그래서 바로 /> 로 닫아주는 것이 건강에 좋다! -->      
 

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#FFF3B8"
        android:layout_weight="1">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <TextView
                android:id="@+id/textView"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textColor="@color/black"
                android:textSize="20sp"
                android:text="textView 자리"/>
        </LinearLayout>
    </ScrollView>

</LinearLayout>

** xml상 (view영역에서 에서 바로 app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"

를 추가할 수 있다 ) ==> MainActivity.java 소스상에서 linearLayout을 설정할 필요가 없단 뜻! 

 

 

그래서 View와 Model 을 분리 할 수 있음! MVVM 에 한발자국~~~‼️!

 

 

 

 

 이때 RecyclerView 안에 textView 같은 view 요소를 넣어줬더니, (쓰지도 않을거지만)
        LayoutManager Error가 자꾸 떴다. 
          ***RecyclerView안에는 뭘 넣으면 안됨! 그래서 바로 /> 로 닫아주는 것이 건강에 좋다! 

MainActivity.java

package com.example.volly;

import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

import com.android.volley.AuthFailureError;
import com.android.volley.Request;
import com.android.volley.RequestQueue;
import com.android.volley.Response;
import com.android.volley.VolleyError;
import com.android.volley.toolbox.StringRequest;
import com.android.volley.toolbox.Volley;
import com.google.gson.Gson;

import java.util.HashMap;
import java.util.Map;

public class MainActivity extends AppCompatActivity {

    //라이브러리 Volly를 씀으로써 내부적으로 쓰레드, 핸들러까지 다 처리해줌

    EditText editText;
    TextView textView;

    static RequestQueue requestQueue;

    //recyclerView 추가부분
    RecyclerView recyclerView;
    MovieAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        editText = findViewById(R.id.editText);
        textView = findViewById(R.id.textView);

        //recyclerView 추가부분
        recyclerView = findViewById(R.id.recylerView);
        //레이아웃 어떻게 할지, list형 or grid형
//        LinearLayoutManager layoutManager = new LinearLayoutManager
//                (this, LinearLayoutManager.VERTICAL, true);
//        recyclerView.setLayoutManager(layoutManager);


        adapter = new MovieAdapter();
        recyclerView.setAdapter(adapter);

        Button button = findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                String urlStr = editText.getText().toString();
                request(urlStr);
            }
        });

        requestQueue = Volley.newRequestQueue(getApplicationContext());


    }

    public void request(String urlStr){
        //Volly는 요청객체를 만들고 Que안에 넣으면 ui에서 처리할 수 있도록 응답을 return 해줌!
        StringRequest request = new StringRequest(
                Request.Method.GET,
                urlStr, // urlStr을 GET방식으로 보냈을 때 정상적으로 Respose가 오면 받아주는 메서드
                new Response.Listener<String>() {
                    @Override //정상 응답
                    public void onResponse(String response) {
                        println("응답 -> " + response); //응답값을 확인해 보면 JSON 포맷으로 되어 있음!

                        //이 JSON 응답값을 넣어줄 class를 정의해줬고 (Movie, MovieList, MovieListResult)
                        //처리해줄거야
                        processRespons(response);
                    }
                },
                new Response.ErrorListener() {
                    @Override //에러 응답
                    public void onErrorResponse(VolleyError error) {
                        println("에러 -> " + error.toString());
                    }
                }
        ){
            @Override //만들어진 요청 객체
            protected Map<String, String> getParams() throws AuthFailureError {
               Map<String, String> params = new HashMap<String, String >();

               return params; //이 요청객체를 que안에 넣으러 출발 (위로)
            }
        };

        request.setShouldCache(false);
        requestQueue.add(request);
        println("요청 보냄");
    }

    //응답 문자열을 처리하기 위한 메서드
    public void processRespons(String response){
        Gson gson = new Gson();

        //JSON객체를 받아오는 함수를 이용해서 우리가 class로 정의해준 객체로 담아준다
        MovieList movieList = gson.fromJson(response, MovieList.class);
        println("영화 정보의 수 : " + movieList.boxOfficeResult.dailyBoxOfficeList.size());

        //recyclerView에 리스트로 보여줄 포문 추가~!
        for (int i = 0; i < movieList.boxOfficeResult.dailyBoxOfficeList.size(); i++){
            Movie movie = movieList.boxOfficeResult.dailyBoxOfficeList.get(i);
            adapter.addItem(movie);
        }

        adapter.notifyDataSetChanged();

    }

    //응답이나 에러가 오면 출력해주는 메서드 정의
    public void println(String data){
        textView.append(data + "\n");
    }


}

 

MovieAdapter.java

package com.example.volly;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import java.util.ArrayList;

import androidx.recyclerview.widget.RecyclerView;

//recyclerView는 선택위젯, 쓰기 위해서는 어댑터가 필요!
public class MovieAdapter extends RecyclerView.Adapter<MovieAdapter.ViewHolder>{

    ArrayList<Movie> items = new ArrayList<Movie>();

    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        LayoutInflater inflater = LayoutInflater.from(parent.getContext());
        View itemView = inflater.inflate(R.layout.movie_item, parent, false);

        return new ViewHolder(itemView);
    }

    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
        Movie item = items.get(position);
        holder.setItem(item);
    }

    @Override
    public int getItemCount() {
        return items.size();
    }

    public void addItem(Movie item){
        items.add(item);
    }

    public void setItems(ArrayList<Movie> items){
        this.items = items;
    }

    public Movie getItem(int position){
        return items.get(position);
    }

    static class ViewHolder extends RecyclerView.ViewHolder{

        TextView movieNm;
        TextView audiCnt;

        public ViewHolder(@NonNull View itemView) {
            super(itemView);
            //View 안에서 id로 찾아주기
            movieNm = itemView.findViewById(R.id.movieNm);
            audiCnt = itemView.findViewById(R.id.audiCnt);

        }

        public void setItem(Movie item){
            movieNm.setText(item.movieNm);
            audiCnt.setText(item.audiCnt + " 명");
        }
    }
}

 

 

서버로부터 응답이 들어오면 응답을 받아와 parseResponse() 함수에 넘겨준다.

 

parseResponse()에서는 먼저 데이터 변환을 위한 Gson 객체를 만들어준다.

그리고 Gson 객체의 fromJson() 함수에 응답받은 String과 최상위 객체의 클래스를 넘겨주면,

Gson 라이브러리에서 넘겨준 클래스 형태로 String을 변환하여 넘겨준다.

 

 

+ 움짤넣기

 

출처 : https://ju-hy.tistory.com/67?category=797019, https://ju-hy.tistory.com/66?category=797019