단비의 대나무밭

RadStudio를 사용하면 델파이로 앱을 개발할 수 있다. 그런데 외산 툴의 한계가 있어서 MessageDlg등의 명령어를 사용하여 다이얼로그 박스를 만들면 종료 메시지는 한글로 쓸 수 있지만 예, 아니오 등의 기본 언어가 영어로 나온다.

그것을 해결하는 방법은 어렵지 않다.

FMX.Consts.pas 파일을 프로젝트 디렉토리로 복사해 온 후, 아래 내용을 영어에서 한글로 바꿔주면 된다. 프로젝트 디렉토리로 pas 파일을 복사해 오면 그 프로젝트에만 해당 내용이 반영된다.

기본적으로 영어로 되어 있으니 표현하고자 하는 부분을 한글로 바꿔준다.

이런 것을 보면, MS의 툴들은 다국어를 잘 지원하지만 델파이는 아직은 멀었다… 싶기는 하다

웹뷰를 이용한 앱을 만들고 있는데, 화면에서 pinch Zomm In/Out 기능을 건드리다보니 뭘 잘못건드렸는지 이상한 표시가 생겼는데 그게 눈에 거슬렸다.

이런 아이콘이 생겨서 눈에 무지하게 거슬렸다. 

그래서 그 해결책을 찾아봤더니 이분 블로그에 있었다. 

그런데 인터넷에서 앱 관련 모든 자료는 안드로이드 스튜디오 기준이다. 하지만 난 RadStdudio로 개발하고 있으니 그에 대응하도록 해서 반영했다.

먼저, 디폴트 값을 바꿀것이니 소스 중 FMX.WebBrowser.Android.pas 파일을 가져다가 프로젝트 디렉토리에 복사한다. 그러면 프로젝트 디렉토리에 있는 파일의 내용을 반영한다.

그리고 소스 중 일부 내용을 바꿔준다. -> setDisplayZoomControls(False)로 바꿔준다.

그러면 Zoom Control이 없어진다.

그 외에도 상세하게 API를 제공하지 않는 델파이 컴포넌트의 속성을 변경할때 소스파일을 가져다가 내용을 변경하면 적용된다. 그렇기 때문에 델파이는 높은 수준의 API 접근성을 굳아 제공하지 않는 경우도 있다.

요즘 간간히 앱을 만들고 있었다.

그런데 요구사항 중 하나가, 특정 사이트에서 핀치 줌/아웃이 되게 해달란다. 그 사이트는 메타태그로 핀치 줌인을 막아놓고 있는 것이었다.

<meta name="viewport" content="width=device-width, user-scalable=no"> 

문제는, 이런 비슷한 해결방법들이 Android Studio에는 많치만 상대적으로 사용자가 적은 델파이(RAD Studio)에는 잘 알려지지 않았다는 거다.

그래서 답은 안드로이드 스튜디오 용으로 일단 찾아놓고.. https://yenne.tistory.com/4 이분이 답을 알려주셨다.

어차피 델파이도 언어가 델파이(오브젝트 파스칼)이라서 그렇지 SDK는 Android Studio를 쓰니 방법은 같을 것이라는 생각에 똑같이 해봤다.

거기 나온 방법대로 WebView 초기값을 주기위해 FMX.WebBrowser.Android.pas 파일을 프로젝트 디렉토리에 복사해 놓고 수정해보기도 하고.... 그런데 별로 소용이 없었다.

처음에는 D.P.F 패키지를 깔아서 해결하려 했는데, 설치도 어렵고... 버전업도 안되고 했는데 기본 컴포넌트로 해결하는 방법이 있었다.

TWebbrowser 컴포넌트 자체에 자바스크립트를 실행시키는 프로시저가 존재했다. 그것은 EvaluateJavascript 라는 프로시저인데, 프로시저 이름에서 풍기는 포~쓰! 그렇다. 아주 쉽게 자바스크립트 실행이 가능했다. 이걸 몰라서 D.P.F 패키지를 깔기 위해 그 뻘짓을 했으니... 

방법은 간단하다.

웹뷰가 문서를 다 로드한 시점에 실행되는 DidFinishLoad 이벤트에 다음 코드를 넣어주면 된다.

그런데 한번 넣어서는 안되고, initial-scale=0 으로 한번 initial-scale=1.0 으로 한번 도합 두번을 넣어주어야 한다.

