Kodular 글 관련해서 올리고 이것 저것 추가로 작성하려고 했는데 상황이 이상하네요.

 

개인적으로 많이 아쉽네요.

 

* 일부는 무료 버전으로 사용이 가능합니다.

  다만, 제약이 생겼습니다.

 

- 웹에 올려서 관리되는 프로젝트의 수가 10개 이내

- 프로젝트의 크기가 5MB 이하

- 프로젝트에 사용가능한 확장이 5개 이하

- 광고는 AD Manager 만 사용 가능

 

* 프리미엄은 제약 조건이 없네요.

  다만, $3.5/월 (년간 지불시에는 $35)의 비용이네요.

  추가로 iOS도 지원된다는 소식이 있는데 아직 공식적인 내용은 아닙다.

 

 

----

 

아래 내용이 초기 Kodular 정책인데 아쉽게도 조만간 변경될거 같네요.

 

...

..

.

 

반응형

'IT개발 > Kodular' 카테고리의 다른 글

Kodular 소개  (0) 2022.06.19

안녕하세요.

 

Kodular에 대해서 오늘은 간략하게 알아보려고 합니다.

 

가장 근원으로 가면 보이는게 앱인벤터입니다.

앱 인벤터는 구글이 제작하다가, 현재는 MIT가 관리하는 오픈소스이며, 쉽게 앱을 만들 수 있는 도구입니다.

오픈소스이다 보니 파생된 앱메이커가 생겼고 대표적인 곳이 Thunkable, Kodular, Appybuilder 등등입니다.

이중 Appybuilder는 Kodular에 흡수됐고, 현재는 사용이 불가합니다.

Appybuilder에서 개발한 소스는 Kodular에서 Import 가 가능하지만 오류가 많고, 컴파일이 안 되는 경우가 많아서 결국은 재개발을 해야 하는 경우가 많습니다.

레고 블럭을 쌓듯이 논리적으로 구성을 하면 하나의 앱이 뚝딱하고 만들어집니다.

추가로 많은 개발자들이 extension이라는 확장 프로그램을 통해서 성능도 개선이 가능합니다.

개발 시 각 메뉴에 한글도 지원합니다만, 번역이 매끄럽지 않아서 별도 추천하지는 않아요.

 

그리고 사용하다 보면 가장 단점은 화면 디자인이 덜 이쁘다는 건데요.

제 생각에 이건 일반 앱 개발에 들어가는 디자인 구성 노력이라면 충분히 커버 가능하다고 생각해요.

오히려 앱 개발에 들어가는 노력의 효율성과 비용을 따져서 판단하시면 되지 않을까요?  ^^;;

 

아래 내용은 제 개인적인 의견입니다.

