앱제작도구를 파헤쳐 보자 1탄 (초보 메뉴얼)

안녕하세요.

스마트메이커를 처음 접했을 당시 워드만 할 줄 알면 앱하나를 뚝딱~ 쉽게 만들 수 있다는 광고를 보고 스마트메이커를 다운로드하여 설치를 했었는데... 그때를 회상해 보면 꼭 워드프로세서 프로그램 같았던 기억이 있습니다.

 

일반적으로 앱을 개발하기 위해서는 디자인, 개발, 테스트, 디버깅 및 배포등을 합니다. 이렇게 개발을 위한 개발 도구가 필요한데요, 이를 개발 통합 환경(IDE, Integrated Development Environment)이라고 합니다.

 

이러한 통합환경은 개발 과정을 효율적으로 관리하고 개발자가 생산성을 높이도록 돕는 중요한 도구입니다.

스마트메이커는 이러한 통합개발환경을 갖추고 있어 사용하기 편리하지만, 어디에 어떤 기능이 숨어 있는지 알지 못하면 스마트메이커를 100% 활용할 수 없습니다. 그래서 오늘은 어떤 기능이 어디에 있는지 스마트메이커를 더 쉽고 잘 활용하기 위한  메뉴의 구성을 하나하나 파헤쳐 보겠습니다.

 

스마트메이커화면구성

 

위 그림에서 보는 바와 같이 스마트메이커는 최상단 메뉴, 빠른 실행메뉴, 아톰메뉴로 구성되어 있습니다.

 

최상단메뉴는 파일, 편집, 도구, DB, 서버, 배포, 환경, 도움말의 메뉴로 구성되어 있는 것을 볼 수 있습니다.

스마트메이커에서 사용할 수 있는 대부분의 기능이 위의 메뉴를 통해서 이루어집니다.

 

최상단에서 두 번째 메뉴는 빠른 실행 도구 메뉴이며 단축메뉴로 생각해도 될 것 같습니다.

한 번의 버튼클릭으로 실행모드, 파일저장, 모델열기, 텍스트 글꼴, 색상변경, 아톰 정렬 등을 제어할 수 있는 메뉴입니다.

좌측에 있는 메뉴는 앱개발 시 사용되는 아톰을 선택할 수 있는 메뉴입니다. 스마트메이커에서는 아톰이라는 용어를 사용하는데요, 일종의 컴포넌트정도로 이해하시면 됩니다. 보통 우리가 쉽게 접하는 텍스트상자, 라디오버튼, 체크박스 등과 같은 것을 말합니다.

 

1. 파일메뉴 파헤치기

    파일메뉴는 새로 만들기, 서버절단, 모델열기, 모델저장, 다른 저장, 작업종료, 최근파일 등의 메뉴로 구성되어 있습니다.

 

파일메뉴의 구성화면

 

새로 만들기를 클릭하면 다음과 같은 화면을 볼 수 있습니다.

 

새로만들기 메뉴화면

 

APP Model, Web Model, Book Model, Print Report 4가지의 모델로 구성되어 있네요.

기본적으로 빈폼을 선택하여 앱을 제작하며 빈폼 외에도 기본적으로 제공되는 다양한 템플릿을 선택할 수도 있습니다.

 

APP Model : 스마트폰 앱을 제작할 수 있는 모델입니다.

Web Model : 웹사이트를 제작할 수 있는 모델입니다.

Book Model : 디지털북을 제작할 수 있는 모델입니다.

Print Report : pdf파일 형태로 파일을 제작할 수 있는 모델입니다.

 

2. 편집메뉴 파헤치기

편집메뉴는 잘라내기, 복사하기 , 붙여 넣기, 저작물 보안 메뉴로 구성되어 있습니다..

 

편집메뉴구성화면

 

잘라내기 : 선택한 아톰을 삭제하는 메뉴입니다.

복사하기 : 선택한 아톰을 복사하는 메뉴입니다.

붙여 넣기 복사한 아톰을 붙여 넣기 하는 메뉴입니다.

찾아 바꾸기 아톰이나 변수등을 검색하여 변경할 수 있는 메뉴입니다.

 

찾아바꾸기메뉴화면

 