procedure TfrmMain.WebBrowser1DidFinishLoad(ASender: TObject);
begin
  WebBrowser1.EvaluateJavaScript('document.querySelector("meta[name=viewport]").setAttribute("content", "width=device-width, initial-scale=0, maximun-scale=2.0, user-scalable=yes");');
  WebBrowser1.EvaluateJavaScript('document.querySelector("meta[name=viewport]").setAttribute("content", "width=device-width, initial-scale=1.0, maximun-scale=2.0, user-scalable=yes");');
end;

거실에 TV 옆에 전자제품이 하나 둘 늘어난 것은 약 10년 정도 전부터 였나보다.

처음에 NAS 대용으로 포고 플러그를 들이고, 또 한대 더 들이고, 라즈베리파이를 들이고, 영화를 보려고 WD Live TV를 들이고. 공유기를 설치하고, 포트가 모자라니 허브를 사다 달고…

거기다 PS4를 들이고 닌텐도 스위치를 들였다.

이렇게 한대 한대 늘다보니 더 이상 손 쓸 수 없는 지경이었는데,

65인치 TV를 사겠다는 결정을 하고보니 어떻게든 치워야 하는 상황이 된거다. 내가 집에 없을때 배송이 올텐데, 설치 기사보고 치워가며 설치하라고 할 수는 없는거니까.

그래서 다이소에 가서 정리함 두개를 사다가 일단 치워봤다. 처음에는 엄두가 나지 않았지만 고딩 아들이랑 하니 할만 했다. 단언하건데, 혼자는 죽어도 못할거다.

정리할게 좀 많아야지. 결국 정리해 놓았고 그 사진이다.

IT업계에서 일한지 25년쯤 되어가나보다.

이제는 개발에서 손 놓은지도 꽤 됐는데, 이 사점에서 앱을 만들었다.
이제는 손도 다 굳고… 예전에 쓰던 개발툴의 신버전에서 앱개발을 지원한다기에 한자 한자 두드려가며 만들었다.
그래도 하던 가락이 있어서인지 뭔가 산출물이 나오기는 한다.

아파트 커뮤니티 사용량을 보는 앱인데, 실상은 웹으로 다 만들어 둔 것인데 앱으로 껍데기만 입혀봤다.

안드로이드 개발자 등록은 일회성 비용만 지불하면 되서 아무런 문제가 없는데, 아이폰은 매년 비용을 지불해야되기도 하고 가장 중요한 맥북이 없다.

일단 안드로이드만 만들었다.

앱을 업로드하고 구글 검수를 기다리는 중인데 곧 되겠지.(5/6에 첫 업로드)

아래 사진은 초기화면. 앱이니 폰 전화번호를 받아다가 바로 적용했다. 기존 웹은 너무 입력화면이 많았다.

개인정보 넣던 화면은 다 없앴고 전화기에서 전화번호를 받아오니 굳이 인증 화면을 둘 필요가 없었다. 전화번호로 인증되면 바로 내역조회로 넘어간다.
은행 ARS에 연결하면 바로 본인인증이 되던 것에서 착안했다.

연, 월을 입력하면 사용 내역이 보인다. 이렇게 간편한 UI라야 쓸만하지.

그러다가 좀 예외상황이 발생하면 이전 화면으로 리다이렉션 시킨다. 입력화면이 많아야 보안이 확보되지.

향후에, 앱 버전을 올렸을때를 대비해서 구버전 앱을 쓰면 안내가 나오게 했다.

 초기버전을 만들고 플레이스토어에 퍼블리싱도 했다.
https://play.google.com/store/apps/details?id=com.embarcadero.DMCPVX_COMM_I
그런데 특정사용자만을 위한 앱인지라 사용자가 없다.

금년들어 코로나19의 영향으로 늘 마스크를 쓰고다니게 되었다.

그런데 겨울이 되니 문제가 생겼다. 마스크를 쓰지 않을때는 따뜻한 곳에 있다가 갑자기 추운 곳으로 나올때만 김서림을 주의하면 됐지만 이제는 항상 김이 껴서 안경을 뿌옇게 만들어버린다.

왜그런고 하니 숨쉬고 나온 공기가 마스크를 따라 옆으로 빠져나오면서 코 옆으로 빠져나오기 때문이다.

이것에 대한 해결책은 없을까? 하고 찾아봤더니 종이테이프로 해결이 된단다.

