hyeals study

구글 TTS API를 안드로이드에서 써보기!(2??)

hyeals — Sun, 14 Feb 2021 23:10:35 +0900

지난 포스팅에서 구글 TTS API를 안드로이드에 써보는 걸 시도해봤는데 여기에 RxJava를 이용해서 리액티브한 요소를 한 번 집어넣어보면 어떨까해서 소소한 2탄을 준비했다. ㅎㅎ

목표는 EditText의 입력을 RxTextView를 이용해서 Observable로 만들어서 입력에 대한 변화를 관찰하게 만든다. 그 다음 이걸 Disposable과 함께 사용해서 좀 더 리액티브하게, 간단한 코드로 사용할 수 있도록 하는 것이다!

*RxTextView는 EditText를 Observable로 만들어준다.(RxBinding라이브러리에 포함되어 있다.)

2021/02/10 - [안드로이드] - 구글 TTS API를 안드로이드에서 써보기!

구글 TTS API를 안드로이드에서 써보기!

TTS란? Text To Speech의 약자로 텍스트를 음성으로 출력해주는 기술이다. (안드로이드에서는 무료로 제공해준다. 구글 TTS를 내장 API로 지원해주고 있다!) 물론 반대인 STT(Speech To Text)로 지원해준다.

hyeals.tistory.com

일단 gradle에 아래와 같이 라이브러리들을 추가해줘야한다.

	//RxAndroid와 RxJava , RxKotlin 추가
    implementation 'io.reactivex.rxjava3:rxandroid:3.0.0'
    implementation 'io.reactivex.rxjava3:rxjava:3.0.6'
    implementation 'io.reactivex.rxjava3:rxkotlin:3.0.0'

    // 필요한 API를 찾아서 추가
    implementation 'com.jakewharton.rxbinding4:rxbinding:4.0.0'

그리고 activity_main.xml에 TextView를 추가해줘야 한다.

<?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"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <EditText
        android:id="@+id/editText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:inputType="textPersonName" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:textAppearance="@style/TextAppearance.AppCompat.Large"></TextView>

    <Button
        android:id="@+id/button"
        android:layout_gravity="center_horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:text="음성 출력" />
</LinearLayout>

요정도 추가해주고 저번 MainActivity.java코드를 아래와 같이 조금 수정해준다.

package com.example.tts_test;

import androidx.annotation.RequiresApi;
import androidx.appcompat.app.AppCompatActivity;

import android.os.Build;
import android.os.Bundle;
import android.speech.tts.TextToSpeech;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;

import com.jakewharton.rxbinding4.InitialValueObservable;
import com.jakewharton.rxbinding4.widget.RxTextView;

import java.util.Locale;

import io.reactivex.rxjava3.annotations.NonNull;
import io.reactivex.rxjava3.core.Observable;
import io.reactivex.rxjava3.core.Observer;
import io.reactivex.rxjava3.disposables.Disposable;
import io.reactivex.rxjava3.observers.DisposableObserver;
import io.reactivex.rxjava3.subjects.BehaviorSubject;

public class MainActivity extends AppCompatActivity implements TextToSpeech.OnInitListener {

    private Disposable disposable;
    private TextToSpeech tts;
    private Button speak_out;
    private EditText input_text;
    private TextView result_text;

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

        tts = new TextToSpeech(this, this);
        speak_out = findViewById(R.id.button);
        input_text = findViewById(R.id.editText);
        result_text = findViewById(R.id.textView);

        observeTextWatcher(input_text);

        speak_out.setOnClickListener(new View.OnClickListener(){
            @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP) // LOLLIPOP이상 버전에서만 실행 가능
            @Override
            public void onClick(View v){
                speakOut();
            }
        });
    }

    public void observeTextWatcher(TextView tv){
        Observable ob = RxTextView.textChanges(tv);
        disposable = ob.subscribe(text -> result_text.setText("INPUT: " + text.toString()));
    }

    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    private void speakOut(){
        CharSequence text = input_text.getText();
        tts.setPitch((float)0.6); // 음성 톤 높이 지정
        tts.setSpeechRate((float)0.1); // 음성 속도 지정

        // 첫 번째 매개변수: 음성 출력을 할 텍스트
        // 두 번째 매개변수: 1. TextToSpeech.QUEUE_FLUSH - 진행중인 음성 출력을 끊고 이번 TTS의 음성 출력
        //                 2. TextToSpeech.QUEUE_ADD - 진행중인 음성 출력이 끝난 후에 이번 TTS의 음성 출력
        tts.speak(text, TextToSpeech.QUEUE_FLUSH, null, "id1");
    }

    @Override
    public void onDestroy() {
        if(tts!=null){ // 사용한 TTS객체 제거
            tts.stop();
            tts.shutdown();
        }
        disposable.dispose();
        super.onDestroy();
    }

    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    @Override
    public void onInit(int status) { // OnInitListener를 통해서 TTS 초기화
        if(status == TextToSpeech.SUCCESS){
            int result = tts.setLanguage(Locale.KOREA); // TTS언어 한국어로 설정

            if(result == TextToSpeech.LANG_NOT_SUPPORTED || result == TextToSpeech.LANG_MISSING_DATA){
                Log.e("TTS", "This Language is not supported");
            }else{
                speak_out.setEnabled(true);
                speakOut();
            }
        }else{
            Log.e("TTS", "Initialization Failed!");
        }
    }
}

