UroA 개발 블로그

gmaps 라이브러리 사용하기https://github.com/hpneo/gmaps gmaps 라이브러리는 Google Maps을 간편하게 사용할 수 있도록 도와준다. Github에서 여러가지 example과 documentation을 볼 수 있다.

wgs84 deg/min/sec -> wgs84 decimal 변경하기 먼저 좌표와 관련된 개념은 http://blog.daum.net/_blog/BlogTypeView.do?blogid=04ebo&articleno=924 를 참고하자. Load - Image 라이브러리를 통해 추출한 Exif의 gps tag에는 '세계측지계(WGS84)의 경위도 좌표계, 도/분/초' 형식의 값이 들어있다. 이 값으로 Google Map의 해당 좌표에 Marker를 표시하기 위해서는 먼저 '세계측지계(WGS84)의 경위도 좌표계, 도/분/초' 형식의 값을 decimal 형식으로 변경해야 한다. 추출한 Exif 값을 바탕으로 아래의 코드를 통해 wgs84 decimal 값을 얻을 수 있다. var latRef = GPSLa..

Javascript - Load - Image 라이브러리 사용하기 사진의 meta data를 사용하기 위해서 외부 라이브러리를 사용하기로 했다. https://github.com/blueimp/JavaScript-Load-Image 에서 제공되는 Load - Image 라이브러리는 이미지 파일을 불러오고 변형할때 사용된다.이미지는 File 또는 URL을 통해 로드할 수 있으며, 라이브러리에서 제공되는 method를 통해 이미지의 Exif tags 를 추출할 수 있다. Exif tag 란? 교환 이미지 파일 형식 (Exif; EXchangable Image File format)은 디지털 카메라에서 이용되는 이미지 파일 포맷이다. 이 데이터는 JPEG, TIFF 6.0과 RIFF, WAV 파일 포맷에서 이..

Color 코드 유용한 사이트 color 속성을 부여할 때 값으로 Hex와 RGB가 사용 가능합니다. 이 값을 편하고 쉽게 찾을 수 있는 유용한 사이트가 있어 공유합니다. http://html-color-codes.info/Korean/

Google Map 사용하기 https://developers.google.com/maps/documentation/javascript/?hl=ko 사이트를 통해 Google Map 을 시작할 수 있습니다. 프로젝트 생성 & API키 받기 먼저 Google Map을 사용하고자 하는 프로젝트를 생성해야합니다. Google 계정을 통해 로그인 후 '키 가져오기' 버튼을 클릭하여 프로젝트를 생성 후 아래의 순서로 API Key를 할당 받습니다. Google Map 사용하기 이제 할당받은 API Key 를 통해 다음과 같이 Google Map 을 사용할 수 있습니다. (YOUR_API_KEY에 본인이 할당받은 Key 사용)(https://developers.google.com/maps/documentation/..

Q-Map 서비스란? 쿤트리에서 인턴을 시작하며 지도와 사진을 기반으로 여행 컨텐츠 서비스를 만들게 되었다. (prototype) 사용자가 여행지에서 촬영한 사진을 업로드하면 사진의 meta-data 중 위도와 경도를 이용하여 지도에 marker로 표시하고, (사진이 촬영된 시간순으로) 만약 사진의 위치 meta-data 가 존재하지 않는다면 이를 사용자에게 알리고 사용자가 따로 이를 등록할 수 있도록 기능을 추가하는 것이 목표이다.

Bower 란? bower는 웹 프론트엔드 개발에 필요한 각종 라이브러리들을 관리할 수 있는 npm, maven, gem과 같은 패키지 매니저이다. (웹 프론트엔드에서 자주 사용하는 jQuery, Bootstrap과 같은 라이브러리를 간편하게 관리, 설치할 수 있다.) 설치 npm을 통하여 설치할 수 있다. npm 사용을 위하여 먼저 node.js 를 설치한 후 다음 명령어를 입력하여 bower를 설치한다. $ npm init...$ npm install bower --save 사용법 bower를 사용하기 위해서는 우선 bower.json 파일을 생성해야 한다. bower.json 생성은 다음 명령어로 생성 가능하다. $ bower init bower init을 할때 나오는 각종 설정을 프로젝트에 맞춰서..

정보처리기사 유용한 사이트 1. 도타비(DOTABI) - 핸드폰으로도 이동시에 문제 풀어보기 유용합니다.http://gunsys.com/q/ 2. gisapass - 문제와 해설이 제공됩니다.http://www.gisapass.com/bank/list.asp?bkVIdx=1

JSON 생성시 Key값을 동적으로 할당하는법 JSON 은 아주 유용하고 간편한 데이터 구조이며 아래와 같이 사용합니다. 키와 값의 쌍으로 이루어져 있으며 키는 위와 같이 임의로 작성할 수 있고 또는 쌍따옴표나 따옴표를 이용해서 "name": "UroA" 와 같이 작성할 수 있습니다.하지만 키값에는 문자열을 그대로 사용하기 때문에 키값을 동적으로 해주어야 할 필요가 있을때는 위와 같이 사용할 수 없습니다. 예를 들어 위와 같이는 작성할 수 없습니다. 값부분에는 함수나 String 을 조작 하여도 자동으로 처리해주고 변수도 사용할 수 있지만 키부분에는 그런 처리가 되지 않기 때문에 동적으로 키값을 할당해야 할 필요가 있을 때는 위처럼 해 줄 수 없습니다. 위와 같이 [] 방식으로 property를 설정하는..

Workbench를 이용한 MySQL Backup(Export) WorkBench를 통한 MySQL의 테이블 및 데이터들을 백업(Export)하는 방법을 알아보겠습니다. 1. 좌측 Data Export 매뉴를 클릭하면, 가운데 화면에 Databases가 표시되며 Export 할 항목들을 클릭해 줍니다 2. 선택된 Databases에서 테이블을 선택한 뒤 export 방식을 선택하면 됩니다.