요런걸로.

직접 마스크에 붙여보자. 요정도 모양이 된다.

종이 테이프 붙인 부분만 확대해보면 아래 사진 처럼 된다.

이걸 붙인채 안경을 쓰면 되는데, 생각보다 모양이 나쁘지 않다.

실제 착용해봤더니 진짜 김이 "덜"끼기는 한다. 이때의 체크포인트는 종이 테이프를 옆으로 "넓게" 붙여야 한다는거다.

종이 테이프도 폭이 좁은것, 넓은것 두가지를 파는데, 넓은게 쓰기 편하다.

사실 이 글이 가장 앞에 있어야 하는데 라즈베리 관련 여러 글을 쓰고서야 설치 얘기를 하게되었다. 그게, 처음 설치 후에 갑자기 라즈베리가 동작하지 않아 애태우다가 글 쓸 타이밍을 놓쳐버렸었다.

각설하고,

집에서 영화보고, 파일 관리하는데 꼭 필요한게 NAS다. 그래서 그걸 Pogoplug를 해킹해서 리눅스를 만들어 굴린게 벌써 7년 전이다. 그동안은 archlinix로 잘 썼었다. 사실, 집에서 리눅스를 굴린다고 해 봐야 토렌트 다운로드을 위해 트랜스미션만 잘 돌아가면 되는 것이었으니까.

그런데, 사람의 욕심이라는게 참… MySQL을 깔고 mysqldump를 하는데 잘 안된다. 그 이유가 뭔고하니 메모리 부족이란다. 그래 256M 정도니… 인정해 줄께.

VitrualHosting 하는 것도 워낙 저가로 했더니 mysql은 설치가 되지만 mysqldump로 조금만 큰 데이터를 넣으려 해도 실행이 되지 않았었다. 그런데 그 해결책이 생긴 것이다.

그래서 라즈베리파이를 구매했다. 기존에 라즈베리파이4에 4G 메모리 버전이 있는 것은 알았는데, 신제품으로 메모리 8G 버전이 나왔다는 것을 보고는 홀리듯 구매해버렸다.

라즈베리파이 스펙을 살펴보자.

라즈베리파이4 8GB가 되면서 CPU는 그대로지만 RAM이 늘었고 네트워크가 향상되었다.

이정도로 스펙을 알아봤으니 배송받은 라즈베리파이 외양을 본다.

빨간(정열적인?) 박스에 본체와 거기 붙일 방열판이 왔다. 방열판 기본 내장인 것으로 보아 열이 많이 나는가 보다.

포장을 뜯고 내용물을 꺼내봤다. 단일 기판에 모든 것이 조밀하게 들어있는데 CPU 및 랜포트 등 필요한 것은 다 있는 것 같다.

뒷면을 뒤집어 보자. 아하, 마이크로SD 꽃는 곳이 아래에 있었다. 거기 끼우니 딱 맞네.

열이 많이 난다고 하니 같이 포장되어 온 방열판을 붙이자. 부품도 몇개 안되지만 그 위에 붙이니 크기도 딱 맞는다. 추가로 케이스를 구매했는데 저 방열판은 크기가 맞지 않아 떼어버려야 했다.

라즈베리파이를 위해 어떤 OS를 깔아야 할까. 리눅스를 다룰 줄 알다보니 당연히 내 선택은 Ubuntu Server였다. 제공되는 버전은 20.04 LTS다. 늘 터미널로만 쓰다보니 X-window 연결은 고려대상 밖이다. 또한 8G 메모리이니 64bit 버전을 사용한다.

우분투 서버 설치를 위해 설치 툴인 winimager32와 우분투 이미지를 다운로드 받았다. 우분투 이미지는 압축시에 670메가 정도 밖에 되지 않았지만 압축을 푸니 3G정도 사이즈가 된다. 저 압축 푼 파일로 작업을 할 것이다.

파일과 MicroSD가 준비되면 이미지 툴로 구우면 된다. 기존에 준비된 이미지를 굽는 것이기 때문에 시간도 별로 걸리지 않는다.

굽고나면 그림처럼 완료 메시지가 뜬다.

그리고 윈도우에서 리눅스 이미지를 구웠음에도 불구하고 뭔가 파일 목록이 보인다. 그것이 뭔고 하니 부팅 이미지다.
아래 그림에서 처럼 60MB 가량읔 FAT32인 부분이 있어서 윈도우에서도 일부 보이게 된다.