이렇게 하면 resultText에 EditText에 입력한 문자열?이 결과로 출력된다. 입력값이 변화함에 따라 함께 계속 바뀐다!

이런 방식은 UI이벤트가 Rxjava로 인해 data stream형태로 출력되는것을 나타낸다!

아마 더 복잡한 내용을 다룰 수 있을 것 같다. (~~공부하면 할수록 헷갈리는 부분이 많아서 책 한 권사서 정리하는것도 나쁘지 않을 것 같다 ㅠ~~)

* Disposable을 선언한 이유: 메모리 누수를 방지하기 위해서 Destroy부분에서 꼭 .dispose()를 이용해서 구독을 끝내야 한다.

아래는 실행화면이다.

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

구글 TTS API를 안드로이드에서 써보기!

hyeals — Wed, 10 Feb 2021 14:43:09 +0900

TTS란?

Text To Speech의 약자로 텍스트를 음성으로 출력해주는 기술이다.

(안드로이드에서는 무료로 제공해준다. 구글 TTS를 내장 API로 지원해주고 있다!)

물론 반대인 STT(Speech To Text)로 지원해준다.

안드로이드에서 TTS 적용해보기

activicy_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"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <EditText
        android:id="@+id/editText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:inputType="textPersonName" />

    <Button
        android:id="@+id/button"
        android:layout_gravity="center_horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:text="음성 출력" />
</LinearLayout>

MainActivity.java

package com.example.tts_test;

import androidx.annotation.RequiresApi;
import androidx.appcompat.app.AppCompatActivity;

import android.os.Build;
import android.os.Bundle;
import android.speech.tts.TextToSpeech;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

import java.util.Locale;

public class MainActivity extends AppCompatActivity implements TextToSpeech.OnInitListener {

    private TextToSpeech tts;
    private Button speak_out;
    private EditText input_text;

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

        tts = new TextToSpeech(this, this);
        speak_out = findViewById(R.id.button);
        input_text = findViewById(R.id.editText);

        speak_out.setOnClickListener(new View.OnClickListener(){
            @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP) // LOLLIPOP이상 버전에서만 실행 가능
            @Override
            public void onClick(View v){
                speakOut();
            }
        });
    }

    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    private void speakOut(){
        CharSequence text = input_text.getText();
        tts.setPitch((float)0.6); // 음성 톤 높이 지정
        tts.setSpeechRate((float)0.1); // 음성 속도 지정

        // 첫 번째 매개변수: 음성 출력을 할 텍스트
        // 두 번째 매개변수: 1. TextToSpeech.QUEUE_FLUSH - 진행중인 음성 출력을 끊고 이번 TTS의 음성 출력
        //                 2. TextToSpeech.QUEUE_ADD - 진행중인 음성 출력이 끝난 후에 이번 TTS의 음성 출력
        tts.speak(text, TextToSpeech.QUEUE_FLUSH, null, "id1");
    }

    @Override
    public void onDestroy() {
        if(tts!=null){ // 사용한 TTS객체 제거
            tts.stop();
            tts.shutdown();
        }
        super.onDestroy();
    }

    @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
    @Override
    public void onInit(int status) { // OnInitListener를 통해서 TTS 초기화
        if(status == TextToSpeech.SUCCESS){
            int result = tts.setLanguage(Locale.KOREA); // TTS언어 한국어로 설정

            if(result == TextToSpeech.LANG_NOT_SUPPORTED || result == TextToSpeech.LANG_MISSING_DATA){
                Log.e("TTS", "This Language is not supported");
            }else{
                speak_out.setEnabled(true);
                speakOut();// onInit에 음성출력할 텍스트를 넣어줌
            }
        }else{
            Log.e("TTS", "Initialization Failed!");
        }
    }

}

테스트 해보기!

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

잘된다~

developer.android.com/reference/android/speech/tts/TextToSpeech

TextToSpeech | Android 개발자 | Android Developers

developer.android.com

ebbnflow.tistory.com/188#recentComments

[Android] 구글STT, TTS 사용하기 (android.speech)

● Android Speech Recognizer 안드로이드에서는 구글 SpeechToText, TextToSpeech 기술인 stt, tts를 내장 API로 지원하고 있습니다. 별도의 설치 없이 gradle에 특별한 세팅이 필요하지 않고 manifest에 몇 가..

ebbnflow.tistory.com

github.com/sdsb8432/TextToSpeech-Android/blob/master/README.md

sdsb8432/TextToSpeech-Android

Text to Speech for Android Application with Google API - sdsb8432/TextToSpeech-Android

github.com

Rxjava를 안드로이드에 적용시켜보기!

hyeals — Mon, 8 Feb 2021 20:01:25 +0900

지난 포스팅에서는 Rxjava에서 데이터를 발행 및 구독하는 방법을 알아봤다.

Rxjava를 안드로이드에 적용시키기 위해서 지금까지 공부했기 때문에 한 번 안드로이드 스튜디오를 이용해서 Rxjava를 안드로이드에 적용시켜서 실행할 계획이다!

