도서정보를 활용한 3D 네비게이션 Three.js

쿠팡 도서정보를 활용한 3D 네비게이션 Three.js +HTML

 

https://youtu.be/M9RpmUx4IAs

 

쿠팡에서 광고리포트를 제공하는데 판매가 많은 책 또는 전환율이 큰 책을 위주로 정리해서 그 데이터를 가시화 하려고 만들었습니다. 최근에 책에 대한 정보를 작은 회면에서도 많이 볼 수 있는 방법에 대해서 이런저런 생각이 있어서 3D로 작업했습니다.

일단 데이터를 웹페이지로 받고 그걸 다시 가공한 데이터베이스에서 가져와서 연결 도서정보를 포함해서 json 파일을 생성합니다.

 

데이터는 향후 다른 곳에서도 사용할 목적으로 구조화한 json 으로 구성하고 그걸 불러서 영상을 내비게이션으로 만들었습니다. 앞으로 쿠팡뿐 아니라 모든 서점 및 자체 우커머스, 스마트스토어에도 활용할 생각이며 SCM에서 도서 정보를 한 번에 찾을 수 있는 인터페이스로 사용할 예정입니다.

https://argo9.com/1/extracted_products.html

 

이 전에 책공장에서 자기 책을 진열하거나 전시하는 프로젝트를 해봤는데 그러한 용도로도 사용이 가능할 것입니다. 노출을 한 곳에서 하면 더 많은효과를 보일 것입니다.

 

그리고 개발하고 있는 다른 서비스와도 통합할 계획입니다. 매일 하나씩 만들다가 지치네요 이제 책 정보에 맞춰 입체화 하기 위해 6면체 맵핑데이터를 PDF에서 추출하는 프로그램을 하고 있습니다.

 

https://youtu.be/-TwJlsE9XYI