본문 바로가기

gulp 예제 (기록용) 약 2달 전에 아래와 같은 포스팅을 남겨둔 적이 있네요. 2016/08/25 - [Bootstrap&JS] - gulp uglify error 아무튼 이번에는 gulp를 어떻게 사용하고 있는지 간단하게 기록용으로 남겨둡니다. 스샷으로 간단하게 남겨봅니다. gulp gulp depend gulp publish 이런 명령어를 사용해서 gulp를 실행하고요. 꽤 편리하게 사용하고 있습니다 :) 더보기
Bootstrap alert + collapse Bootstrap의 alert + collapse를 활용하면 alert를 보여주거나 숨겨서 사용자에게 적절한 안내를 하는데 도움이 됩니다. 1. 다음 코드는 아래 그림과 같이 alert를 보여줍니다. 좋습니다. 하지만 danger alert div 오른쪽의 x를 누르면 div가 사라지고 show 버튼을 눌러도 다시 div가 나오지는 않습니다. 일반적으로 alert는 반복적으로 활용하는 경우가 더 많은 것 같지 않나요? 예로 이메일 형식을 검사해서 alert를 띄워준다고 하면 반복해서 틀리는 경우가 존재할 것 같아요. 2. 그래서 아래와 같이 alert 코드를 변경합니다. 주석으로 처리한 소스가 기존 소스이고 아래 추가된 소스는 클릭하면 id를 활용해서 해당 div를 숨기는 처리를 합니다. 물론 위에 소스.. 더보기
Bootstrap Table 정리 2 이번 포스팅에서는 Bootstrap Table 정리 2Bootstrap에서 기본적으로 제공되는 Table에 여러 기능을 붙여 쉽게 동적인 테이블을 만들 수 있습니다. 깃허브 사이트는 https://github.com/wenzhixin/bootstrap-table상세 설명이 되어 있는 사이트는 http://bootstrap-table.wenzhixin.net.cn/예제 사이트는 http://issues.wenzhixin.net.cn/bootstrap-table/ 위 사이트에 모두 정리되어 있어요. 정리 1에 이어서 !! 2에서는 테이블 컬럼을 시각화할 때 단순 값 표현이 아니라 값을 활용해서 커스터마이징 시킬 때 어떤 값을 사용해야 하는가.. 에 대해서 간단하게 정리해둡니다. :) 아래와 같이 테이블의 H.. 더보기
openlayers 3 : Vector Layer Visualization 001 (GeoJSON) ol3를 활용해서 벡터데이터를 시각화하는 방법 001 입니다. 001에서는 단순하게 하나의 geojson 파일을 ol3를 활용해서 시각화하는 것을 정리하고 002에서는 타일링된 geojson 파일을 ol3 활용 시각화하는 것을 정리해보려고 합니다. 002는 약간은 복잡한 내용이 들어갈 수 있어서 당장하지는 못할 것 같아요 ㅎㅎ 1. ol3 버전이 중요합니다. 정확하게 몇 버전 부터 달라졌는지는 검색하지 않았습니다. 다시 확인해보니깐 3.5 버전부터 입니다. 3.5 버전으로 가면서 vector layer 관련 api가 약간 변경되었다는 점이 중요합니다. 참고 웹 페이지 중 가장 마지막 링크에 들어가보시면 변경사항에 대해서 자세히 나와 있습니다. 참고 : https://github.com/openlayers.. 더보기
GDAL : ogrinfo example : so, where option GDAL : ogrinfo example : al, geom option - http://ngee.tistory.com/644 GDAL : ogrinfo example : so, where option - http://ngee.tistory.com/645 앞선 포스팅에 이어서~~ 계혹 ogrinfo 옵션을 몇 개만 더 정리하려고 합니다. 4. ogrinfo -al -so datasource_name 이번에는 al 옵션과 so 옵션을 같이 사용했습니다. al 옵션은 전체 레이어에 대한 정보(geometry 포함)를 출력하는 옵션이구요. so 옵션은 요약하는 옵션입니다. 이 2개를 같이 사용하는 경우 아래와 같은 결과를 볼 수 있습니다. command : ogrinfo -al -so DoDreamWay05_.. 더보기
Python, psycopg2 : INSERT INTO .... SQL PostgreSQL의 adapter 중에 python을 지원해주는 psycopg2 라는 녀석이 존재합니다. 예전 글들을 찾아보니 psycopg2에 관련 된 몇 개의 포스팅이 있긴한데요. insert into sql에 대해서는 제대로 정리해둔 것이 없어서.. 일단 다시 psycopg2에 대해서 기본적인 정보에 대해서 정리해보면 다음과 같습니다. 1. psycopg2 document : http://pythonhosted.org//psycopg2/ 2. License : LGPL 3. github : https://github.com/psycopg/psycopg2 4. Project Homepage : http://initd.org/psycopg/ 이번 포스팅에서는 psycopg2로 insert into s.. 더보기
PostGIS : Select Geospatial Data from Table 관련 포스팅 PostGIS : PostGIS Setting Script : http://ngee.tistory.com/629 PostGIS : Create Geospatial Table : http://ngee.tistory.com/631 PostGIS : Insert Geospatial Data into Table : http://ngee.tistory.com/632PostGIS : Select Geospatial Data from Table : http://ngee.tistory.com/633PostGIS : Delete Geometry Column in Geospatial Table : http://ngee.tistory.com/635 앞선 포스팅에서 PostGIS를 설정하고, 함수 AddGeome.. 더보기
PostgreSQL Command Line: Database Restore PostgreSQL에서 데이터베이스를 복구하는 커맨드라인 명령어로 pg_restore가 존재합니다. pg_restore에는 몇 가지 옵션들을 지정할 수 있는데요. pg_restore --help를 통해 확인할 수 있습니다. 너무 많아서 약간 줄였습니다. pg_restore restores a PostgreSQL database from an archive created by pg_dump. Usage: pg_restore [OPTION]... [FILE] General options: -d, --dbname=NAME connect to database name -f, --file=FILENAME output file name -F, --format=c|d|t backup file format (shoul.. 더보기
GDAL : gdalwarp example : tr (resolution) command : gdalwarp (enter) Usage: gdalwarp [--help-general] [--formats] [-s_srs srs_def] [-t_srs srs_def] [-to "NAME=VALUE"] [-order n | -tps | -rpc | -geoloc] [-et err_threshold] [-refine_gcps tolerance [minimum_gcps]] [-te xmin ymin xmax ymax] [-tr xres yres] [-tap] [-ts width height] [-wo "NAME=VALUE"] [-ot Byte/Int16/...] [-wt Byte/Int16] [-srcnodata "value [value...]"] [-dstnodata "value [v.. 더보기
GDAL : gdal_translate example : projwin command : gdal_translate (enter) Usage: gdal_translate [--help-general] [--long-usage] [-ot {Byte/Int16/UInt16/UInt32/Int32/Float32/Float64/ CInt16/CInt32/CFloat32/CFloat64}] [-strict] [-of format] [-b band] [-mask band] [-expand {gray|rgb|rgba}] [-outsize xsize[%] ysize[%]] [-unscale] [-scale[_bn] [src_min src_max [dst_min dst_max]]]* [-exponent[_bn] exp_val]* [-srcwin xoff yoff xsize ysize] [-.. 더보기
bash shell script - string insert, replace, append, and delete using sed in file string insert 문자열을 특정 파일의 특정 라인에 입력하도록 하는 것인데요. sed라는 커맨드라인 어플리케이션을 통해서 입력하도록 할 수 있더라구요. sed는 처음보는 것은 아니지만 익숙하지 못한데요. sed의 -i 라는 옵션을 통해서 문자열을 입력할 수 있데요! 특정 라인에 입력하기 위해서는 문자열 앞에 라인번호와 i 그리고 백슬러시(\)를 작성해주면 됩니다. aaa.txt라는 파일의 100번째 라인에 "test"라는 문자열을 입력하기 위해서는 sed -i '100i\test' aaa.txt string replace 사용 방법은 다음과 같네요. sed -i -e 's/targetString/newString/g' filename targetString ---> old string newStr.. 더보기
bash shell script - if else statement bash shell을 써서 서버 환경을 자동으로 설정할 수 있도록 하는 스크립트를 작성하고 있어요 ^^ 이거 잼있네요! 문법을 다 볼 시간이 없어서, 필요한 것들만 찾아서 만들고 있는데요. 약간은 어설프지만, 잼있네요!! (근데 왜 눈이 촉촉할ㄲ...) 자주 까먹으니깐, 간단하게 정리해둡니다. 이전 포스팅에서 string split에 대해서 간단하게 작성했었는데요. 아래 주소가 있습니다 ^^ 아래 포스팅 내용을 활용해서 if else를 사용해볼께요. string split : http://ngee.tistory.com/476 결국 아래 내용을 통해서 문자열을 분리했는데요. #!/bin/bash while read linedo IFS=': ' read -a array 더보기
iOS library 006 - RNGridMenu (그리드 메뉴) 이번에 테스트 해본 라이브러리는 RNGridMenu입니다. 그리드 메뉴를 구성할 수 있도록 도와주는 라이브러리로, 잘 활용하면 이쁜 디자인을 표현할 수 있을 것 같네요. RNGridMenu에 대한 설명은 RNGridMenu의 GitHub 페이지에서 확인 하실 수 있습니다. RNGridMenu GitHub : https://github.com/rnystrom/RNGridMenu 1. RNGridMenu 설치(install), 적용(apply) 이번 포스팅에서는 cocospod을 사용해보겠습니다. 일단 새로운 프로젝트를 만드시고, Terminal에서 해당 프로젝트 폴더로 이동하신다음, vi Podfile 위와 같이 파일을 열고, 아래 내용을 작성합니다. pod 'RNGridMenu', '~>0.1.2' 파일.. 더보기
iOS - segmented example (세그먼트 간단 예제) 이번에는 iOS 개발할 때 Segmented Control을 사용하는 간단한 예제를 작성해보려구요. 빠르게 시작!!!! 1. 프로젝트 생성 저는 프로젝트 생성 할 때 Single View Application을 주로 선택해서 시작해요. 간단한 부분이니깐 그림으로 때우죠. 2. 스토리보드 작업 일단 프로젝트를 만들고, Main.storyboard에 들어가보시면 빈 화면이 나오겠죠? :) 세그먼트를 테스트하기 위해서 View에 segmented control과 label 각 1개 씩 뷰로 옮겨줍니다. 그림은 클릭해서 보시길 추천드려요 :) 그럼 이제 소스코드와 연결하기 위해서 Assistant editor를 선택하고 아래 그림과 같이 연결해줍니다. 방법은 소스코드와 연결하기 위한 오브젝트를 선택하고, Ctr.. 더보기
wget 간단한 예제 리눅스에서 wget는 웹 상에 존재하는 파일을 쉽게 다운로드 할 때 사용하는 명령어입니다. wget --help 라고 치시면 매우 다양한 옵션을 입력해서, 원하는 대로 사용 할 수 있을 것 같네요. 저는 그냥 우분투 서버에서, 웹 상에 있는 특정 파일을 다운로드 할 때 주로 사용하고 있습니다. 예를 들어 http://192.xxx.0.xxx/file.tar.gz 이라는 주소에 파일이 위치하고 있다고 가정하면 wget http://192.xxx.0.xxx/file.tar.gz 이라고 입력하면, 현재 폴더에 file.tar.gz이 다운로드 되는 것이죠. 덧+ 2014/11/07) 특정 이름으로 저장하고 싶으면 -O 옵션을 주시면 됩니다. -O는 영어 대문자 오에요 ㅎㅎㅎㅎㅎ 숫자 아님당 Output의 O에요.. 더보기
iOS - switch example (스위치 간단 예제) 이번에는 iOS switch 예제 간단한 것을 해보려고요. 스토리보드를 활용하도록 하겠습니다. 1. 예제를 위해 single view로 프로젝트를 하나 생성한다. 2. 스토리보드 (Main.storyboard)를 선택하고 스위치와 라벨을 하나 씩 View에 마우스로 끌어서 추가한다. 그럼 아래와 같은 화면이 나오겠죠? 자 그럼 위 그림에서 오른쪽 상단에 있는 빨간박스 부분을 클릭하시면 화면이 분활되면서 소스코드와 UI를 연결할 수 있습니다. 3. UI의 소스코드 연결 소스코드 중에서 viewController의 헤더를 선택하시구요. 아래 그림과 같이요. 그 다음에 스위치에 마우스 올리시고, Ctrl 키 누르고 끌어서 소스코드로 이동합니다. 그럼 아래와 같은 화면이 나타납니다. 스위치는 액션만 테스트하려고.. 더보기