일단 Rxjava를 안드로이드 스튜디오에서 사용하기 위해서는

build.gradle(:app)에 dependencies에 몇 가지를 추가해줘야 한다.

   //RxAndroid와 RxJava , RxKotlin 추가
    implementation 'io.reactivex.rxjava3:rxandroid:3.0.0'
    implementation 'io.reactivex.rxjava3:rxjava:3.0.6'
    implementation 'io.reactivex.rxjava3:rxkotlin:3.0.0'

    // 필요한 API를 찾아서 추가
    implementation 'com.jakewharton.rxbinding4:rxbinding:4.0.0'

이정도를 추가했는데 각각을 설명해보자면

1. Rxandroid: RxJava에 안드로이드용 스케쥴러 등 몇 가지 클래스를 추가해서 안드로이드 개발을 쉽게 해주는 라이브러리다. (+ ~~안드로이드의 스레드와 Rxjava에서 사용하는 스케쥴러를 연결해준다?~~)

2. Rxjava 및 RxKotlin: Rxjava를 사용하려면 기본적으로 필요!

3. Rxbinding: 안드로이드에서 editText와 같은 뷰 컴포넌트들을 손쉽게 Observable형태로 만들어준다.

각 버전의 정보는 아래 링크를 참고하면 된다.

github.com/ReactiveX/RxJava

ReactiveX/RxJava

RxJava – Reactive Extensions for the JVM – a library for composing asynchronous and event-based programs using observable sequences for the Java VM. - ReactiveX/RxJava

github.com

* activity_main.xml에 id=textView라는 textView를 정의해놓았다.

이제 MainActivity.java에 RxJava를 사용한 코드를 작성해봤다.

package com.example.rxjavatest;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.TextView;

import io.reactivex.rxjava3.annotations.NonNull;
import io.reactivex.rxjava3.core.Observable;
import io.reactivex.rxjava3.observers.DisposableObserver;
import io.reactivex.rxjava3.schedulers.Schedulers;


public class MainActivity extends AppCompatActivity {


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

        Observable<String> observable = Observable.create(emitter -> {
            emitter.onNext(Thread.currentThread().getName() + "\n: RxJava Observer Test");
            emitter.onComplete();
            }
        );

        observable.subscribe(observer); // main스레드에서 실행

    }

    DisposableObserver<String> observer = new DisposableObserver<String>() {
        @Override
        public void onNext(@NonNull String s) {
            TextView rxjava_text = findViewById(R.id.textView);
            rxjava_text.setText(s);
        }

        @Override
        public void onError(@NonNull Throwable e) {
            Log.d("TEST", "Observer Error...");
        }

        @Override
        public void onComplete() {
            Log.d("TEST", "Observer Complete!");
        }
    };
}

-이렇게 작성하면 위의 코드는 메인 스레드에서 실행이 된다. 실제로 실행시켜보면 아래와 같은 결과를 보여준다.

* 다른 스레드에서 처리하고 싶다면 아래와 같이 변경해주면 된다.

package com.example.rxjavatest;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.TextView;

import io.reactivex.rxjava3.annotations.NonNull;
import io.reactivex.rxjava3.core.Observable;
import io.reactivex.rxjava3.observers.DisposableObserver;
import io.reactivex.rxjava3.schedulers.Schedulers;


public class MainActivity extends AppCompatActivity {


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

        Observable<String> observable = Observable.create(emitter -> {
            emitter.onNext(Thread.currentThread().getName() + "\n: RxJava Observer Test");
            emitter.onComplete();
            }
        );

        observable.subscribeOn(Schedulers.io()).subscribe(observer); // io스레드에서 실행

    }

    DisposableObserver<String> observer = new DisposableObserver<String>() {
        @Override
        public void onNext(@NonNull String s) {
            TextView rxjava_text = findViewById(R.id.textView);
            rxjava_text.setText(s);
        }

        @Override
        public void onError(@NonNull Throwable e) {
            Log.d("TEST", "Observer Error...");
        }

        @Override
        public void onComplete() {
            Log.d("TEST", "Observer Complete!");
        }
    };
}

- 위 코드의 결과는 아래와 같으며, RxCachedThreadScheduler-1이라는 스레드에서 실행됨을 확인할 수 있다.

아마 실제로는 더 훨씬 복잡하게 코드를 짤거다.. ㅜ

RxJava 사용해보기

hyeals — Sun, 7 Feb 2021 22:56:41 +0900

지난 포스팅에서 RxJava에 대한 개념을 정리했으니 이번에는 본격적으로 코드를 작성해보면서 공부할 예정이다.

일단 RxJava를 위해 알아야 할 것이 5가지 정도 있다.

1. Observable: 데이터 소스

지속적으로 변경이 가능한 데이터의 집합이다.

RxJava에서는 Observable을 관찰하는 Observer가 존재하고, Observable이 순차적으로 발행하는 데이터에 대해서 반응한다. 다시말해서 Observer pattern이 구현되어있는 클래스이다.

* Observer pattern: 객체의 상태 변화를 관찰하는 관찰자들(옵저버 목록)을 객체에 등록해서 상태 변화가 있을 때 마다 메서드 등을 통해 객체가 직접 목록의 각 옵저버에게 통지하도록 하는 패턴

