로딩중...

블로그

React Native PDF 출력

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:”+ […]

더보기

React Native 하이브리드 앱에서 전표출력

I. 목표 원래 네이티브 앱에서 전표출력은 쉽게 할수 있으나,  WebView로 사이트롤 불러와 보여주는 하이브리드 앱에서는 좀더 복잡한 방식으로 프린트를 해야해서 출력하는 방법에 대하여  정리하였다.   II. 연구 및 개발내용 구입한 해당 전표출력 프린터는 블루투스 방식으로 통신하는 제품이다. 일단 웹에서 PDF로 출력을 누르게 되면 PDF가 나타난다. 해당 PDF의 출력을 누르게 되면 아래처럼 프린터를 추가할수 있게 된다. […]

더보기

React Native 배포버전 생성

I. 목표 React Native 로 개발한 앱을 플레이스토어 또는 앱스토어에 배포하기 위해서 릴리즈 모드로 빌드한다. II. 연구 및 개발내용 1. 안드로이드 1) 버전정보 수정 스토어에 올리기 위해서는 우선 앱의 버전을 올려야 한다. ./android/app/build.gradle에서 versionCode 및 versionName을 수정 2) 번들 파일 생성 터미널에서 npm run android:bundle:release 명령을 실행하면 프로젝트의 android/app/build/output/bundle폴더에 번들 파일이 생성되는데 이 파일을 플레이스토어에 […]

더보기

React Native 개발 환경구축

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/에서 다운로드하여 […]

더보기

SFTP 상위폴더 접근제한 설정

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 설정 […]

더보기

IOS 웹뷰에서 칼렌더의 로케일 설정

I. 목표 React Native Webview로 앱을 만들었을때 칼렌더가 영어로 출력되어, 한글로 로케일을 바꿀수 있도록 한다. II. 연구및 개발내용 Input type이 date로 지정하고 웹뷰로 보면 아래와 같이 칼렌더가 나타난다. <input id=”prodtCmdDt” name=”prodtCmdDt” type=”date” value=”” class=”form-control-date”>     2. 그러나 위와 같이 영어권에서 같은 칼렌더가 출력되는 문제가 있어 info.plist에 아래와 같이 지원하는 로케일을 설정한다. <key>CFBundleLocalizations</key> <array> <string>en</string> […]

더보기

지오코딩을 위한 Nominatim 설치

I. 목표 Nominatim를 이용하여 Geocoding및  Reverse Geocoding 처리를 해본다. II. 연구 및 개발내용 1. PHP 설치 apt-get install php apt-get install libapache2-mod-php php-pgsql php-mysql apt-get  install postgresql-server-dev-12 2. 사용자 계정 추가 adduser nominatim 3. POSTGRESSQL 튜닝 /etc/postgresql/12/main/postgressql.conf   shared_buffers = 2GB maintenance_work_mem = 10GB autovacuum_work_mem = 2GB work_mem = 50MB effective_cache_size = 24GB synchronous_commit = […]

더보기

postgis 우분투에 설치하기

I. 목표 GIS를 이용하여 지도상 거점을 관리하기 위하여 POSTGRESQL을 설치한다.   II. 연구 및 개발내용 1. 설치 1) Postgresql와 postgresql-contrib(Extension)을 설치 sudo apt-get install postgresql postgresql-contrib 이후 서비스 재시작 service postgresql restart 2) PostGis 설치 최신 우분투의 경우 sudo apt-get install postgis postgresql-16-postgis-3 버전에 맞게 sudo apt-get install postgis postgresql-12-postgis-3 참고 : 당사의 IDC에 있는 […]

더보기

React Native 푸시 설정

    1. 프로젝트 생성 1.1 프로젝트 생성 react-native init ElcantoDeepp –package=com.elcanto.deepp   1.2 프로젝트 실행 1) 안드로이드 cd ElcantoDeepp react-native run-android   2) IOS cd ElcantoDeepp react-native run-ios   1.3 Vscode에서 프로젝트 열기   파일 > 열기.. 선택후 해당 디렉토리인 ElcantoDeepp폴더를 선택     1.4 Webview 컨트롤 추가 Vscode의 터미널에서 아래 명령으로 webview 컨트롤을 […]

더보기

MSA구성매뉴얼

1.    문서 개요   1.1       문서의 목적 본 문서는 MSA 기반의 API 샘플 서버, 게이트웨이 서버, 유레카 서버 등에 대한 구축 관련 절차에 대하여 기술하고 있다. 1.2       시스템 구성도 본 프로젝트에서 구현되고자 하는 시스템 구성도이다.     2.    관련 어플리케이션 설치 2.1       JDK 설치 JDK 1.8이상으로 본 문서에서는 64비트용 JDK15를 기준으로 한다. 다운로드 URL : […]

더보기