Posts

Build React Native App (4) - Redux, Jest, and NativeBase

Image
From this blog, typescript feature will be added. There are couple of ways to implement static type checking like; flow from facebook, PropTypes and Typescript. Typescript is well integrated with Visual Studio Code and supports better linter, error messages, and intellisense. Reference site Github Sample Ex4 Currnet version D:\GitRepo\reactnative>npm --version 6.3.0 D:\GitRepo\reactnative>react-native --version react-native-cli: 2.0.1 react-native: n/a - not inside a React Native project directory D:\GitRepo\reactnative>yarn --version 1.9.4 Creating React Native App $ react-native init ex4 If you want to specify the version, add "--version 0.57.3" at the end. Add NativeBase to React Native $ npm install native-base --save ... + native-base@2.8.1 added 71 packages from 42 contributors, removed 50 packages, updated 829 packages and audited 34989 packages in 138.542s found 0 vulnerabilities $ $ yarn yarn install v1.9.4 warning package-lock.json found. You...

Replacing text in PDF file using iTextSharp

ReplacingTextUsingITextSharp title: Replacing text in PDF file using iTextSharp tags: - PDF - Replace Text - iTextSharp date: Nov 11, 2016 Overview I’ve trying to replace text in PDF file and this is most simple way to replace text in PDF files. Before approaching this, I’ve tried to replace text using command toolkit with pdftk, qpdf to decrypt, and sfk181 to replace string with new, but this approach faced couple of issues; 1. font, 2. text area size. After long investigation, this may be easy way to replace text. Put white colored rectangle on top of string and stamp text on the location like erase text using whitner and write on top of it. Tools Visual Studio 2013 C# iTextSharp Code using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using iTextSharp.text.pdf; using iTextSharp.text.pdf.parser; using iTextSharp.text; using System.IO; namespace EMTechnicalDieline { class Program ...

Using GIT(Bitbucket), Visual Studio Code