Observable에는 3가지 이벤트가 있다.

1. onNext(): 하나의 소스 Observable에서 Observer까지 한 번에 하나씩 순차적으로 데이터를 발행한다.

2. onComplete(): 데이터 발행이 끝났음을 알리는 완료 이벤트를 Observer에 전달해서 onNext()를 더 호출하지 않음을 나타낸다.

3. onError(): 오류가 발생했음을 Observer에게 전달한다. 만약 이 이벤트가 발생했다면 그 이후에는 onNext와 onComplete이벤트가 발생하지 않고 Observable이 종료한다.

이 이벤트들은 ~~Emitter라는 인터페이스에 의해 선언~~되며, 데이터나 오류 내용을 발행할 때 null은 발행할 수 없다.

Observable생성하는 법

RxJava에서는 연산자(operator)를 이용해서 Observable을 생성할 수 있다.

Observable을 생성하는 함수는 아래와 같다.

1. just()

- 인자로 넣은 데이터를 차례대로 발행한다.

- 인자로는 최대 10개를 넣을 수 있다. (이 때 인자들은 ~~타입이 서로 같아야 한다~~.)

import io.reactivex.rxjava3.core.Observable;

public class RxjavaTest {
    public static void main(String[] args){
        Observable<String> observable = Observable.just("Hi(1)", "RxJava(1)", "!!!(1)");
        observable.subscribe(data -> System.out.println(data));
        //observable.subscribe(System.out::println);

        Observable.just("Hi(2)", "RxJava(2)", "!!!(2)").subscribe(System.out::println);
    }
}

[결과]

2. create()

- just()와 달리 onNext(), onComplete(), onError()같은 이벤트를 개발자가 직접 호출해야한다.

- 등록된 콜백들을 제대로 처리하지 않으면 메모리 누수가 발생하기 때문에 신경써서 사용해야 한다.

import io.reactivex.rxjava3.core.Observable;

public class RxjavaTest_create {
    public static void main(String[] args){
        Observable <String> observable = Observable.create(emitter ->{
            emitter.onNext("Hello");
            emitter.onNext("Observable");
            emitter.onNext("Create!");
            emitter.onComplete();
                });

        observable.subscribe(System.out::println);
    }
}

[결과]

onError를 처리하고 싶은 경우에는 아래와 같이 코드를 작성하면 된다.

import io.reactivex.rxjava3.core.Observable;

public class RxjavaTest_create {
    public static void main(String[] args){
        Observable <String> observable = Observable.create(emitter ->{
            emitter.onNext("Hello");
            emitter.onNext("Observable");
            emitter.onError(new Throwable());
            emitter.onNext("Create!");
            emitter.onComplete();
        });

        observable.subscribe(System.out::println, throwable -> System.out.println("Error!"));
    }
}

[결과]

3. empty()

- 아무런 데이터를 발행하지 않는 Observable을 생성하고 싶을 때 사용하는 연산자이다.

2. 리액티브 연산자(Operators): 데이터 소스를 처리하는 함수

이 리액티브 연산자를 통해서 데이터 소스로부터 전달받은 데이터를 가공해서 최종적인 결과 데이터를 만들어낸다.

예) Debounce, Filter, Distinct, ElementAt, First, IgnoreElements, Last, Sample, Skip, SkipLast, Take, and TakeLast

아래 예시와 같이 필터 Opreator를 이용해서 데이터를 가공할 수 있다.

import io.reactivex.rxjava3.core.Observable;

public class RxjavaTest {
    public static void main(String[] args){
        Observable<Integer> observable = Observable.just(1, 2, 3, 4, 5);
        observable.filter(data -> data > 3)
                  .subscribe(System.out::println);
    }
}

[결과]

3. 스케쥴러(Scheduler): 스레드 관리자

리액티브 프로그래밍 자체가 비동기 프로그래밍을 위한 기법이기 때문에 스레드를 관리하는 관리자가 반드시 필요하다.

아래의 코드는 실행될 스레드를 따로 처리하지 않아서 메인 스레드에서 실행이 됨을 확인할 수 있다.

import io.reactivex.rxjava3.core.Observable;

public class RxjavaTest {
    public static void main(String[] args) throws InterruptedException{
        Observable<Integer> observable = Observable.just(1, 2, 3, 4, 5);
        observable.filter(data -> data > 3)
                  .subscribe(data -> System.out.println(Thread.currentThread().getName()  
                  + " : " + "Result: " + data));

        Thread.sleep(500);
    }
}

[결과]

하지만 스케쥴러를 사용하면 아래와 같이 다른 스레드에서 실행할 수 있도록 관리를 해줄 수 있다.

import io.reactivex.rxjava3.core.Observable;
import io.reactivex.rxjava3.schedulers.Schedulers;

public class RxjavaTest {
    public static void main(String[] args) throws InterruptedException{
        Observable<Integer> observable = Observable.just(1, 2, 3, 4, 5);
        observable.filter(data -> data > 3)
                  .subscribeOn(Schedulers.io())
                  .subscribe(data -> System.out.println(Thread.currentThread().getName() 
                  + " : " + "Result: " + data));

        Thread.sleep(500);
    }
}