이제 설치를 마쳤으니 SSH로 로그인 할 수 있다. 로그인 해 보자. 그러면 초기 세팅이 UTC로 되어 있음을 알 수 있다.

이것을 KST로 바꿔보자. 터미널에서 dpkg-reconfigure tzdata 라고 입력하면 TimeZone을 고를 수 있는 화면이 나오고, 거가서 "Asia/Seoul"을 골라주면 된다. 이 작업은 root 권한으로 해야 한다.

예전부터, 10년 정도 전부터 캘린더 및 할 일 관리를 위해 Pocket Informant라는 앱을 써 왔다. GTD 라느니 할일 관리하는 명제를 따라 꽤나 비싼 앱을 아이폰에서 샀었고, 안드로이드로 이사와서도 계속 사용해왔다.

이렇게 생긴 앱이다.

아이폰4 때 처음 구입했으니 꽤나 본전을 뽑은 것 같기는 하다. 물론 안드로이드 용도 별도로 구매했다. 그당시에도 몇만원짜리 앱이었던 듯.

그간에는 전화기를 바꾼 다음에 저장해두었던 백업자료로 복원하면 온갖 설정과 구매 라이센스까지 같이 복원되서 별 문제가 없었는데, 최근 앱의 이름이 바뀌며 무슨 일이 있었나보다.

핸드폰을 바꿔 다시 깔았는데 라이선스 복구가 안되는거다. 이렇게.

쏠캘린더를 다시 써볼까 싶기은 마음이 잠시 들기도 했지만 그것도 역시 개발 중단된 앱이라 그다지 끌리지 않았다. 워낙 이 앱이 손에 익기도 했고.

혹시 고객센터 같은게 있지 않을까 하는 생각이 들어 찾아봤지만 웹에거 찾을 수는 없었는데, 앱 안에서 찾았다.

About 안에 해당 메뉴가 있었다. 이제보니 copyright가 2014년에 멈춰있는게 특이하다.

설정 메뉴 바로 밑에 이런 지원해주는 메뉴가 있었다.

밑져봐야 본전이니 안되는 영어로 뭔가 이슈를 제기했다. 그랬더니 뭔가 쏼라쏼라 답변이 왔다. 그 답변 오는 타이밍은 절대 실시간이 아니다. 미국과 우리나라의 시간차 때문인지 꼬박 하루씩 걸린다.

이렇게 답이 왔다.

요약하면 설정>지원>unlock application 메뉴에 가서 언락하라는 얘기다. 거기 나온 이메일을 보내달라네.

당장 가서 확인해봤다.

(이메일은 블러처리) 언락코드 넣는 곳이 있었다. 이넘들 말이 맞네. 지원은 해 주려나보다.

해서 해당 이메일 정보를 보냈더니…

언락코드를 보내주었다.

그걸 앱 내에 넣었더니… 언락되었다.
아무렴, 아무렴. 아무리 신 버전의 앱을 냈어도 기존 사용자가 더이상 쓸 수 없는 상황을 만들어서는 안돼지.

이 앱을 쓰는 다른 분들이 혹시라도 앱을 또 사는 일이 발생할까봐 여기 다시 적어둔다.

라즈베리파이를 설치하고, 기판 그대로 두기 뭐래서 케이스를 씌웠다.

발열 많은 라즈베리에 팬달린 케이스를 씌워놓으니 40도 정도로 유지된다.

저렇게 있으니 좋은 것도 있지만 저 작은 팬에서 나는 소리가 그렇게 귀에 거슬릴 수가 없었다. 어떻게 해결할 수 없을까.

그때, 쓰레기를 치우다 라즈베리파이 전원 어댑터 종이 케이스를 봤다. 어라? 크기가 비슷하네. 잘하면 저 케이스를 덮어 씌울 수도 있을 것 같다. 거기다 전원 케이블은 종이에 구멍 뚫으면 그만이잖아.

종이 박스로 방음벽을 만들어보자.

모양이야 이러면 어떻고 저러면 어떠하리.

오호~ 그럴듯 하다. 무엇보다 팬소리가 아예 들리지 않는 것은 아니지만 많이 줄었다.

그런데! 기판 온도는 어떻게 되었나.