Concept of Git Git has two repositories; local and remote. Two different commands type to commit the changes; 1. commit/add: load/save changes to the local repository. 2. push/pull/clone: load/save changes from/to remote repository. How to setup remote git server , bitbucket , with Visual Studio Code To use git, I downloaded it from [git-scm](“ https://git-scm.com/downloads “) and installed with bash mode to keep the comparability for different platform. Set up remote repository * Create project from bitbucket. In this case, I created “blogmarkdown”. Remember the URL for the git repository. To find out the repository, just add “.git” at the end of the URL from bitbucket. For me, it will be “ https://alexjoh@bitbucket.org/alexjoh/blogmarkdown.git ” Link the remote with local folder * Create local folder. In my case, I created d:\gitrepo Initialize git local repo. Change the folder to the gitrepo and run git init If there are existing files from a remote git re...

Generating EAN 128 (GS1-128) barcode manually from any editor using EAN 128 font

Image
Generating EAN 128 (GS1-128) barcode manually from any editor using EAN 128 font * If you like my article, please click AD on this blog. This will help me to motivate to keep up the posting. * Reference IDAUTOMATION Font Download EAN 128 Explanation Check digit calculator for Itemcode Free EAN 128 font Prerequistic font from idautomation: IDAutomationSC128M.ttf. The font is located at “IDAutomation_C128FontAdvantageDEMO\IDAutomation_C128FontAdvantageDEMO\Human Readable Fonts\Set C” Generate barcode manually from Microsoft Word EAN 128 is comprised of following structure Start code FNC Code Application Identifier(AI) code Data Repeating 3 and 4 to put multiple information into one barcode Check digit with MOD103 (remainder divied by 103) Stop code If you look at the barcode per character, you will notice that 3 lines will be represent one letter or symbol except the stop code which is 4 lines. To understand E...

Developing SPA app with AngularJS, Spring, Spring Boot, REST, and MyBatis - 2. Unit Testing

Developing SPA app with AngularJS, Spring, SpringBoot, REST, and MyBatis - 2. Unit Testing Introduction From the first posting, we just created simple application and run the application using maven and SpringBoot. From this tutorial, we will try to figure out how to do the unit testing with SpringBoot Recommend Syntax and UI for atom seti-ui seti-syntax or monaki theme To find out best theme downloads from atom, please visit Atom theme download site Folder structure root/pom.xml root/src/main/java/AngularSpring.java root/src/main/test/AngularSpringTest.java Setting up the Unit Testing When you add spring-boot-starter-test into the POM file, following 4 libraries will be added; Spring Test — integration test support for Spring applications. JUnit — The de-facto standard for unit testing Java applications. Hamcrest — A library of matcher objects (also known as constraints or predicates) allowing assertThat style JUnit assertions. Mockito — A Java mocking fram...

Developing app with AngularJS, Spring, Spring Boot, REST, and MyBatis

Image
Developing SPA app with Atom, AngularJS, Spring, SpringBoot, REST, and MyBatis - 1. Setup Environment Introduction I believe the SPA(Single Page Application) will be the direction of future software development and this will be my first small project to develop SPA using following major components; AngularJS for the front-end, Spring REST for the back-end, Spring Boot for running environment, and MyBatis for the database persistence layer. I am a big fan of MyBatis because of flexibility, performance, and easy way to implement MVVM framework. One of main reason to develop this sample is to understand the structure of AngularJS and Spring framework. If you develop applications with STS or Eclipse, these IDEs will do everything for you, but sometimes it is hard to understand what happening behind scene. If you are not familiar with Spring Boot project, I strongly recommend to read Official SpringBoot Start Document Reference article Should You Use Spring Boot in Your Next Proje...

Upgrading graylog from 1.2 to 1.3

Upgrading graylog from 1.2 to 1.3 Dec 10, 2015 Recently version 1.3 was released and this is the instruction to upgrade from 1.2 to 1.3 from ubuntu 14.04     sudo wget https://packages.graylog2.org/repo/packages/graylog-1.3-repository-ubuntu14.04_latest.deb   sudo dpkg -i graylog-1.3-repository-ubuntu14.04_latest.deb   sudo apt-get update   sudo apt-get dist-upgrade   You will see the following packages for graylog   The following packages will be upgraded:   graylog-server graylog-web liboxideqt-qmlplugin liboxideqtcore0   liboxideqtquick0 oxideqt-codecs   During installation, please select No for the question about changing the server.conf file. If you overwrite this configuration file, you will need to update the server.conf file again. For the detail, please review the my previous posting about installing icinga, graylog, and cacti.   Written with StackEdit .

Installing Icinga 2.4.1, Graylog 1.2.2, and Cacti 0.8.8 on Ubuntu 14.04

Installing Icinga 2.4.1, Graylog 1.2.2, and Cacti 0.8.8 Date: Dec 7, 2015 Overview Before investing to commercial monitoring software, I decided to use open source product and final choice is Icinga for monitoring, Graylog for log collection, and Cacti for graph. The MySQL is the choice because of the Cacti. The Cacti doesn’t support the Postgresql. Version - Ubuntu: 14.04 - Icinga: 2.4.1 - Icinga Web: 2.1.0 - Graylog Server: 1.2.2 - Graylog web: 1.2.2 - Java: 7.x - MongoDB: 2.6.11 - ElasticSearch: 1.7 - Cacti: 0.8.8 Useful command Checking contents in the package Using dpkg alex@monitoring:~$ sudo dpkg -l icinga2 Desired=Unknown/Install/Remove/Purge/Hold | Status=Not/Inst/Conf-files/Unpacked/halF-conf/Half-inst/trig-aWait/Trig-pend |/ Err?=(none)/Reinst-required (Status,Err: uppercase=bad) ||/ Name Version Architecture Description +++-==============-============-============-================================= ii icinga2 ...