목록Project (14)

UroA 개발 블로그

[Q-Map] Javascript - Load - Image 라이브러리 사용하기

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 파일 포맷에서 이..
Project/Q-Map 2016. 7. 18. 08:41
[Q-Map] Javascript Google Map 사용하기

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/..
Project/Q-Map 2016. 7. 18. 01:17
[Q-Map] 서비스 프로토타입 만들기 시작

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

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을 할때 나오는 각종 설정을 프로젝트에 맞춰서..
Project/Q-Map 2016. 7. 6. 14:41
Prev 1 2 Next