코딩 몰라도 가능! 스마트메이커로 앱 만들기 초보자 완벽 가이드

스마트메이커(SmartMaker) 개요

복잡한 프로그래밍 언어를 배우지 않아도 누구나 손쉽게 어플리케이션을 제작할 수 있는 ‘노코드(No-Code)’ 개발 솔루션입니다. 코딩 없이 앱을 구현할 수 있는 대표적인 저작 도구로는 앱인벤터와 스마트메이커가 꼽힙니다.

1. 핵심 용어 정리

모델 — 어플리케이션을 구성하는 화면 폼 및 기능별 기본 개체를 의미합니다.

아톰 — 앱 화면 내에 배치되는 입력란, 버튼, 미디어 요소 등 개별 구성 객체입니다.

참조정보키 — 조회한 실시간 데이터를 타 모듈의 특정 아톰에 정확히 매핑해 주기 위한 기준값 설정 데이터입니다.

스마트메이커 기능 둘러보기

1. 구동 환경 세팅

서버 연결 — 연동할 데이터베이스(DB) 등록 및 운영 관리

작업 기본 경로 지정 — 메인 작업 파일 및 리소스가 저장되는 경로 설정

2. 입력 및 등록 화면 폼 구성

신규 작업 창 생성 — 상단 메뉴 [파일 -> 새로 만들기 -> App Model -> 빈폼] 순으로 접속

타이틀 제목 영역 생성 — [저작도구 -> 사각형 그리기 -> F2 키 입력 -> 원하는 제목 텍스트 작성]

데이터 처리 항목 구성 — 필요한 처리 항목 세부 지정

사용자 입력 필드 세팅 — 날짜 선택 영역 및 이미지 업로드 란 구현

실행 버튼 기능 지정 — 원하는 동작을 수행할 액션 버튼 생성

DB 테이블 연동 및 생성을 위한 설계 — 수집된 데이터를 저장하고 관리할 데이터베이스 구조 자동 작성

3. 저작 도구 아이콘 모음

레이아웃 디자인 도구 — 직선, 사선, 사각형, 타원, 라운드 사각형, 이미지 추가, 탭 화면 구성, 데이터 표, 객체 그룹화

입력 필드 구성 도구 — 일반 입력란, 캘린더 날짜 란, 이미지 등록란, 음성 수집 란, 멀티미디어 뷰어, 팝업 박스, 드롭다운 메뉴, 라디오 버튼, 체크박스

스크롤 제어 도구 — 스크롤 영역 그룹화, 행 번호 출력 필드

데이터 조회 및 출력 도구 — 통합 검색 창, 데이터 게시판, 검색 조건 폼, 트리 구조, 데이터 그리드 뷰, 차트 그래프

이벤트 모듈 도구 — 실행 기능 버튼, 서브 확장 메뉴, GPS 위치 서비스, PG 전자결제, SNS 간편 로그인 기능

통합 관리 및 스케줄 도구 — 문서 관리, 스케줄링 뷰어, 달력 제어, 데이터 진행 바, 슬라이더 콤포넌트, 시스템 메시지창, 파일 첨부

외부 컴포넌트 도구 — 일반 문서 연동, 웹 페이지 렌더링, 동영상 미디어, 지도 연동, 애드센스 등 광고 연동

외부 연동 장치 도구 — 블루투스 장비 연결, 시리얼 통신 제어

AI 및 스마트 도구 — 음성 인식, 자동 번역, TTS 음성 합성, 카메라 영상 분석

상세 속성 설정

개체(아톰) 선택 후 우클릭 메뉴에서 조정 가능한 속성별 안내입니다.

1. 입력란 서식 및 스타일 속성

입력 옵션

  • 숫자 전용 입력: 수치형 데이터 지정, 소수점 처리 옵션, 입력 허용 범위 설정

화면 연출 속성

노출 관련 속성

초기 입력값 속성

인터랙티브 동적 속성

  • 전화번호 형식: 클릭 시 해당 번호로 직통 전화 연결을 지원합니다.
  • 위치 정보: 입력된 주소를 터치하면 지도가 즉시 연동되어 표시됩니다.

2. 실행 버튼 관련 속성

기능 지정 — 이전 페이지 이동, 다음 페이지 이동, 데이터 저장, 폼 삭제, 데이터 조회, 팝업 상세보기, 통계 차트 연동

보안 및 접근 속성

옵션 메뉴 설정

버튼 아이콘 그래픽 설정

노출 조건 속성

3. 데이터베이스 연동 속성

DB 연결 세팅 — 데이터베이스 테이블명, 컬럼 필드명, 필드 데이터 타입 설정

조회 검색 옵션

데이터 저장 옵션

4. 검색창 폼 데이터 속성

DB 세팅 — 매핑 대상 테이블명, 컬럼 필드 지정, 데이터 속성 설정

출력 레퍼런스 구성 — 팝업 검색창 내에 보여질 출력 항목들을 지정합니다.

5. 어플리케이션 전체 프로그램 속성

앱 프로그램 정보

폼 기본 속성

배경 이미지 설정

  • 이미지 경로: [찾아보기] 단추를 클릭해 바탕화면 이미지 등록
  • 이미지 출력 방식

동작 처리 기준

폼 전환 애니메이션 효과

6. 연동 모델 연결 설정

앱 출력 및 배포하기

1. 실행 패키지 빌드 (앱 패킹)

앱 배포 — 최종 어플리케이션 설치 패키지 파일 생성

제품 식별 약칭 — 빌드되는 APK 파일의 숏네임 설정

앱 어플리케이션명 — 스마트폰 바탕화면에 표시되는 설치 앱 이름

모바일 OS 환경 — 실행 대상 스마트폰의 운영체제 지정

디바이스 DB 환경 구성 — 스마트폰 단말 내부 데이터베이스 구축 설정

로컬 DB 초기화 — 모바일 전용 로컬 DB 변환 프로세스 수행

2. 스마트마켓 등록

스마트마켓 모듈 — 앱을 마켓에 업로드하여 자유롭게 동작 테스트 및 유상/무상 배포 가능

  • 테스트 배포: 최종 출시 전 임시 등록을 통한 구동 테스트 진행

QR코드 설치 — 카메라로 생성된 QR코드를 촬영하여 간편하게 스마트폰 다운로드

스마트메이커 단축키 모음

F2 — 아톰 명칭 및 라벨 문자열 수정 모드

F5 — 스마트메이커의 AI 저작엔진이 UI 화면 구성을 자동으로 분석해 속성을 최적화 세팅

F10 — DB 데이터베이스 테이블 자동 설계 및 실시간 빌드

Alt + 방향키 — 구성된 객체 디자인을 복사해 누른 방향키 위치로 즉시 복제 및 붙여넣기

이 게시물이 얼마나 유용했습니까?

평점 0 / 5. 참여 0

첫번째 평가를 남겨주세요!

Leave a Comment

광고 차단 알림

광고 클릭 제한을 초과하여 광고가 차단되었습니다.

단시간에 반복적인 광고 클릭은 시스템에 의해 감지되며, IP가 수집되어 사이트 관리자가 확인 가능합니다.