1. Thunkable

  - 장점 : Android와 iOS 앱을 개발할 수 있습니다.

  - 단점 : 유료  ( https://thunkable.com/#/pricing )

             ( 무료 계정은 제한 : 프로젝트 10개 이하, 용량 200M 이하, 다운로드 가능 2개월 이내 등)

 

2. Kodular

   - 장점 : 무료  ( 단, 광고 사용을 한다면 커미션을 떼어갑니다.  30% 이내로 상황에 따라 다름 )

   - 단점 : Android만 가능

 

그래서 저는 요즘 Kodular와 시간을 보내고 있습니다.

시간에 여유가 되면 Kodular에 대한 글을 계속 올려 볼까 합니다.

...

..

.

반응형

'IT개발 > Kodular' 카테고리의 다른 글

Kodular 유료화 한다고 하네요  (0) 2022.07.11

안녕하세요.

날씨관련 앱을 만들때 기상청 단기 예보 지점 확인을 위한 좌표값(X,Y)을 구하기 위한 extension 을 소개하려고 합니다.

 

보통 위경도 값을 받아서 그걸 별도의 좌표값(X,Y)으로 변환후 쿼리를 통해서 해당 날씨 정보를 가져오는데요, 이 프로그램이 C 프로그램으로 되어 있어서 앱인벤터나 코듈라에서 사용하기 좀 번거로운 점이 있었습니다.

이 extension을 사용하면 좌표(X,Y)를 위경도로 변환, 또는 위경도값을 좌표(X,Y)로 변환 할 수 있습니다.

 

1. 블럭은 다음과 같아요.

* 좌표(X,Y)값을 받아서 위경도 값으로 변환해 줍니다.

  - 입력 : 숫자

  - 리턴값 : 문자열

 

* 경도,위도 값을 받아서 좌표(X,Y) 값으로 변환해 줍니다.

  - 입력 : 숫자

  - 리턴값 : 문자열

 

* 좌표 변환시 발생하는 오류값을 표시함

 

 

 

2. 다음과 같이 사용하세요.

   - ToGPS 블럭 

       * 결과값

   - ToGrid 블럭

          * 결과값

 

3. 파일

io.hksstudio.hkstogrid.aix
0.01MB

 

4. 기타

  - 사용 방법은 확장(extension)에 추가한 후에 각 화면에서 등록후 사용하시면 됩니다.

  - 사용하시는데 특별한 제약은 없습니다.

  - 파일만 별도 등록후 소개 보다는 링크를 통한 홍보로 해주세요.

...

..

.

반응형

오늘은 app-ads.txt 와 관련된 내용에 대해서 알아볼까 합니다.

 

찾아보면,

App-ads.txt를 통해 광고 인벤토리를 판매하도록 승인된 광고 소스를 광고주가 식별할 수 있습니다. 

app-ads.txt를 추가하면 Google에서 올바르게 설정되었는지 확인해 드립니다.

이렇게 나오는데요,

쉽게 풀이하지만 불법적인지 정상적인지 판단하는 것이라 볼 수 있습니다.

그래서 구글의 애드센스를 사용하다 보면 이 항목을 설정해 주세요 라는 말을 많이 봤을 겁니다.

그런데 이걸 어떻게 하는지 명확하지 않아서 많은 고민을 했을 겁니다.

 

이걸 쉽게 다시 풀어 보겠습니다.  ^^;;

일단 설정 방법을 보면 다음과 같습니다.

총 5단계를 진행해야 합니다.

1번은 2번을 통해서 자동으로 해결이 됩니다.

 

2번은 admob에 들어가면 자동으로 app-ads.txt 에 들어갈 내용을 2번 항목처럼 만들어 줍니다.

  => admob [로그인] - 좌측에 [앱] - [모든 앱 보기] - 우측 상단의 [app-ads.txt 설정하기]

   app-ads.txt에 들어갈 내용을 자동으로 생성해 주고, 그 내용을 해당 파일에 붙여 넣으면 됩니다.

   pub-********** 항목은 각 개인별 고유 식별하는 [게시자 ID]이니 참조하세요.

 

3번은 만들어진 파일을 인터넷에 게시해야 합니다.

  => 웹사이트 운영 중이신 분은 도메인 루트에 app-ads.txt 파일로 게시를 하시면 됩니다.

  => 개인은 별도 돈을 투자해서 하기는 어렵겠죠,

       그리고 문제는 app-ads.txt 파일을 도메인 루트에 게시를 해야 하는데 이런 걸 지원하는 곳이 없습니다.

       그래서 찾은 곳이  [ https://www.blogger.com/ ]입니다.

       아직까지는 별도 비용 없이 구글 ID를 이용해서 운영 가능하며

       [ 이름.blogspot.com ] 도메인으로 운영 가능합니다.

       따라서 [ 이름.blogspot.com/app-ads.txt ]로 표현이 가능합니다.

   => 설정하기

        - 새로 등록하면 만들면 메인 메뉴가 나오는데요, 좌측에서 [설정] 선택하세요.

        - 밑으로 내리시면 수익창출 항목이 있고, 두 번째 줄의 [맞춤 ads.txt]를 클릭하세요.

          아래 빈 곳에 2번 항목의 내용을 복사해서 붙여 넣기를 하시고 저장하세요.

        - 인터넷 주소창에 [ 이름.blogspot.com/ads.txt ] 입력했을 때 붙여넣기한 내용이 보이나 확인하세요.

        - 그런데 이름이 app-ads.txt 가 아니라 ads.txt 죠.   추가 설정이 필요합니다.

        - 방금 설정한 수익창출 항목의 위위 항목을 보면 맞춤 리디렉션이 있는데 이걸 다음과 같이 하세요.

        - 위 항목에 설정하고 이번에는 [ 이름.blogspot.com/app-ads.txt ]을 입력해 보세요.

          정상적으로 내용이 보이지 않으면 화면을 닫았다 다시 해보시고 안되면 설정을 다시 하세요.

 

    =>  google play console에 접속을 합니다.

       - 해당 앱을 선택합니다.

       - [스토어 설정]을 클릭 - 웹사이트 항목에 해당 주소를 입력하시고 저장하시면 됩니다.

4번은 admob이 알아서 해주니 신경 안 쓰셔도 돼요. (늦어도 24시간 후에 반영됨)

 

5번은 최종 확인 단계이며, 위 설정을 다 했으면 아래와 같이 보일 겁니다.

   - 좌측에 [앱] - [모든 앱 보기] - [app-ads.txt] 클릭

 

읽어주셔서 감사합니다. ^^;;;

...

..

.

 

반응형

안녕하세요. 개똥벌레입니다.

 

저번 시간에 만들 라이트에 이어서 이번에는 촛불을 추가해 보도록 하겠습니다.

 

일단 사용할 것은 아래와 같습니다.

 

  - 버튼 1개 : 촛불용 Screen 으로 이동

  - animated gif : gif 파일

  - extension : com.KIO4_AnimatedGif.aix

https://community.thunkable.com/t/extension-animated-gif-clickable-transparent-bg/13205

 

 

0. animated Gif 관련

  : appybuilder에서는 기본적으로 animated gif 은 지원하지 않습니다.

다시 설명드리자면, 버튼의 이미지로 불러와도 고정된 gif은 보여지는데, 움직이지는 않는다는 의미입니다.

단순히 움직이는 것만 보여준다면 다른 방법으로 표현은 가능하지만, 그걸 클릭해서 다른 동작과 연계하지는 못합니다.

따라서 위 extension을 사용해서 구현해 보겠습니다.

추가로 com.KIO4_AnimatedGif.aix 은 layout 위에 구현되어야 하면 Gif 크기 조절은 아쉽게도 안됩니다.

 

0. animated gif 만들기

     : 참조 (MP4 파일을 Animated GIF 파일로 만들기)

https://glowworm.tistory.com/40

 

1. 기존 프로젝트 이용  ( 참조 : appybuilder - 5.APP만들기 (후레쉬) )

   : Projects - Start new project 클릭해서 신규 프로젝트 생성 ( myLight )

 

2. 화면 구성

  - Screen1

     -> AlignHorizontal/AlignVertical (가운데/가운데)

     -> Sizing : Responsive 선택

     -> TitleVisible : False

     -> 나머지 속성은 기본값

     -> Layout 추가

  - 컴포넌트

     -> 버튼1개, Camera 1개, Notifier 1개, TaifunTools 1개 (Extension 등록후 사용 가능함)

     -> com.KIO4_AnimatedGif.aix

     -> Aninated GIF 2개 (아이콘용, 보여지는용)

         - 보여지는 GIF 을 변환 싸이트에서 resize로 150 x 100 크기로 만들자.

         - appybuilder 에 올릴 수 있는 media 개당 최대 크기는 2Mbyte 이며, 이거보다 크면 줄여야 한다.

           ( 프레임 수를 줄이거나 화면 크기를 작게 하면 용량이 줄어듬 )

candle_main.gif
1.69MB
candle_icon.gif
0.47MB

 

3. 만들기

  - Screen1 수정

    -> extension 추가 : com.KIO4_AnimatedGif.aix

    -> Layout 추가 : 촛불 아이콘용 Layout 추가

     -> 블럭 작업 - 초기화

        : 화면 초기에 아이콘을 표시해야 하기 때문에 아래와 같이 블럭코딩을 추가 한다.

     -> 블럭 작업 - 촛불 아이콘 클릭시 실행

        : 촛불 아이콘을 클릭하면 ImageTouched 가 호출되고, 새로운 Screen2 를 오픈하는 명령을 추가한다.

  - 촛불 전용 스크린 추가 (Screen2)

    : [Add Screen]을 클릭해서 Screen2 추가한다.

    : Screen2 Properties

     -> 백그라운드 색상은 촛불 배경색과 동일하게 한다

     -> AlignHorizontal/AlignVertical (가운데/가운데)

     -> ShowStatusBar : False

     -> TitleVisible : False

     -> 나머지 속성은 기본값

     -> Layout 추가 : 백그라운드 색상은 촛불 배경색과 동일하게 한다.

  - 컴포넌트

     -> TaifunTools, com.KIO4_AnimatedGif.aix

     -> 블럭 작업 - 초기화

        : 화면 초기에 아이콘을 표시해야 하기 때문에 아래와 같이 블럭코딩을 추가 한다.

         또한 해당 촛불 화면이 계속 켜져 있어야 하기 때문에 TaifunTools 의 KeepScreenOn 도 활성화 한다.

     -> 블럭 작업 - 뒤로 이동하기

        : 신규 화면을 열고 나서는 꼭 [close screen] 을 통해서 닫아 줘야지만 앱이 정상적으로 종료 가능하다.

* 최종 완성 화면

   : 완성한 것을 APK 로 만들어서 필요한 곳에 사용하면 된다.

 

 

* 혹시 메일 화면에 나오는 촛불의 크기가 작으면 (MP4 파일을 Animated GIF 파일로 만들기) 참조 싸이트에 접속해서 Resize를 통해서 Animated GIF 크기를 조금 더 크게 만들 수 있습니다.

 

 

* 아래 앱하고 여러분들이 만든 앱하고 한번 비교해 보세요.

 

Multi-Light (Flashlight & Candle) - Google Play 앱

1. Light - Useful flashlight at dark night. 2. Candle - for your wonderful night.

play.google.com

 

반응형

안녕하세요. 개똥벌레입니다.

 

오늘은 App inventor 시작하거나 appybuilder 시작하면 누구가 만들어 보는 후레쉬를 만들려고 합니다.

제 개인적인 생각은 일반 개발툴 시작할때 만드는 hello world~~ 같은 거라고 보시면 됩니다.

 

일단 사용할 것은 아래와 같습니다.

 

  - 버튼 1개 : 후레쉬 토글용 (켜고 끄는 용도)

  - 이미지 2개 : 켜졌을때 보이는 이미지와 꺼졌을때 보이는 이미지

  - Camera : Media 쪽 컴포넌트이며, 스마트폰의 후레쉬 기능을 사용하기 위해 추가합니다.

  - Notifier 1개 : 사용자에게 간단한 알림을 주기 위한 용도로 추가

  - extension : com.puravidaapps.TaifunTools.aix

 

    -> 이미지 링크 : 해당 이미지는 상업적으로 사용 가능하고, 출처 안밝혀도 괜찮은 이미지 입니다.

https://pixabay.com/ko/vectors/%EC%8A%A4%EC%9C%84%EC%B9%98-%EC%A0%91%EC%B4%89-%EB%8B%A8%EC%B6%94-%EC%97%90-1531504/

 

    -> aix 링크 : 아래 링크 맨 하단으로 가시면 다운 받을 수 있고,

                    많은 기능중에 화면 안꺼지게 하는 KeepScreenOn 블럭만 사용할껍니다.

https://puravidaapps.com/tools.php

 

1. Start New Project 생성

   : Projects - Start new project 클릭해서 신규 프로젝트 생성 ( myLight )

 

2. 화면 구성

  - Screen1

     -> AlignHorizontal/AlignVertical (가운데/가운데)

     -> Sizing : Responsive 선택

     -> TitleVisible : False

     -> 나머지 속성은 기본값

  - 컴포넌트

     -> 버튼1개, Camera 1개, Notifier 1개, TaifunTools 1개 (Extension 등록후 사용 가능함)

3. 블럭 코딩

  - 화면 초기화 부분

    -> KeepScreenOn 블럭 추가

        : 현재 화면이 절전모드로 빠지지 않고 계속 켜져 있다록 하는 기능임.

    -> 버튼(BT_OnOff)의 이미지 속성에 업로드는 OFF.PNG 그림을 매핑해 준다.

    -> 전역변수 Flag 생성하고, false 값을 줘서 현재 후레쉬가 꺼져 있다는 것은 기억한다.

  - 버튼 클릭 부분

    -> 로컬 변수 Msg 생성 : 후레쉬가 켜지고 꺼지는 상황에 대한 메시지용

    -> IF 조건문 : 전역 변수 Flag에 대한 상태값에 따라서 분기함 (켜졌을때/꺼졌을때 행동)

         : Flag가 true인 경우 (현재 후레쉬가 켜져 있음)

             ---> Flag false로 변경, 이미지 OFF.png 변경, 메시지 꺼졌음으로 변경함.

             ---> ShowAlert : 로걸 변수에 저장된 Msg 메시지 출력

             ---> FlashOn : 전역 변수 Flag 상태에 따라서 후레쉬를 끔

         : Flag가 false인 경우 (현재 후레쉬가 꺼져 있음)

             ---> Flag true로 변경, 이미지 ON.png 변경, 메시지 꺼졌음으로 변경함.

             ---> ShowAlert : 로걸 변수에 저장된 Msg 메시지 출력

             ---> FlashOn : 전역 변수 Flag 상태에 따라서 후레쉬를 켬

4. 최종 출력 화면

5. 기타

  - 너무 옛날 폰의 경우에는 후레쉬 기능이 동작하지 않을 수 있습니다.

  - 첨부 : On/Off 그림 파일

OFF.PNG
0.03MB
ON.PNG
0.03MB

반응형

안녕하세요.

 

오늘도 실제 app을 만들기 전에 제가 중요하다고 생각하는 Layout에 대해서 정리하려고 합니다.

이게 왜 중요할까요 ?

일반적으로 화면을 사용자와 스마트폰 사이에 대화를 하는데 있어서 얼굴 역할을 하는데요.

이 화면을 구성하는데 있어서 중요한 구성 요소가 Layout 이기 때문입니다.

 

1. Layout

  : appybuilder에서는 총 5개의 Layout 폼을 제공합니다.

  - HorizontalArrangement : 가로 방향으로 컴포넌트 배치 할 수 있는 Layout

  - HorizontalScrollArrangement : 가로로 컴포넌트 배치 할 수 있는 ScrollLayout

  - TableArrangement : 컴포넌트를 테이블(바둑판) 모양으로 배치 할 수 있는 Layout

  - VerticalArrangement : 세로 방향으로 컴포넌트 배치 할 수 있는 Layout

  - VerticalScrollArrangement : 세로 방향으로 컴포넌트 배치 할 수 있는 ScrollLayout

 

2. 공통 속성 값들...

  - AlignHorizontal : 배치된 컴포넌트들의 가로 정렬 방식 결정 (좌측/중앙/우측)

  - AlignVertical : 배치된 컴포넌트들의 세로 정렬 방식 결정 (위쪽/중앙/아래)

  - Height / Width

    -> Automatic : Layout에 배치된 컴포넌트들의 값에 따라서 자동으로 결정

    -> Fill Parent : 해당 Layout의 부모값의 최대 값

        ===> 부모 값이란 나의 상위 컴포넌트의 최대값을 의미함

          예) Screen1 -> Layout1 : Layout1의 Width값이 [Fill parent]이면 Screen1의 width값임.

    -> ___ pixcels : 절대 픽셀 지정 값

    -> ___ percent : Screen 기준의 percent 지정 값

  - Visible : true/false 의 논리값으로 해당 Layout 보이고 안보이고 지정

  - 특성 : Layout안에 또 다른 Layout이 들어 갈 수 있다.

 

3. Layout 안에 컴포넌트 배치한 화면

  : 이것 외에 더 많은 컴포넌트가 들어 갈 수 있으며,

    Layout 안에 Layout을 넣어서 배치함으로써 우리가 원하는 모양을 만들어 낼 수 있습니다.

   - 응용하기 : 두개의 버튼 균등배분으로 구현하기

        -> Layout 3개 사용해서 두개의 버튼을 균등정렬로 구현

            : Layout1 (가로/세로 가운데) -> Layout_left (가로/세로 가운데) -> 버튼1 배치

                                                -> Layout_right (가로/세로 가운데) -> 버튼2 배치

 

 

4. 관련 블럭들...

   - Click / LongClick : 사용자가 Layout을 클릭/길게클릭 했을때 발생하는 이벤트

      단, Layout있는 다른 컴포넌트들이 있을때 그 컴포넌트를 클릭/길게클릭 했다면 발생 안함.

   - Image : 블럭을 통해서 백그라운드 이미지를 정의하거나, 정의된 값을 가져 올 수 있음.

   - BackgroundColor : 블럭을 통해서 백그라운드 컬러 속성값을 정의하거나, 정의된 값을 가져 올 수 있음.

   - Visible : 블럭을 통해서 해당 Layout의 속성값을 정의하거나 상태값을 가져 올 수 있음.

 

5. 기타.

  - Layout에 정렬 관련해서 배분 정렬이 없다.

    즉 버튼 2개 넣고 좌측/우측/가운데 밖에 위치가 안되며,

    균등한 배분 정렬이 추후 생겼을면 좋겠습니다.

  - TableArrangement에서 가로/세로의 갯수를 정하는데,

    추후 큰값에서 작은 값으로 변경될때 기존에 배치된 컴포넌트들이 안보이게 됩니다.

    즉 3x3에서 2x2 로 변경했다면, 미리 2x2 밖에 있는 것은 빼놓고 다시 배치해야 합니다.

반응형

안녕하세요.  개똥벌레입니다.

 

App 만들기 전에 미리 알아보면 좋을 내용들을 정리하고 있는데요.

오늘은 그중에서 aia 파일과 aix 파일에 대해서 알아보려고 합니다.

 

간단히 설명하면 aia 파일은 MIT의 app inventor 에서 export 받은 파일입니다.

즉 소스파일이라고 생각하면 됩니다.

그럼 aix 파일은 뭘까요 ?

이 파일은 app inventor의 extension 파일입니다.

즉 확장 기능을 제공하기 위한 서비스팩 같은 개념입니다.

이 extension 파일을 통해서 기존에 없던 새로운 기능을 이용하거나, 보다 개선된 기능을 사용할 수 있게도 하고요. 아니면 기존의 복잡한 과정을 심플하게 다시 재 설계해서 만든 기능이기도 합니다.

 

이제는 조금 더 복잡하게 들어가 볼까합니다.

1. aia 파일

  - aia 파일 만들고 불러오는 방법

     : 만들기 - 상단 메뉴의 Projects의

                [Export selected project (.aia) to my computer] 를 클릭하시면 됩니다.

     : 불러오기 - 상단 메뉴의 Projects의

                [Import project (.aia) from my computer] 를 클릭한 후에 파일 선택하시면 됩니다.

  - 호환성 관련

     : app inventor 에서 만든 aia 파일 - 대부분 appybuilder에서 불러옴 (간혹 동작 안함)

     : kodular에서 만든 aia 파일 - appybuilder에서 불러오지 못함

     : thunkable - 예전 클라식 버전은 대부분 불러옴 ( X 로 변경후 aia 파일 만들고 불러오는 기능이 없어짐 )

  - aia 파일 분해해 보기

     : aia 파일은 실제로는 zip 파일입니다. 따라서 확장자를 zip 으로 변경후 압축을 풀수 있습니다.

     : 위 화면이 제가 테스트로 만든 myFirstApp 을 내려받은 aia 파일을 zip으로 변경후 압축 풀었을때입니다.

      기본적으로 폴더는 assets/src/youngandroidproject 의 3개 있습니다.

       -> assets : 각종 업로드된 파일 들이 관리됩니다. (그림, 음악, 동영상 그리고 extension 파일까지)

       -> src : 세부 소스 파일이 들어가 있습니다. ( 이전 시간에 배운 screen 단위로 저장됩니다 )

       -> youngandroidproject : 개략적인 속성값이 저장된 파일

  - 응용하기 : 특정 screen을 가져오고 싶을때

     : 먼저 다른 aia 파일의 특정 screen 이름과 동일한 screen 이름을 내 project에서 만들어 준다.

     : 내 project 저장후 export 한후 내 aia 파일 확장자는 zip으로 변경후 압축을 풀어 준다.

     : 다른 aia 파일의 특정 screen을 복사후에 내 project 압축 풀어준 src 관련 폴더에 덮어 쓴다

     : 다른 aia 파일의 특정 screen에 연관된 파일들을 assets 관련 폴더에 복사한다.

     : 내 project 폴더를 zip으로 압축한 후에 aia 확장자로 변경한다.

     : import ....  로 해당 파일을 불러온다. 

  - 응용하기 : 그림 파일 100개 올리고 싶을때

     : appybuilder에서 그림 파일 100개 올리기 정말 어렵습니다. 귀찮구요.

      그럴때 이걸 aia 파일로 내린후 압축 풀고, assets 폴더에 그림 파일 100개 복사후 압축해서 다시 올리면 끝.

 

2. aix 파일

  - 내 project에 추가하기

     : extension 항목에서 [import extension] 을 클릭하면 우측에 파일 선택하는 창이 뜬다.

     : [파일선택] 클릭후 aix 파일을 선택하면 내 project에서 해당 extension을 사용 할 수 있다.

  - 사용하기

    : 사용방법은 우선 import 를 한 후에 그걸 다른 components와 같이 사용하겠다고 추가하면 됨.

    : 위 화면은 Taifun이라는 해외의 extension 개발자가 무료로 공개한 aix 파일을 import 한 화면이며,

     우측은 좌측에서 해당 항목을 클릭후 드래그&드롭으로 우측 화면에 옮겨서 사용할 수 있도록 추가한 화면.

  - 활용하기

    : 대부분의 extension 파일(.aix)만 있으면 사용하기 어렵습니다.

     즉 사용 방법을 알아야 하는데요.

     대부분의 extension 개발자가 사용 메뉴얼을 주던가, 아니면 실제 사용을 해서 만든 샘플 파일(aia)을 제공합니다.

  - 응용하기 : 특정 aia 파일에 사용된 aix 파일을 가져오고 싶을때

    : aix 파일도 zip 파일입니다. 그리고 aix 파일도 하나의 extension 파일로써 aia 파일 안에 있습니다. 

     따라서 aia 파일이 있다면 그 안에 aix 파일을 추출이 가능합니다.

  : 위 사진의 external_comps 폴더가 import된 extension 파일이 들어가는 위치이며,

   그 하위의 폴더가 aix 파일이 압축 해제된 파일들이라고 보면 됩니다.

   따라서 위 샘플에서 import한 TaifunTools의 aix가 압축 해제가 되서 com.puravidaapps 입니다.

   즉, 위 사진에서 com.puravidaapps가 하나의 aix 파일이며, 해당 폴더를 압축하면 그게 바로 aix 파일이 됩니다.

 

오늘은 여기까지 정리하겠습니다.

반응형

+ Recent posts