hanburn : a line of code

우리가 흔하게 쓰고 있는 libjpeg 라이브러리가 있습니다. 이미지를 jpeg 형식으로 인코딩하거나 디코딩 해주는 라이브러리 입니다. 

요기의 홈페이지 주소는 http://ijg.org/ 입니다. 

방문해보면 아래처럼 정말 단순한 화면만 표시되는데요.. ( 아직도 요런 페이지가 있다니 ㅋㅋ ) 

• 최신버전인 jpegsrc.v9e.tar.gz 파일을 다운받을수 있는 링크와 
• 다양한 버전의 소스를 받을수 있는 file 링크들 ( http://ijg.org/files/ ) 
• 그리고 FaQ 페이지 링크들 
  • http://www.faqs.org/faqs/jpeg-faq/ 
  • http://www.faqs.org/faqs/compression-faq/ 

흠.. 여기서 도대체 버전별 정보를 어디서 찾으라는 거냐? ㅋ 

원하는 정보를 쉽게 찾을수 없어서 wikipia를 방문해보면 아래처럼 잘 정리되어 있습니다.  ( https://en.wikipedia.org/wiki/Libjpeg ) 

VersionReleasedNew featuresITU T.81 JPEG CompatibleProprietary non-compatible extensions

Legend:

여기서 주의깊게 봐야할 버전이 바로바로 6b ( v.6.2 ) 버전 이다. 

1998년에 나온 버전으로 아주 오래되었지만, 아직도 유지가 되는 버전인데.. 

그 이유는 libjpeg-turbo 라는 프로젝트와 mozjpeg 라는 프로젝트에서 해당 버전의 libjpeg를 기반으로 개발되었기 때문이다. 

그리고 6b 버전이후 거의 10년만에 업데이트된 버던7에서는 무손실 jpegtran 기능과 무슨 arithmetic coding 적용과 scaled DCT 으로 성능개선이 된것이 전부이다. 

이후 버전 8 부터 버그랑 몇가지 기능들이 추가되기는 했지만, 하위버전 호환성을 유지하면서 jpeg에 새롭고 혁신적인 것이 추가되기는 어려운 상황으로 보인다. web 환경에 특화되어 있는 google에서 발표한 webP 형식처럼 새로운 술은 새부대가 아니고서는 혁신을 담아내기는 어려울듯 싶다. 

이후 버전9 에서는 YCoCg 칼라스페이스 추가와 광색역(wide color gamut) 그리고 계산성능향상 ( computation improvements ) 등등의 변화가 추가되었다. 

최신버전인 9e 버전에서는 msvc 빌드환경에서 arm / arm64 빌드가 지원된다고 한다. 

추가로 6b 에서 파생되었다는 2가지 프로젝트에 대해서 간단하게 알고만 넘어가보자. 

libjpeg-turbo

• libjpeg-turbo는 SIMD 지침을 사용하여 기본 JPEG 인코딩 및 디코딩을 가속화하는 libjpeg의 포크입니다.
• 일반적으로 libjpeg 보다 2~4배정도 인코딩 속도가 빠릅니다. ( 디코딩 속도는 대략 1.5배정도 ) 
• 현재 널리 사용되는 Linux 배포판(Fedora, Debian, Mageia, openSUSE 등), Mozilla 및 Chrome을 포함하여 많은 프로젝트에서 libjpeg 대신 libjpeg-turbo를 사용하고 있습니다.
• libjpeg-turbo는 SmartScale을 지원하지 않기로 결정했습니다. 
• 왜냐하면 SmartScale은 ITU-T 표준이 아니고 자체 연구에서 이 기능(및 DCT 스케일링)이 비효율적이라고 판단했기 때문libjpeg v7, v8 및 v9는 이전 릴리스와의 ABI 호환성을 중단했습니다.

mozjpeg

• mozjpeg는 Josh Aas와 Mozilla Research의 다른 사람들이 수행한 libjpeg-turbo의 포크입니다. 
• 이미지 품질을 유지하면서 코딩 효율성 향상을 통해 파일 크기(약 10%)를 줄여서 저장할수 있게 합니다. 
• 저장된 파일 크기가 작다는 것은 web 환경에서 전송 시간을 줄일수 있어서  웹페이지 로딩 시간을 단축할 수 있습니다.
• 이를 위해 JPEG 표준과의 완전한 호환성을 유지하고, 인코딩에 많은 시간이 소요되는 방식입니다. 

플러터 개발 환경을 구성했으면, 가장 모든 프로그램 언어의 기본 국룰인  "hello, world" 를 만들어 보자~ 

먼저 Android studio를 실행해서 새로운 플러터 프로젝트를 생성한다. 

그리고 적절하게 이름을 입력해준다. 

Platforms 중에서 'web' 도 그냥 체크해 주었다. 

finish를 누르니.. 이런.. 

dart package 이름으로 대문자는 사용을 못하나 보다. 

프로젝트 이름을 hello_world로 변경하고 만든다. 

초기로 생성되는 파일들은 위와 같다. 

기본적으로 main.dart 파일이 자동으로 생성되고, 처음 프로젝트 생성시 선택한 platforms 별로 자동으로 생성된 것을 볼 수있다. 

그렇다. 이렇게 flutter로 만들면, Android, iOS, web 으로 실행해 볼 수가 있는 것이다. 좋구나~ 

그리고 바로 오른쪽 위에 있는 초록색 run 아이콘을 ( play 아이콘과 비슷한 ) 누르면 실행이 된다. 실행시 web, mobile, desktop 을 선택할 수도 있으니 좋구나~ 

실행하면, 아래처럼 바로 실행이 된다. ㅋㅋ

이제 flutter의 장점인 hot load 를 사용해보자 

main.dart 에서 title인 'Flutter Demo Home Page'를 찾아서 'hello world' 로 변경해보자. 

변경후 저장버튼을 누르면 실행되어 있는앱에 바로 반영된다. 오호~ 

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'hello world'), // 여기변경 
    );
  }
}