[결과]

[+]

import io.reactivex.rxjava3.core.Observable;
import io.reactivex.rxjava3.schedulers.Schedulers;

public class RxjavaTest {
    public static void main(String[] args) throws InterruptedException{
        Observable<Integer> observable = Observable.just(1, 2, 3, 4, 5);
        observable.doOnNext(data -> System.out.println(Thread.currentThread().getName() 
        					+ " : " + "doOnNext: " + data))
                  .subscribeOn(Schedulers.io())
                  .observeOn(Schedulers.computation())
                  .filter(data -> data > 3)
                  .subscribe(data -> System.out.println(Thread.currentThread().getName()  
                  			+ " : " + "Result: " + data));

        Thread.sleep(500);
    }
}

[결과]

* subscribeOn함수는 데이터의 발행 및 흐름을 관리하는 스레드를 정의한다.

* observeOn함수는 데이터의 가공 및 처리를 관리하는 스레드를 정의한다.

4. Subscriber: Observable이 발행하는 데이터를 구독하는 구독자

구독자가 구독하지 않으면 Observable이 발행한 데이터를 전달받을 수 없다.

따라서 subscribe함수를 호출해야 실제 데이터가 발행된다.

5. 함수형 프로그래밍: Rxjava에서 제공하는 연산자(Operator)함수를 사용

전통적인 스레드 기반의 프로그래밍은 여러 스레드가 동시에 실행이 됐었다. 때문에 개발자가 예상하지 못한 문제가 발생하고 그 문제를 재현하는 것조차 어려운 상황이 발생했다. 리액티브 프로그래밍에서는 이러한 문제를 해결하기 위해서 부수 효과가 없는 순수함수를 지향하는 함수형 프로그래밍 기법을 도입했고, 함수형 프로그래밍 기법으로 작성된 함수가 바로 리액티브 연산자 함수이다.

blog.yena.io/studynote/2020/10/23/Android-RxJava(2).html

[Android] RxJava Observable 옵저버블

지난 포스트 [Android] RxJava 시작하기에서는 반응형 프로그래밍에 대한 개념을 설명하고 명령형 프로그램과의 차이를 서술했다. 이번 포스트에서는 Observable이 어떻게 동작하는지 알아보자. 그리

blog.yena.io

medium.com/@sunminlee89/rxjava-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D-1-99ddae13c1c7

RxJava 프로그래밍 1

RxJava 스터디에서 사용될 교재 ‘RxJava 프로그래밍’을 공부하며 정리할 내용을 포스팅할 예정이다.

medium.com

reactivex.io/

ReactiveX

CROSS-PLATFORM Available for idiomatic Java, Scala, C#, C++, Clojure, JavaScript, Python, Groovy, JRuby, and others

reactivex.io

다음 포스팅에서는 RxJava를 안드로이드에 적용해서 공부할 계획이다!!

RxJava???

hyeals — Sat, 6 Feb 2021 23:02:21 +0900

안드로이드 개발을 하면 RxJava라는 단어를 한 번쯤은 보게 된다. 대체 어떤 상황에서 뭘 위해 쓰는지 공부해보고 싶어 조금씩 알아가려한다!!

RxJava를 왜 사용할까?

RxJava의 장점이라 하면 개발자들이 부딪힐 수 밖에 없는 문제인

1. 동시성의 문제

2. 다중 이벤트 처리 문제

3. 백그라운드 처리 문제

등의 여러 경우에서 문제를 편리하게 해결할 수 있도록 도와준다!

추가적으로 안드로이드 개발의 경우 화면을 변경할 수 있는 것은 메인 스레드 뿐이기 때문에 비동기 처리를 해야하는 경우가 아주 빈번하다. 이때 Rx를 이용한다면 이 어려운 작업들을 쉽게 할 수 있다. 또 새로운 프로세스가 추가되거나 삭제 되어야 한다면 로직의 큰 변경 없이 간단히 수정할 수가 있다.

(~~아마 이 부분은 Rx가 선언적 프로그래밍 및 함수형 프로그래밍 기법을 사용해서 그런 것 같다!~~)

이제 본격적으로 RxJava를 알아보자!

RxJava를 이해하기 위해서는 일단 리액티브 프로그래밍이라는 것을 알아야한다.

과거의 Application은 클라이언트의 요청을 서버가 처리하고 클라이언트는 서버가 요청을 처리할 때까지 기다렸다가 처리가 끝났을 때 서버로부터 응답을 받아서 결과를 렌더링하는 동기식 구조였다.

그러나,

요즘에는 Application의 규모가 커졌다. 당연하게도 Application은 복잡해졌고, 비동기식 요청을 처리해야만 하는 시대가 됐다.

리액티브 프로그래밍은 이런 비동기식 요청을 효과적으로 처리하기 위한 비동기 프로그래밍을 위한 API이다.

또한, RxJava는 이런 리액티브 프로그래밍 방식을 구현한 확장 라이브러리다!

좀 더 자세히 말하자면 RxJava는 ReactiveX(Reactive Extensions)를 JAVA로 구현한 라이브러리다.

