/Delivery-Visualization

πŸ‘©πŸ»β€πŸ’» μ˜¨λ””λ§¨λ“œ μ„œλΉ„μŠ€ 데이터λ₯Ό μ‹œκ°ν™”ν•˜λŠ” μ›Ήμ‚¬μ΄νŠΈλ₯Ό κ°œλ°œν•˜μ˜€μŠ΅λ‹ˆλ‹€.

Primary LanguageJavaScript

README

개발 κ°œμš”

사내 ν”„λ‘œμ νŠΈ (ASKHUB - μ˜¨λ””λ§¨λ“œ μ„œλΉ„μŠ€) MVP κΈ°κ°„ λ™μ•ˆ μˆ˜μ§‘λœ 데이터λ₯Ό μ‹œκ°ν™”ν•˜κΈ° μœ„ν•΄ λ§Œλ“  μ›Ή νŽ˜μ΄μ§€μž…λ‹ˆλ‹€. Referer 쿠폰 내역을 Network Graph둜 μ‹œκ°ν™”ν•˜μ—¬ 친ꡬ μ΄ˆλŒ€κ°€ μ–΄λ–€ 경둜둜 μ΄λ£¨μ–΄μ‘ŒλŠ”μ§€ λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€. λ”œλ¦¬λ²„λ¦¬ μ„œλΉ„μŠ€ 이용 데이터λ₯Ό 지도 기반 Mark Cluster 둜 μ‹œκ°ν™”ν•˜μ—¬, κ°€κ²Œμ—μ„œ μ£Όλ¬Έν•œ 이용자의 μœ„μΉ˜ / 이용자의 μ£Όλ¬Έ 건수 / μ£Όλ¬Έ μ΅œλ‹€ κ°€κ²Œ 등을 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.

  • 개발 κΈ°κ°„ : 2019.8 ~ 2019.9
  • 개발 인원 : 단독 개발
  • μ‚¬μš© μŠ€νƒ : Vue.js, node.js, Mysql

Dataset

MVP κΈ°κ°„ λ™μ•ˆ μˆ˜μ§‘ν•œ μ‚¬μš©μž μΆ”μ²œ 정보 및 μ£Όλ¬Έ 정보λ₯Ό μ‚¬μš©ν•˜μ˜€μœΌλ©°, κ°œμΈμ •λ³΄λŠ” csv 파일둜 λ§ˆμŠ€ν‚Ήμ²˜λ¦¬ λŠ”ν•˜μ˜€μŠ΅λ‹ˆλ‹€. μ‹€μ œ λ°μ΄ν„°λŠ” Mysqlμ—μ„œ 뢈러였며 μ—°κ²° 정보λ₯Ό μ œμ™Έν•˜μ˜€κΈ°μ— csv νŒŒμΌμ„ μ‚¬μš©ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

데λͺ¨ μ˜μƒ

Demo1 Demo2 Demo3-1(4) Demo3-2(3)

μ‹€ν–‰ 방법


* frontend *
cd frontend
npm install
npm start

* backend *
cd backend
npm install
npm start