혹시 저장했는데 바로 반영이 안되면 상단의 번개모양 아이콘 ( hot reload ) 버튼을 눌러준다. 

플러터는 하나의 원소스 멀티플랫폼을 추구하는 GUI 프레임 워크이다. 

하나의 소스로 android, iOS, Windows, Linux 및 웹용 애플리게이션을 만들수 있으므로, 요즘같은 시대에 매력적인 프레임워크라고 할 수있다.  

또하나의 장점으로는 동일한 사용자 경험( User Experience )을 제공할수 있다는 것이다. 모바일 플랫폼인 android와 iOS만 하더라도 각각의 OS 가 추구하는 디자인이 다르고, UI 철학도 다른데 플러터를 이용하면 같은 UI 를 제공할 수 있게되므로 하나의 서비스라면 android, iOS, Windows 에 통일된 UX를 하나의 소스로 구현하게 되므로 생산성 향상및 서비스의 완성도도 올라간다고 할 수 있다.

[ 개발환경 구성 ] 

개발환경 구성은 크게 3단계로 구성된다. 

• flutter SDK 다운로드 및 설치 
• flutter 환경변수 설정 
• Android Studio에서 flutter 플러그인 설치 

먼저 SDK를 다운받아보자. 

macOS는 cpu가 2가지 이므로 자신의 cpu에 맞는 플러터를 다운받는다. 

Intel cpu : https://storage.googleapis.com/flutter_infra_release/releases/stable/macos/flutter_macos_3.0.5-stable.zip

Apple Silicon : https://storage.googleapis.com/flutter_infra_release/releases/stable/macos/flutter_macos_arm64_3.0.5-stable.zip

최신버전은 아래에서 확인하고 다운을 받도록 하자. 