(여기서 Reactive란 무엇일까?

ReactiveX는 관찰가능한(Observable)스트림을 사용하는 비동기 프로그래밍을 위한 API다.)

+ 좀 더 자세하게 알아보는 리액티브 프로그래밍(= 반응형 프로그래밍)

리액티브 프로그래밍을 위키피디아에 검색하면 아래와 같이 나온다.

???

이 내용이 좀 어려운 것 같다. 조금 뜻을 찾아보면 아래와 같다.

- 변경 전파 및 데이터 흐름: 데이터가 변경될 때 마다 이벤트를 발생시켜서 데이터를 계속적으로 전달하는 것(이벤트를 모니터링 하고 있는 쪽은 이벤트가 발생할 때 마다 해당 데이터를 계속적으로 전달받음)

- 명령형 프로그래밍: 실행할 동작을 구체적(EX. 알고리즘)으로 명시하는 프로그래밍 방식(예: Java)

- 선언적 프로그래밍 패러다임: 명령형 프로그래밍과 달리 단순히 목표를 선언하는 방식(예: RxJava)

리액티브의 개념이 적용된 예시

- 일반적으로 Application은 push방식과 pull방식으로 나뉠 수 있다.

◎ push방식: 데이터의 변화가 발생했을 때 변경이 발생한 곳에서 데이터를 보내주는 방식

~~☞ 이게 리액티브 방식이라고 할 수 있다.~~

예시

1. RTC(Real Time Communication)

아파치 스톰같은 오픈소스를 이용하면 실시간 통신을 구현할 수 있는데 실시간 통신은 데이터를 직접 push해서 전달하는 방식이다.

2. 소켓 프로그래밍

채팅 프로그램에서 많이 사용한다. A라는 클라이언트에서 데이터를 보내면 이 데이터를 서버 쪽에서 받아서 B라는 클라이언트에게 직접 push해준다.

3. DBTrigger

프로시저 등에서 데이터베이스의 컬럼에서 변경된 데이터에 대한 이벤트를 모니터링하고 있다가 그 이벤트가 발생했을 때 후속처리를 하는 방식

4. Spring의 ApplicationEvent

어떤 객체에서 ApplicationEvent를 모니터링 하고 있다가 이벤트가 발생하면 후속 처리를 한다.

5. Angular의 데이터 바인딩

데이터의 변경이 발생했을 경우에 view를 업데이트 해주는 방식이다.

6. 스마트폰의 push메시지

스마트폰의 사용자가 어떤 변경된 push메시지가 있는지 서버측에 물어보는것이 아닌, 서버 측에서 스마트폰에 변경된 push 메시지를 전송해주면 사용자가 알림을 받아서 push메시지를 확인하는 방식이다.

◎ pull방식: 변경된 데이터가 있는지 요청을 보내 질의하고 변경된 데이터를 가져오는 방식이다.

예시

1. 클라이언트 요청&서버 응답 방식의 Application

2. Java와 같은 절차형 프로그래밍 언어

특정 메소드를 호출해서 리턴값을 반환 받는 절차

개념을 어느정도 정리한 것 같으니 다음 포스팅에서는 직접 코드를 구현하면서 RxJava에 대해 알아볼 예정이다!

blog.yena.io/studynote/2020/10/11/Android-RxJava(1).html

[Android] RxJava 시작하기

RxJava, RxAndroid 시작하기 안드로이드 개발을 하다보면 언젠가는 RxJava와 만나게 된다. 이미 몇 년 전부터 많은 프론트 개발자들이 사랑사용해 온 라이브러리이기 때문이다. 현재 회사 프로젝트에

blog.yena.io

+ Kevin의 알기쉬운 RxJava - 리액티브 프로그래밍이란? (youtube)

얼굴인식 및 영상인식 관련(Android, ML kit, OpenCV...)

hyeals — Fri, 8 Jan 2021 15:56:06 +0900

1. 얼굴 외곽선 눈코입 인식 face geometry 소스

1)https://www.pyimagesearch.com/2017/04/17/real-time-facial-landmark-detection-opencv-python-dlib/

Real-time facial landmark detection with OpenCV, Python, and dlib - PyImageSearch

In this tutorial, I demonstrate how to detect facial landmarks in video streams in real-time using OpenCV, Python, and dlib.

www.pyimagesearch.com

- python, OpenCV, dlib을 이용해서 얼굴 랜드 마크를 감지

- ~~java및 kotlin을 사용하는 것이 아니라 적절해 보이지 않음.~~

2 )https://firebase.google.com/docs/ml-kit/android/detect-faces?hl=ko#kotlin+ktx_10

Android에서 ML Kit를 사용하여 얼굴 인식 | Firebase

This page describes an old version of the Face Detection API, which was part of ML Kit for Firebase. Development of this API has been moved to the standalone ML Kit SDK, which you can use with or without Firebase. Learn more. See Android에서 ML Kit를

firebase.google.com

- Android의 ML Kit 라이브러리를 사용해서 이미지 및 동영상에 있는 얼굴 외곽선 인식 가능(앱을 설치한 후에 기기에 ML모델을 자동으로 다운로드하도록 구성하는 것이 좋음)

- firebase, java or kotlin+ktx

