아톰 너의 정체를 알려줘~ (Feat : 우주소년 아톰)

안녕하세요.

푸른 하늘 저 멀리~ 날아라 신나게 날으는~ 우주소년 아톰~ 용감히 싸워라~

아톰이란 단어를 들으니 생각나는 노래가사 인데요. 제가 어려서 따라 부르던 우주소년 아톰이라는 노래였는데 그 시절이 그립군요.

 

오늘은 스마트메이커의 아톰 메뉴 파헤치기 입니다. 지난 1- 3탄에 이어 4탄입니다. 끝까지 열심히 공부해서 스마트메이커를 100퍼센트 활용하시기 바랍니다.

 

9. 아톰 메뉴 파헤치기

 

스마트메이커에서는 기능을 구현할때 사용되는 도구를 아톰이라 부르고 있습니다. 왜 인지는 모르겠어요.

스마트메이커 앱저작도구에 사용할 수 있는 아톰의 종류는 상당히 많으며 아래 화면처럼 도구별로 아톰을 선택하여 사용할 수 있습니다.   

 

아톰 저작도구 화면

 

9-1 디자인 도구

디자인 도구에는 직선그리기, 사선그리기, 사각형그리기, 타원그리기, 둥근사각형그리기, 그림삽입, 뷰추가, 표그리기, 그룹묶기 아톰으로 구성되어 있습니다. 디자인도구의 아톰은 화면에 미리 아톰을 배치하여 디자인요소적으로 사용할 때 사용되는 도구입니다. 이 도구를 이용하여 자신이 디자인하고 싶은 그림을 쉽게 그릴 수  있습니다.

 

디자인 도구 아톰 화면

 

디자인 도구의 아톰들은 직관적으로 쉽게 알 수 있습니다. 설명을 간단히 하면 다음과 같습니다.

 

직선그리기 : 수평, 수직 방향으로 직선을 그릴 수 있는 아톰입니다.

사선그리기 : 화면에 사용자가 원하는 방향으로 직선을 그릴 수 있는 아톰입니다.

사각형그리기 : 화면에 사각형을 그리는 아톰입니다.

타원그리기 : 화면에 타원을 그리는 아톰입니다

그림삽입 : 이미지를 삽입하는 아톰입니다.

뷰추가 : 하나의 화면에 여러 개의 뷰 화면을 표현할 수 있는 아톰입니다.

표그리기 : 화면에 표를 그릴 수 있는 아톰입니다. 

그룹묶기 : 여러 개의 아톰을 그룹 형태로 묶어 처리할 수 있는 아톰입니다.

 

9-2 데이터 입력도구 

데이터 입력도구는 데이터를 입력, 조회, 저장을 할 때 사용되며 데이터베이스에 값을 입력, 수정, 삭제 시 사용하는 아톰들이 모여있는 메뉴입니다. 앱개발 시 가장 많이 사용하는 아톰들이기 때문에 사용 방법을 잘 숙지해야 합니다.

 

데이터 입력도구 화면

 

데이터입력란 : 데이터를 입력하거나 조회할때 사용하는 아톰입니다.

데이터입력란 자체만으로도 여러가지 속성을 가지고 있으며 각각 속성을 어떻게 선택하느냐에 따라 결과값이 여러 가지 형태로 나타납니다. 아래 화면에서 보는 것처럼 스타일속성, 데이터속성, 테이블연결조건, 기능연계, 연계효과, 연산 및 참조, 표시순서등의 속성이 있습니다. 각각 속성마다 하는 일이 무엇인지는 앱을 만들어 가며 익히시길 바랍니다. 팁을 드리자면 스타일속성은 화면과 관련된 속성을 지정하는 데 사용이 되며 데이터속성은 데이터베이스와 관련된 속성들을 지정합니다. 그 밖에 여러 가지 기능들이 존재합니다. 꼭 직접 앱을 구현해 보면서 각각의 속성들을 숙지해 보시기 바랍니다.

데이터입력란의 속성을 전부설명 하기에는 내용이 너무 많고 사용하지 않는 속성도 있습니다. 그리고 각각의 속성들이 어떤 기능을 하는지 다 사용해 보지 못했습니다. 

 

데이터입력란 속성 화면

날짜입력란 : 날짜형태로 데이터를 입력할수있는 아톰입니다.

날짜입력란 아톰도 데이터입력란과 비슷하지만 주로 날짜 및 시간과 관련된 기능을 구현할 때 주로 사용합니다. 날짜입력란 아톰 역시 여러 가지 속성들이 존재하며 아래그림과 같이 스타일속성, 데이터속성, 테이블연결조건, 연산 및 참조, 표시순서 등의 속성을 설정할 수 있습니다. 각각의 속성들은 매우 직관적이고 알기 쉽게 설정하실 수 있을 것입니다.

 

날짜입력란 속성 화면

  
이미지입력란 : 이미지를 입력하거나 조회할때 사용하는 아톰입니다.  
이미지입력란 역시 여러가지 속성을 가지고 있으며  이미지와 관련된 대부분의 기능을 구현할 수 있습니다. 또한 활용하기에 따라 데이터베이스에 이미지를 삽일 할 수 도 있습니다. 여러분도 이미지입력란을 잘 활용해 보시기 바랍니다.

이따금씩 스마트메이커 초보자 분들이 그림삽입 아톰과 이미지입력란 아톰을 혼동하시는 분이 계신 것 같은데요 그림삽입 아톰과 이미지입력란 아톰은 사용 용도가 다르니 혼동하지 않기 바랍니다.

 

음성정보처리란 : 음성데이터를 입력하고 조회 할때 사용하는 아톰입니다.  

음성정보처리란 아톰은 음성을 녹음할 수 있으며 녹음된 음성을 재생할 수도 있는 아주 편리한 녹음기 정도로 생각하면 됩니다. 다만 녹음한 파일은 데이터베이스에 DB 형식으로 저장이 됩니다. 간혹 음원을 추출하길 원하는 분도 계시겠지만 음원 파일로 추출은 안 되는 것으로 알고 있습니다.

다중매체표시란 : 이미지, 미디어, 텍스트 기능을 동시에 사용할수있는 아톰입니다. 

다중매체표시란은 선택에 따라 텍스트, 이미지, 동영상, 음성 파일 등의 여러 매체를 처리할 수 있는 아톰이며 저장된 파일은 데이터베이스에 변환 처리되어 저장된 후, 다시 데이터베이스에서 불러올 수 있습니다. 페이스북이나 인스타그램의 피드 게시글처럼 여러 매체를 다양하게 처리할 수도 있고, 동영상, 사진, 음성 파일 등 기업에서 사용하는 자료들을 한 곳에 묶어 보관하고 관리하는 역할을 할 수도 있습니다. 자세한 사항은 스마트메이커 카페에 게시된 다중매체표시란 아톰 가이드를 참고하시기 바랍니다.

 

다중메체표시란 속성 화면

팝업묶기 : 데이터입력란과 같이 연계하여 사용하는 아톰으로 입력란을 클릭했을 때 지정해 놓은 데이터가 표시되어 선택할 수 있도록 해주는 아톰입니다. 팝업묶기 아톰은 데이터입력란, 날짜입력란에 설정할 수 있는데 사용자가 입력할 수 있는 예제 데이터를 보여주는 경우에 사용합니다. 자세한 내용은 스마트메이커 카페의 게시글을 참조하세요.

 

팝업묶기가 적용된 화면

 

오늘은 여기까지...

감사합니다.

 

네이버블로그 링크

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

아톰 너의 정체를 알려줘~ (Feat : 우주소년 아톰)