---
title: "지금 스캔하세요: 모바일 앱에서의 바코드 활용"
date: "2016-11-17"
categories: 
  - "applications"
  - "mobile"
tags: 
  - "android"
  - "app-development"
  - "cross-platform-mobile-development"
  - "ios"
  - "mobile-development"
  - "mobiletogether"
  - "windows"
description: MobileTogether를 사용하여 모바일 앱에 바코드 스캔 기능을 통합하는 방법을 알아보세요. 지원되는 바코드 유형과 애플리케이션 개발 단계를 자세히 알아보겠습니다.
---
Status: #blog

Tags:  #android #app-development #cross-platform-mobile-development #ios #mobile-development #mobiletogether #windows

Categories: [low-code+no-code](/blog/ko/category/low-codeno-code.md) | [mobile-development](/blog/ko/category/mobile-development.md)
# 지금 스캔하세요: 모바일 앱에서의 바코드 활용

바코드는 다양한 산업 분야에서 데이터의 광학적이고 기계적으로 읽을 수 있는 표현을 제공하는 데 사용됩니다. 일반적으로 바코드는 책, 소매 제품, 배송 포장, 심지어 병원에서 환자의 손목 등 특정 물체에 부착되어 해당 물체와 관련된 정보를 담고 있습니다.

최근 [바코드 기술](https://en.wikipedia.org/wiki/Barcode)의 발전은 기존의 막대 모양 외에 다양한 형태를 사용하는 2차원 코드(예: 잡지 광고나 시리얼 상자에 흔히 보이는 QR 코드)를 포함합니다. 더욱 중요한 점은 스마트폰 및 기타 모바일 기기가 내장된 카메라를 사용하여 바코드를 스캔할 수 있게 되었다는 것입니다. 과거에는 코딩된 정보를 읽기 위해 특수 바코드 스캐너가 필요했지만, 이제는 누구나 코드를 스캔할 수 있게 되어 바코드의 활용도가 크게 높아졌습니다. 이를 통해 수집된 데이터는 다양한 방식으로 활용될 수 있습니다.

바코드 정보를 처리할 수 있는 앱은 다양한 산업 분야에서 유용하며, 이 앱들은 소비자뿐만 아니라 작업자를 대상으로 하는 앱에도 활용될 수 있습니다. 이제 MobileTogether를 사용하여 바코드를 스캔하고 처리하는 앱을 얼마나 쉽게 만들 수 있는지 살펴보겠습니다.

![모바일 앱에서의 바코드 활용](/blog/images/app-scanning-barcode.jpg)

<!--more-->

## 모바일 앱을 위한 바코드 스캔 기능

MobileTogether Designer와 함께 제공되는 샘플 택배 배송 앱은 바코드 스캔 기능을 추가하는 데 이상적인 테스트 사례입니다.

 

![택배 배송 앱](/blog/images/package-delivery-app.png)

 

[MobileTogether](https://www.altova.com/ko/mobiletogether.html)은 iOS, Android, Windows 및 기타 플랫폼용으로 개발 중인 [애플리케이션에](https://www.altova.com/ko/mobiletogether/technical-overview.html) 개발자가 추가할 수 있는 다양한 기능을 제공하며, 한 번 기능을 앱의 사용자 인터페이스 디자인에 추가하면, 해당 요소에 필요한 동작을 쉽게 지정할 수 있습니다.

앱의 "패키지" 페이지에서, 버튼 컨트롤을 UI에 드래그하여 버튼을 추가해 보겠습니다. 저는 버튼에 "바코드 스캔"이라는 텍스트를 입력했습니다

 

![UI에 버튼 추가하기](/blog/images/add-button.png)

 

바코드 스캔 기능을 활성화하려면, 새로 만든 버튼을 마우스 오른쪽 버튼으로 클릭하고 "Control Actions for OnButtonClicked..."을 선택한 다음, "Let User Scan Barcode" 기능을 "OnButtonClicked" 동작 그룹으로 끌어다 놓습니다.

 

![앱 개발 관련 작업 대화 상자](/blog/images/scan-barcode-actions.png)

 

저희는 사용자가 지원되는 모든 종류의 바코드를 스캔할 수 있도록 할 수 있습니다. 위에서 "모든 바코드" 옵션을 선택한 것처럼, 또는 특정 바코드 목록을 지정할 수도 있습니다. MobileTogether는 다음과 같은 바코드 형식을 지원합니다

- 아즈텍 문명
- 코드바 (Codabar)
- 코드 39
- 코드 93
- 코드 128
- 데이터 매트릭스
- EAN-8 (유럽 상품 표준 번호 8자리)
- EAN-13 (유럽 상품 표준 번호 13자리)
- EAN-128 바코드
- 국제테니스연맹 (International Tennis Federation)
- PDF 417 (PDF 417 형식)
- QR 코드
- RSS-14
- RSS (확장 버전)
- UPC-A 바코드
- UPC-B (유니버설 프로덕트 코드 - B)

 

사용자가 바코드를 스캔하면, 앱은 해당 바코드와 관련된 바코드 형식을 "액션" 대화 상자에서 지정한 두 개의 별도 XML 노드에 자동으로 입력합니다. 이렇게 입력된 바코드 정보는 앱에서 추가적인 처리를 위해 활용될 수 있으며, 예를 들어 사용자에게 데이터를 표시하거나 데이터베이스에 저장하는 등의 작업에 사용될 수 있습니다.

MobileTogether에 내장된 시뮬레이터를 사용하면 다양한 iOS, Android, Windows 기기에서 바코드 기능 테스트를 빠르게 수행할 수 있습니다. 또한, 앱을 MobileTogether 서버에 배포한 후에는 실제 휴대폰에서도 테스트할 수 있습니다.

 

![이 앱은 바코드를 지원합니다](/blog/images/app-supports-barcode-scanning.png)

 

"바코드 스캔" 버튼을 누르면 카메라가 활성화되어 바코드를 빠르게 스캔할 수 있습니다.

 

![안드로이드 앱을 사용하여 바코드를 스캔하는 방법](/blog/images/scan-barcode-android.png)

이 간단한 예시는 MobileTogether를 사용하여 앱에 바코드 스캔 기능을 추가하는 것이 얼마나 쉬운지 보여줍니다. 앞으로 어떤 기능을 추가할지는 사용자 마음대로입니다. MobileTogether는 어떤 목적의 정교한 앱을 개발하든 매우 간편하게 만들어줍니다.

[MobileTogether Designer는 무료로 제공되므로](https://www.altova.com/ko/download/mobiletogether.html), 바코드 지원 기능을 갖춘 앱을 즉시 개발을 시작할 수 있습니다.