- 예제가 잘 나와있어서 구현하기에 큰 어려움이 없어 보임.

* ML Kit: 구글의 기기 내 머신 러닝 기술을 Android 및 iOS앱에 제공하는 모바일 SDK.

3)https://medium.com/devnibbles/facial-recognition-with-android-1-4-5e043c264edc

Facial Recognition with Android (1/4)

In this series of articles I’m going to cover how you can add facial recognition (not just facial detection) to your Android app.

medium.com

- 두 번째 링크를 참고해서 직접 구현한 코드 有

- 참고하기에 좋아 보임

4) https://machine-woong.tistory.com/115

(스크랩 ) OpenCV와 NDK를 사용하여 Android에서 Face Detection(얼굴 인식)

OpenCV 배포시 포함되어 있는 얼굴 인식 C++코드를 NDK를 이용하여 Android에서 동작하도록 수정하였습니다. 안드로이드 + NDK 카메라 기본코드에 단순히 C++코드만 옮겨오면 되는 줄 알았는데 고려해

machine-woong.tistory.com

- Android NDK + OpenCV로 얼굴 + 눈 인식 코드

5) https://www.programmersought.com/article/6974348683/

Facial Landmark Detection with OpenCV - Programmer Sought

Summary: Using Facial Landmark Detection with OpenCV Author： Amusi Date： 2018-03-20 Note: OpenCV3.4 and support for Facemark Reprinted:https://github.com/amusi/opencv-facial-landmark-detection Directory Structure: introduction Facemark API Facemark tra

www.programmersought.com

- OpenCv

6) https://github.com/justadudewhohacks/face-api.js/

justadudewhohacks/face-api.js

JavaScript API for face detection and face recognition in the browser and nodejs with tensorflow.js - justadudewhohacks/face-api.js

github.com

- 자바스크립트 얼굴인식 API

⊚ 참고 자료

MLkit라이브러리 + Vision API + CameraX를 이용해서 만든 앱 (얼굴 외곽선 가져오기)

https://medium.com/hongbeomi-dev/mlkit-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC%EC%99%80-camerax%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EC%97%AC-vision-%EC%95%B1-%EB%A7%8C%EB%93%A4%EA%B8%B0-ad657e2e81e1

MLkit 라이브러리와 CameraX를 사용하여 Vision 앱 만들기

구글의 mlkit 라이브러리와 cameraX를 사용하여 간단하게 vision 구현하기

medium.com

ML Kit 라이브러리 가이드

https://developers.google.com/ml-kit/vision/face-detection/android

Detect faces with ML Kit on Android | Google Developers

You can use ML Kit to detect faces in images and video. See the ML Kit quickstart sample on GitHub for an example of this API in use. There are two ways to integrate face detection: a bundled model which is part of your app and an unbundled model that depe

developers.google.com

2. 화장품 인식(사물인식, 영상처리/OCR)

1) 선행 어플

▷ 네이버 스마트렌즈

- 딥러닝 기반의 이미지 분석기술

- 문서, 검색 쿼리, 이미지 DB등에 SCOPIC 기술 접목

* SCOPIC기술: 딥러닝 기반의 이미지 분석 기술로, 이미지 자체의 정보와 주변 텍스트 정보를 함께 사용.

▷ 쓱 렌즈(SSG.COM앱 or 신세계몰 앱에서 사용 가능)

- OCR 기술을 이용한 사진에 있는 글자 인식 기능

- 추천하는 상품종류가 없을 경우 다른 상품종류로 대체해서 검색(정확도가 낮음)

2) 참고 정보

1.https://brunch.co.kr/@kakao-it/260 : CNN 이미지 검색(카카오 꽃 검색)

꽃이름이 궁금해? 다음 앱 AI에 물어봐!

[카카오AI리포트] 변민우, 홍은빈 | 때늦은 꽃샘추위가 지나가고 완연한 봄이 도래한 듯 전국 곳곳에서 설레는 봄꽃 축제 소식이 들려왔다. 길을 걷다 주위를 둘러보면 민들레, 철쭉 등 익숙한 꽃

brunch.co.kr

2.http://koreascience.or.kr/article/JAKO201718836883408.page : OCR기반 메뉴인식 앱 관련 논문

Development an Android based OCR Application for Hangul Food Menu -Journal of the Korea Institute of Information and Communi

Abstract In this paper, we design and implement an Android-based Hangul food menu recognition application that recognizes characters from images captured by a smart phone. Optical Character Recognition (OCR) technology is divided into preprocessing, recogn

koreascience.or.kr

⇒ MSER기법을 이용해서 글자 추출 → OCR무료 엔진인 Tesseract-OCR을 이용해서 글자 인식 → 음식메뉴에 대한 사전 DB를 이용해서 잘못된 결과 수정

3. https://junyoung-jamong.github.io/computer/vision/2019/02/07/Android-Tesseract-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0.html

Android에서 Tesseract 사용하기 for OCR

Python에서 Tesseract 사용하기 for OCR에서는 Python 환경에서 Tesseract 사용 방법을 알아 봤다. 이번에는 모바일 환경에서 카메라를 이용해 이미지를 촬영하고, 해당 이미지에 대해 동시에 OCR을 수행하

