I. 목표 웹뷰 기반의 하이브리드 앱에서는 바코드를 스캔할수 있는 기능을 연구한다. II. 연구 및 개발내용 일반적인 네이티브앱에서는 바코드 스캐너는 구현하기 쉽다. 하지만, 웹뷰 기반의 하이브리드 앱에서는 네이티브로 플러그인을 구현하여 웹으로 전달해야 한다. 1. 플러그인 모듈 프로젝트 생성 1) create-react-native-module 설치 yarn global add create-react-native-module 또는 npm install -g create-react-native-module 2) 모듈생성 create-react-native-module NpcBarcode […]
블로그
I. 목표 WMS/WFS에서 해당 사용자의 거래처ID에 해당하는 거점등을 가져올 수 있는지 연구한다. II. 연구 및 개발내용 WMS/WFS에서 해당 사용자의 거래처ID에 해당하는 거점등을 가져오기 위해서는 파라미터로 받아 SQL View 에서 요청한 거래처에 해당하는 데이터만 리턴해야 한다. 1. SQL 문장에 파라미터 추가 -%파라미터명% 형식으로 작성 SELECTcorp_id, branch_seq, branch_name, inout_radius, (inout_radius* 2) ASdistance, geom, ‘.’|| icon_path|| icon_nameasicon […]
I. 목표 GeoServer로 거점등을 표시할때 각 상태별로 다른 아이콘, 색상을 가져왔으면 하는 요구사항이 있어 연구를 하였다. II. 연구및 개발내용 1. 새로운 스타일 추가하기 좌측메뉴에서 “스타일”을 클릭, 우측 화면에서 “새로운 스타일 추가하기”를 선택 2. 스타일 저장 다음의 항목을 입력하고 “유효성 검증” 및 “저장”버튼을 클릭한다. 3. 스타일 편집 <?xml version=”1.0″ encoding=”UTF-8″?> <StyledLayerDescriptor version=”1.0.0″ xmlns=”http://www.opengis.net/sld” xmlns:ogc=”http://www.opengis.net/ogc” […]
I. 목표 GeoServer로 WMS등을 서비스하기 위해서 작업공간을 생성하여 레이어롤 발행해야 한다고 하여 다음과 같이 연구하였다. II. 연구및 개발내용 1. 작업공간 생성 1) 좌측 메뉴에서 “작업공간” 클릭 후 우측화면에서 “새로운 작업공간 추가하기”로 생성 2) 다음과 같은 항목을 입력한후 저장 버튼 클릭 Name : lbsok 네임스페이스 URI: https://mosaic.lbsok.com/ 2. 저장소 1) 새로운 저장소 생성 […]
I. 목표 GIS와 관련하여 지도에 대량의 거점, 즐겨찾기등의 POI를 커스텀으로 만들어 올리기 위해서는 GeoServer가 필수적이다. 따라서 지오서버를 설치하여 구성하는 방법을 연구한다. II. 연구및 개발내용 1. 관련 어플리케이션 설치 1) JDK 설치 : JDK 1.8 기준으로 설치 2) GeoServer 설치 http://geoserver.org/release/stable/ 에서 다운로드 현 프로젝트에서는 Packages 중 Platform Independent Binary를 선택하여 설치한다. 다운로드 받은 geoserver-2.20.1-bin.zip 를 D:\Service\GeoServer […]
I. 목표 앱상에서 웹상에 있는 PDF를 출력하는것을 목표로 한다. II. 연구 및 개발내용 1. 모듈설치 npm install –save react-to-print 2. 구현 가. 모듈 Import import RNPrint from “react-native-print”; 나. PDF 출력 웹으로 부터 URL을 수신받아 RNPrint.print({filePath: PDF경로}}) 명령을 이용하여 출력한다. if(consts.MSG_REQUEST_LABEL_PRINT == strMsgId) { let strUrl = objData.msgData; console.log(“=================================”); console.log(“*MSG_REQUEST_LABEL_PRINT, strUrl:”+ […]
I. 목표 원래 네이티브 앱에서 전표출력은 쉽게 할수 있으나, WebView로 사이트롤 불러와 보여주는 하이브리드 앱에서는 좀더 복잡한 방식으로 프린트를 해야해서 출력하는 방법에 대하여 정리하였다. II. 연구 및 개발내용 구입한 해당 전표출력 프린터는 블루투스 방식으로 통신하는 제품이다. 일단 웹에서 PDF로 출력을 누르게 되면 PDF가 나타난다. 해당 PDF의 출력을 누르게 되면 아래처럼 프린터를 추가할수 있게 된다. […]
I. 목표 React Native 로 개발한 앱을 플레이스토어 또는 앱스토어에 배포하기 위해서 릴리즈 모드로 빌드한다. II. 연구 및 개발내용 1. 안드로이드 1) 버전정보 수정 스토어에 올리기 위해서는 우선 앱의 버전을 올려야 한다. ./android/app/build.gradle에서 versionCode 및 versionName을 수정 2) 번들 파일 생성 터미널에서 npm run android:bundle:release 명령을 실행하면 프로젝트의 android/app/build/output/bundle폴더에 번들 파일이 생성되는데 이 파일을 플레이스토어에 […]
I. 목표 안드로이드 및 IOS 개발을 한 소스에서 개발하기 위하여 React Native를 선택하였고, 개발을 위한 환경설정을 해본다. II. 연구 및 개발내용 1. 관련 어플리케이션 설치 본 매뉴얼은 iMac (macOS, Ver 13.6.1)에서 작성되었으나, Android의 경우는 Windows 10에서도 동작가능 합니다. 1) Node.js 설치 가. 맥 : Homebrew를 이용하여 설치 brew install node 나. Windows https://nodejs.org/에서 다운로드하여 […]
I. 목표 리눅스에 FTP를 열어주려고 하는데, 계정생성시 다른 폴더까지 볼수있는 문제가 있어. 해당폴더만 접근가능하도록 하고자 한다. II. 개발및 연구내용 1. 계정생성 adduser apiuser 2. 그룹지정 usermod -G npc apiuser 3. 권한설정 chown root /home/apiuser chmod 755 /home/apiuser 4. 하위디렉토리 생성 mkdir /home/apiuser/atcenter 5. 하위디렉토리 권한설정 chown root:npc /home/apiuser/atcenter chmod 775 /home/apiuser/atcenter 6. SSHD 설정 […]