저작물보안 : 생성한 폼에 패스워드를 입력해야 폼을 열어볼 수 있도록 하는 메뉴입니다.

 

저작물보안메뉴화면

3. 도구메뉴 파헤치기

도구메뉴는 진행관리자, 애니관리자, DB처리객체, 업무규칙, OpenAPI 타 시스템연계, Ai + 어댑터, 아톰편집도우미, 디자인도우미 메뉴로 구성되어 있습니다. 

이 메뉴는 스마트메이커의 중, 고급사용자가 주로 사용하는 메뉴들입니다. 스마트메이커에 익숙하신 분들이면 꽤 자주 사용하는 메뉴이기에 사용방법을 잘 익혀두실 것을 추천합니다.

 

도구메뉴화면

 

진행관리자 : 아톰에 이벤트를 설정하여 다양한 기능을 제어할 수 있도록 설정하는 메뉴입니다. 이 메뉴를 통해 쉽게 이벤트를 제어할 수 있습니다. 업무규칙으로도 제어가 가능하지만 진행관리자 메뉴로 제어하는 것이 시간상 절약도 되고 추후에 코딩량을 줄일 수 있는 좋은 방법이 될 것입니다. 다만 아쉬운 것은 앱에 많은 이벤트를 사용할 시 아톰이 많아서 일일이 아톰명을 확인하며 이벤트를 설정해야 하는 것이 조금 불편합니다. 아톰명을 검색할 수 있는 기능이 진행관리자 내에 포함이 되면 좋을 것 같다는 생각이 들기도 합니다.

 

애니관리자 : 아톰에 애니메이션 이벤트를 설정할 수 있으며 이 메뉴를 사용하여 앱을 생동감 있게 표현할 수 있습니다. 사용방법은 간단해 직접 해보면 쉽게 이해하 실 수 있습니다.

 

DB처리객체 : 스마트메이커에서 이 메뉴가 없다면 코딩에 어려움이 많았을 것 같은 강력한 기능을 가지고 있는 메뉴가 아닐까 합니다. 복잡한 SQL쿼리문을 직접 작성하지 않고 몇 번의 클릭으로 데이터베이스를 컨트롤할 수 있는  쿼리문을 생성하여 실행할 수 있도록 하는 메뉴입니다. 이 메뉴를 사용하려면 데이터베이스에 대한 기초지식이 있으면 훨씬 더 많은 기능을 사용할 수도 있습니다. 이 메뉴만 잘 사용해도 데이터베이스 설계가 잘 되어있다면 훌륭한 앱을 만들 수 있을 것입니다.

 

업무규칙 : 전에 "한글로 앱을 만든다고..."라는 제목의 포스팅 때 사용했던 메뉴로서 정말 한글로 코딩이 가능한 자연어 스크립트 기반의 메뉴입니다. 복잡한 프로그래밍로직이 필요할 때 사용하며 한글로 코딩을 하기 때문에 이해가 쉽습니다.

저는 게임을 만들 때 주로 사용하곤 했습니다.

 

OpenAPI : 공공기관 데이터 포털에서 제공하는 API 데이터를 사용할 수 있는 기능을 제공하는 메뉴입니다.

 

타 시스템연계공공기관이 아닌 기업등에서 생성한 API데이터를 사용할 수 있는 메뉴입니다.

 

AI+어뎁터 : 이 메뉴는 아직 사용해 보지 않았지만 기업에서 제공하는 AI서비스를 스마트메이커 내부에서 이용할 수 있도록 하는 메뉴라고 합니다.

 

아톰편집도우미 : 폼에 배치된 아톰을 선택하고 제어할 수 있는 메뉴입니다.

 

디자인도우미 : 앱의 디자인을 적용할 수 있게 도와주는 메뉴입니다. 이를 통해 스마트메이커에서 제공하는 아이콘, 배경, 그 밖의 여러 가지 디자인 요소를 배치할 수 있게 도와주는 메뉴로 앱을 꾸밀 때 유용한 메뉴입니다.

 

포스팅이 길어지는 관계로 오늘은

여기까지...

감사합니다.

 

 

네이버블로그 링크

https://blog.naver.com/ymsemail/223257917582

스마트메이커를 파헤쳐 보자 1탄 (초보 메뉴얼)