( https://docs.flutter.dev/get-started/install/macos ) 

zip 파일을 적당한 곳에 압축을 해제하고 아래처럼 언집을 한다. 

cd ~/hanburn
unzip ~/Downloads/flutter_macos_3.0.5-stable.zip

다음으로는 어디서든지 flutter를 실행 할 수 있도록 환경변수에 추가해 준다.  아래의 hanburn은 유저이름이다. 

export PATH="$PATH:/Users/hanburn/flutter/bin"

다음으로는 Android Studio에서 flutter 플러그인을 설치해야 되는데, 혹시 Android 개발환경이 안되어 있는 사람은 아래글을 보고 android 개발 환경을 구성하도록 하자. 

2022.01.03 - [android] - MacBook M1 에 안드로이드 개발환경 설정하기

안드로이드 스튜디오 설치가 되었으면, 플러터 닥터를 실행해서 안드로이드 연결을 위한 점검을 한다. 

flutter doctor

그러면 자동으로 환경 체크를 하면서 문제가 있으면 문제가 있다고 알려준다. 예를들면 아래와 같은 형식이다. 아래는 Android SDK 경로는 찾았는데, command line tools 를 못찾았으니 친절하게 다운받는 경로도 알려주고 있다. ㅋ 

[-] Android toolchain - develop for Android devices
    • Android SDK at /Users/obiwan/Library/Android/sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://docs.flutter.dev/setup/#android-setup for detailed instructions.

여기까지 설치하였으면 이제는 Android Studio에서 플로터 플러그인을 설치하면 된다. 

Android Studio의 preference를 열고 Plugins를 선택하고 검색창에 flutter를 치면 된다. 제일 상단에 있는 11.9M 크기를 선택해서 설치하면 끝이다.  추가로 flutter 관련된 여러가지 플러그인이 있는데, 요건 차차 사용해보면서 좋은것을 정리해서 따로 포스팅 하도록 하겠다. 

다음으로는 모든 개발의 시작인 hello, world 같은 기본적인 시작을 해보자~ 

M1 맥북의 성능이 너무 좋다고 해서 하나 장만하였는데.. 

오랜만의 초기 환경설정을 정리해본다. 

1. Android Stduio 설치하기 

다운받기 : https://developer.android.com/studio

다운받을때, arm용을 받으면 된다. 

그리고 그냥 설치하면 된다. 

2. Java 설치하기 

Android Studio를 설치하면 java는 따로 설치를 안해도 gradle을 위한 embeded 버전이 같이 설치되어 있다. 

Android Studio 상단의 File -> Project Structure 메뉴를 선택하고 

좌측의 SDK Location을 누르고 'Gradle Settings'를 누르면 Embeded JDK가 선택되어 있다. 

여기에 있는 경로를 터미널에서 사용하려면, path 설정에 경로를 추가해도 되는데.. 

최신의 JAVA를 설치하고 싶으면, "Download JDK" 메뉴를 통해서 쉽게 설치할 수 있다. 

여기서 설치하니 바로 터미널에서도 사용가능하다. 

예전에는 jdk 받을려고 오라클 회원가입하고, 까먹고 또 비번찾고 했었는데.. 편리하게 설치할 수 있어서 좋다. 

설치된 경로는 아래와 같다.  

~/Library/Java/JavaVirtualMachines/openjdk-17.0.1

3. ADB 경로 설정하기 

관례상 ANDROID_HOME을 설정해준다. Android Studio설치를 기본적으로 했으면 대략 다음 경로일것이다. 

~/Library/Android/sdk

사용하는 쉘이 bash이면 ~/.bash_profile 이나 ~/.bashrc를 수정하면 되고
zsh이면 ~/.zshrc 파일을 수정하면 된다.

export ANDROID_HOME="/Users/user/Library/Android/sdk"
export PATH="$PATH:$ANDROID_HOME/platform-tools/"

상대경로인 "~/Library/Android/sdk" 을 썻더니 안되서 풀경로 "/Users/user/Library/Android/sdk" 를 적었다. 

터미널에 바로 적용하려면 

source ~/.zshrc

그리고 터미널에 adb를 입력해서 실행되면 OK~ 

안드로이드 개발을 하면서, 중국 시장은 참 매력적인 시장이다. 

거대한 인수구는 인도와 비슷하지만, 인도보다는 조금더 사양이 좋은 기계들이 보급되어 있어서~ ㅋㅋ 

그러나 중국 안드로이드 폰은 ASOP 를 가져다가 폰 제조사들이 커스터마이징을 하다보니 이것 저것 문제점들이 많이 생긴다. 

중국에서 만이 사용되는 폰제조사 중에서 vivo폰의 경우에는 계발자 옵션을 통해서 usb로 apk를 넣으려고 하면 vivo 계정이 있어야 한다. 

중국 vivo폰을 중고로 사고, 개발폰으로 사용하는데 개통은 하지 않고 싶을때는 간단하게 이메일(e-mail)을 통해서 vivo 계정을 만들수 있다. 

vivo 계정 만드는곳 : https://passport.vivo.com/in/#/register

나라는 한국을 선택하고 e-mail을 입력하면 되는데.. 

여기에 네이버메일이나 다른 국내 메일주소를 입력하니 모르는 주소라고 입력이 안된다. 그래서 gmail 계정을 입력하니 넘어가네요. 

그러면 등록한 이메일로 확인 메일과 verification code가 도착하는데, 다음 화면에서 입력해주면 된다.

주의 

vivo폰에 계정을 사용해서 로그인을 하고, 다른 계정으로 변경하려면, 기존에 로그인한 계정의 비번을 알아야 한다. 이걸 모르면 계정을 만들어도 내 계정으로 로그인이 안된다. ( 좀 그지 같은데, 엄청난 보안을 강조하고 있는듯 )