삽시간에 10도 정도가 올라간다. 하루정도나 버틸 수 있을까.
살짝 머리를 굴려본다. 저렇게 상태가 좋지 않은 것은 팬으로 빨아들인 공기를 배출할 곳이 없어서이고, 팬 소리만 가리면 될 것 아닌가.

공기 배출구 쪽을 찢어주자.

그랬더니 그것만으로 온도가 떨어진다.

하루 정도 계속 라즈베리파이를 켜보고 다시 로그인하여 온도를 확인해봤다.

이번에는 44.3도다. 만족스럽네. 최소한 설치된 반대편 소파에서는 팬 소리가 잘 들리지는 않는다.

지저분한 종이만 정리해주고 마무리해야지.

라즈베리에서 16G micrSD에 ububtu 20.04를 사용하고 있었다.

그러다가 쿠팡에서 충격적인 가격의 microSD를 보게되었다.

12G 마이크로SD가 5000원 내외인데(헐… 이건 왜이리 싸졌담. 32기가 짜리가 몇만원 했던 것 같은데) 그 열배에 해당하는 용량이 15000원이 채 되지 않았다. 라즈베리 파이가 블랙박스처럼 하드한 환경이 아니니 굳이 비싼것을 쓸 필요는 없었고.

커뮤니티의 어떤 회원의 도움말을 통해 SD를 바꾸는데 다시 세팅할 필요 없이 복제할 수 있는 방법이 있다는 정보를 입수했다. 그럼 쉽지.

winimage라는 프로그램을 쓰면 된단다. 프로그램 홈페이지에 가서 보니 linux도 지원한다네.(http://www.winimage.com/winimage.htm)

쉐어웨어이긴 하지만 받아서 설치한다. 설치하고 나면 이런 썰렁한 프로그램이 뜬다.

원래 목적대로라면 16G 마이크로SD→128G마이크로SD로 복구되면 좋겠지만 안타깝게도 microSD에서 winimage 포맷(vhd)로 이미지를 뜨고, 그걸 다시 복원해야 한다. 어차피 백업이미지도 떠 놔야 했으니 그대로 실행.

이미지를 뜰때는 옵션이 있는데 Fixed Size로 설정했다. 이유는 모르겠지만 Dynamic하게 변경되는 것 보다 안정적일 것 같아서하지만 그리 했다.

16G짜리에서 이미지를 떴더니 14G정도 되는 이미지가 생겼다.

sd카드 크기 그대로 이미지가 생긴건데, 저걸 보관해야 하니 압축을 해 본다.

어차피 16G의 많은 공간이 빈 공간이었으니까.

그랬더니 와우! 무려 1.4G쯤으로 압축되었다. 백업이미지를 보관해 두기 위한 디스크는 많이 절약되겠네.

가만, 이미지 만들때부터 Dynamic Size로 했으면 이미지가 처음부터 1.4G로 나오지는 않았을까. 그래도 뭐, 색터채로 복사하는 거라던데, 압축해서 보관해도 복원만 잘돼면 되지.

위 vhd 이미지를 사용하여 128G SD에 복원하고 복원이 잘 되었는지 부팅을 해 보았다.

로그인도 잘 되고, SSH fingerprint도 그대로 유지되었다. 내용을 복제하고 디스크만 바꾼것이니 당연할 수도.

디스크 크기를 바꿨으니 파티션 크기도 바꿔줘야지. 디스크 크기를 확인한다. 명령어는 'df -h'

어? 난 아무것도 손댄게 없는데 저절로 루트 파티션 크기가 늘어났다. 어떻게 된거지? 암튼 128G용량을 다 쓰는 것 같기는 하다.

그럼 물리 디스크를 어떻게 쓰는지 보기위해 fdisk를 해 보자. 명령어는 root에서 'fdisk -l'

다시 잘 보니 SD가 쓰는 부분 중에 booting을 담당하는 첫 256M는 FAT32이고 나머지가 리눅스 파티션으로 잡혔다. 아마 라즈베리파이용 우분투 자체가 저리 구성되어 부팅 파티션을 제외하고 나머지는 저절로 잡혔나보다.

이리되면 공간을 확보했으니 NAS를 위해 따로 하드를 연결하지 않아도 될 지 모르겠다. 충분히 공간이 생겼으니까.

그보다, 우분투 내장 SAMBA인 4.11에 Win10이 붙지를 않는다. 다른 리눅스의 3.8은 잘 붙는데. 이걸 해결해야겠다.