무근본 개발자

추가로 아래 이슈 발생시 대응에 대한 링크 추가합니다.

- shouldOverrideUrlLoading() 내 처리 및 loadUrl() 후 return true 시 WebView 히스토리 꼬임 현상 등

수정 : https://support.google.com/chrome/forum/AAAAP1KN0B0uMbcDTxbqA4/?hl=en

아래 이슈들이 지난 2017.12.15 자로 업데이트 된 Chrome 63.0.3239.111 버전에서는 해결된 것으로 보입니다.

63버전이지만 위 버전보다 아래일 경우는 아래 이슈 내용을 확인할 필요가 있을 듯 싶네요.

추가로 T멤버십, 원스토어 쪽의 Chrome 63버전 이슈에 대한 공지 링크 붙입니다.

T멤버십 : http://www.tworld.co.kr/normal.do?serviceId=S_ETC_0084&viewId=V_CMN_0076&seq=1712150001

원스토어 : https://dev.onestore.co.kr/devpoc/support/news/noticeView.omp?noticeId=30722

구글 플레이의 업데이트 날짜로 2017.12.13 자로 Chrome 63.x 버전이 업데이트 되었습니다.

점진적 업데이트인지 단말마다 업데이트 버전이 다른 상태입니다.

안드로이드 7.0 이상에서는 Chrome WebView를 사용하고 있었죠. (참조)

하나 63버전 Chrome WebView를 사용한 앱들에서 몇몇 이슈들이 발견되고 있습니다.

- Web 페이지 내의 iFrame 사용시 iFrame에서 Cookie 접근이 안되는 현상 (request header가 날라갔다는 이야기도 있습니다.)

- shouldOverrideUrlLoading() 내 처리 및 loadUrl() 후 return true 시 WebView 히스토리 꼬임 현상 등

관련 링크들.

- https://bugs.chromium.org/p/chromium/issues/detail?id=793648

- https://chromium-review.googlesource.com/c/chromium/src/+/827018

- https://www.facebook.com/groups/gdg.korea.android/permalink/2030069960555125/

당장 해결책은 설정->앱관리->크롬->사용중지(업데이트 제거) 하여 크롬을 초기버전으로 돌리는 수 밖에 없어 보입니다.

카드사 등을 시작으로 많은 결제 관련 서비스들이 문제가 되고 있으며, 이에 대해 고객에게 크롬 문제점을 가이드하고 있는 것으로 보입니다.

WebView를 사용하는 앱을 서비스하고 계시다면 유의하시기 바랍니다.

역동적인 UI 지원을 할 수 있는 Lottie 라이브러리(2017년 2월에 airbnb에서 출시)에 대해서 초간단히 알아보자.

Android Source 예제 : http://airbnb.io/lottie/android/android.html

Lottie Json 샘플 : https://www.lottiefiles.com/

Lottie는 안드로이드(ICS/API14부터), iOS, 리액트 네이티브, 웹까지 다양한 플랫폼을 지원한다.

다 알아본 것 같다. 이제 돌려보자.

0. 준비물 : Lottie Json 샘플, 잠시나마 집중하겠다는 마음가짐.

Lottie Json 샘플은 Lottie Files 에서 마음에 드는 것을 선택하도록 한다.

원래는 주로 디자이너들이 쓸 것으로 보이는 After Effect 의 출력물인 .aep 파일을 After Effect의 플러그인인 

BodyMovin 을 통해서 json 파일을 뽑아낼 수 있다고 한다. (참조)

하지만 After Effect가 뭔지도 모르는 입장인지라 Lottie Files 에서 샘플을 받아 진행하기로 한다.

1. 샘플 json 파일을 assets 폴더에 넣어준다.

1. build.gradle 에 dependencies에 lottie를 추가한다.

dependencies {
    compile 'com.airbnb.android:lottie:2.3.0'
    ...
}

2. 사용할 xml에 LottieAnimationView를 추가한다.  이 때 json 경로를 넣어도 된다.

    <com.airbnb.lottie.LottieAnimationView
        android:id="@ id/animation_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:lottie_fileName="penguin.json"
        app:lottie_loop="true"
        app:lottie_autoPlay="true" />

3. LottieAnimationView에 json 설정 후 동작시킨다. 이 때 Listener를 달아 Animation 이벤트 처리도 가능하다.

        LottieAnimationView animationView = (LottieAnimationView) findViewById(R.id.animation_view);
        animationView.setAnimation("rejection.json");
        animationView.loop(true);
        animationView.playAnimation();

생각보다 간단하게 Lottie 를 시식코너 마냥 맛만 볼 수 있었다.

개발 관련된 포스팅을 보다 보면 소스들이 이쁘게 색을 입고 IDE 처럼 차려놓은 것들을 보게된다.

찾아보니 티스토리에서 기본 지원되는 부분은 아니고 SyntaxHighlighter 라는 붙여서 사용하는 것이었다.

생각보다 어렵지 않고 이에 대해 이미 시행착오를 겪고 잘 정리해주시는 고마운 분들이 있다.

그 중 내가 참고했던 한 포스팅을 올려놓는다.

http://sometimes-n.tistory.com/5

추가로 "<", ">" 등의 특수문자를 쓸때 "&lt;", "&gt;" 와 같이 문자열을 치환하여 사용해야한다.

소스 라인을 이리 바꾸는 일 또한 힘든 일이라 아래 서비스 등을 사용하면 도움이 된다.

http://www.elliotswan.com/postable/

---------------------------------------------------------------------------------------------------------------------

더 간단한 방법도 있었다.

android studio 처럼 나오게 하기 위해 찾아보니 있었다......

http://editorizer.tistory.com/190