junyoung-jamong.github.io

: Android에서 Tesseract 사용하기. 문자 검출 예시 코드有

- OCR기술 요약(https://www.2e.co.kr/news/articleView.html?idxno=203023)

사진 속 문자를 읽는 기술 - OCR과 오픈소스 - 투이컨설팅

파이썬(Python) 기반 오픈소스 OCR 모델을 만드는 것을 두 편으로 나누어서 설명한다. 첫 편에서 OCR의 개념 및 기업에서의 효용, 그리고 대표적인 OCR 오픈소스를 소개한다. 다음 편에서는 컴퓨터가

www.2e.co.kr

: OpenCV라는 오픈소스가 OCR에서 이미지 전처리와 텍스트 위치 검출에 사용가능(C, JAVA, python제공)

: Tesseract라는 오픈소스가 글자인식 부분에서 가장 전통적(딥러닝 학습 기능이 내장되어 있음)

: google cloud vision, Microsoft Computer Vision이라는 오픈 API도 높은 정확도를 보임

[백준 15652번] [백트래킹] [JAVA] N과M(4)

hyeals — Fri, 18 Sep 2020 22:05:24 +0900

import java.util.Scanner;

public class Main {

    static int N;
    static int M;
    static boolean[] visited;
    static int[] answer;
    static StringBuilder ans = new StringBuilder();

    static void backtracking(int num){
        if(num==M){
            for(int i=0; i<M; i++){
                ans.append(answer[i]+" ");
            }
            ans.append("\n");
            return;
        }

        for(int i=1; i<=N; i++){
            if(!visited[i]){
                answer[num] = i;
               if(num!=0 && answer[num] < answer[num-1]){
                    continue;
                }
                backtracking(num+1);
            }
        }
    }

    public static void main(String[] args) {
        Scanner sc = new Scanner(System.in);
        N = sc.nextInt();
        M = sc.nextInt();
        visited = new boolean[N+1];
        answer = new int[N+1];

        backtracking(0);

        System.out.println(ans);
    }
}

[백준 15651] [백트래킹] [JAVA] N과M(3)

hyeals — Wed, 9 Sep 2020 01:19:50 +0900

import java.util.Scanner;

public class Main {

    static int N;
    static int M;
    static int[] answer;
    static StringBuilder ans = new StringBuilder();

    static void backtracking(int num){
        if(num==M){
            for(int i=0; i<M; i++){
                ans.append(answer[i]+" ");
            }
            ans.append("\n");
            return;
        }

        for(int i=1; i<=N; i++){
                answer[num] = i;
                backtracking(num+1);
        }
    }

    public static void main(String[] args) {
        Scanner sc = new Scanner(System.in);
        N = sc.nextInt();
        M = sc.nextInt();
        answer = new int[N+1];

        backtracking(0);

        System.out.println(ans);
    }
}

[백준 15650] [백트래킹] [JAVA] N과M(2)

hyeals — Tue, 8 Sep 2020 12:26:46 +0900

import java.util.Scanner;

public class Main {

    static int N;
    static int M;
    static boolean[] visited;
    static int[] answer;
    static StringBuilder ans = new StringBuilder();

    static void backtracking(int num){
        if(num==M){
            for(int i=0; i<M; i++){
                ans.append(answer[i]+" ");
            }
            ans.append("\n");
            return;
        }

        for(int i=1; i<=N; i++){
            if(!visited[i]){
                visited[i] = true;
                answer[num] = i;
                if(num!=0 && answer[num] < answer[num-1]){ // 15649번과의 차이: 지금 값이 앞에 있는 값보다 작을 때 다시 FOR문으로 돌아가기 
                    visited[i] = false;
                    continue;
                }
                backtracking(num+1);
                visited[i] = false;
            }
        }
    }

    public static void main(String[] args) {
        Scanner sc = new Scanner(System.in);
        N = sc.nextInt();
        M = sc.nextInt();
        visited = new boolean[N+1];
        answer = new int[N+1];

        backtracking(0);

        System.out.println(ans);
    }
}

[백준 15649] [백트래킹] [JAVA] N과M(1)

hyeals — Tue, 8 Sep 2020 11:50:10 +0900

import java.util.Scanner;

public class Main {

    static int N;
    static int M;
    static boolean[] visited;
    static int[] answer;
    static StringBuilder ans = new StringBuilder();

    static void backtracking(int num){
        if(num==M){
            for(int i=0; i<M; i++){
                ans.append(answer[i]+" ");
            }
            ans.append("\n");
            return;
        }

        for(int i=1; i<=N; i++){
            if(!visited[i]){
                visited[i] = true;
                answer[num] = i;
                backtracking(num+1);
                visited[i] = false;
            }
        }
    }

    public static void main(String[] args) {
        Scanner sc = new Scanner(System.in);
        N = sc.nextInt();
        M = sc.nextInt();
        visited = new boolean[N+1];
        answer = new int[N+1];

        backtracking(0);

        System.out.println(ans);
    }
}

- 방문했는지 체크한 이유: 중복을 허용하지 않기 때문에

+ 추가적으로 공부해야 할 부분: 메모리와 시간 줄일 수 있는 방법