/capstone-2023-13

capstone-2023-13 created by GitHub Classroom

Primary LanguageJavaScript

πŸ‘Ύ MetaPop

2023 KookminUniv SW μΊ‘μŠ€ν†€ λ””μžμΈ 13μ‘°
https://kookmin-sw.github.io/capstone-2023-13/

🍭 λ©”νƒ€λ²„μŠ€ νŒμ—…μŠ€ν† μ–΄, λ©”νƒ€νŒ : www.metapop.link


πŸ“” λͺ©μ°¨


🏑 ν”„λ‘œμ νŠΈ μ†Œκ°œ

1) ν”„λ‘œμ νŠΈ λ‚΄μš©

μ˜€ν”„λΌμΈμ˜ νŒμ—… μŠ€ν† μ–΄λ₯Ό λ©”νƒ€λ²„μŠ€ μƒμ—μ„œ 둠칭이 κ°€λŠ₯ν•˜λ„λ‘ ν•˜μ—¬ νŒλ§€μžλŠ” νŒμ—…μŠ€ν† μ–΄λ₯Ό λ‹€μ–‘ν•œ ν˜•νƒœλ‘œ ν‘œν˜„ν•  수 있고 κ΅¬λ§€μžλŠ” μž₯μ†Œμ— ꡬ애받지 μ•Šκ³  μ‰½κ²Œ νŒλ§€μžκ°€ λ‘ μΉ­ν•œ νŒμ—…μŠ€ν† μ–΄μ— μ°Έμ—¬ν•  수 μžˆλ„λ‘ ν•˜λŠ” ν”„λ‘œμ νŠΈμž…λ‹ˆλ‹€.

2) ν”„λ‘œμ νŠΈ 개발 λ°°κ²½

νŒμ—…μŠ€ν† μ–΄μ˜ νŠΉμ„±μƒ νŠΉμ • μž₯μ†Œμ—μ„œ 짧은 κΈ°κ°„λ™μ•ˆλ§Œ 운영되기 λ•Œλ¬Έμ— λŒ€λΆ€λΆ„μ˜ νŒμ—…μŠ€ν† μ–΄λŠ” μˆ˜λ„κΆŒμ— μ§‘μ€‘λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€.
이둜 인해 μˆ˜λ„κΆŒμ—μ„œ 멀리 μ‚΄κ±°λ‚˜ μ‹œκ°„μ΄ λΆ€μ‘±ν•œ μ‚¬λžŒλ“€μ€ μ›ν•˜λŠ” νŒμ—…μŠ€ν† μ–΄ 방문이 μ–΄λ €μšΈ 수 μžˆμŠ΅λ‹ˆλ‹€.
μ΄λŠ” νŒμ—…μŠ€ν† μ–΄λ₯Ό μš΄μ˜ν•˜λŠ” 판맀자 μž…μž₯μ—μ„œλ„ 잠재적인 고객측의 ꡬ맀 기회λ₯Ό 놓칠 수 μžˆλŠ” κ²°κ³Όλ₯Ό μ΄ˆλž˜ν•©λ‹ˆλ‹€.
μ΄λŸ¬ν•œ 문제λ₯Ό μΈμ‹ν•˜κ³ , 'μž₯μ†Œμ™€ μ‹œκ°„μ— ꡬ애받지 μ•ŠλŠ” νŒμ—…μŠ€ν† μ–΄λ₯Ό λ§Œλ“€μ–΄λ³΄μž' λΌλŠ” 생각에 이 ν”„λ‘œμ νŠΈλ₯Ό κ°œλ°œν•˜κ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

3) ν”„λ‘œμ νŠΈ λͺ©μ 

μ‹œκ°„κ³Ό μž₯μ†Œμ— ꡬ애받지 μ•ŠλŠ” νŒμ—…μŠ€ν† μ–΄λ₯Ό λ©”νƒ€λ²„μŠ€λ‘œ κ΅¬μΆ•ν•˜μ—¬ μ–Έμ œλ“ μ§€ 고객듀이 μ ‘κ·Όν•˜κ³  μ œν’ˆμ„ κ΅¬λ§€ν•˜κ±°λ‚˜ κ²½ν—˜ν•  수 μžˆλ„λ‘ ν•˜λŠ” 것을 λͺ©μ μœΌλ‘œ ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

4) κΈ°λŒ€ 효과

  • μ˜€ν”„λΌμΈμ—μ„œ μœ ν–‰ν•˜λŠ” νŒμ—…μŠ€ν† μ–΄λ₯Ό λ©”νƒ€λ²„μŠ€ μƒμœΌλ‘œ λŒμ–΄μ™€μ„œ μž₯μ†Œ λŒ€μ—¬ 및 곡사 μ„€λΉ„ λΉ„μš© κ°μ†Œ
  • μ˜€ν”„λΌμΈμ˜ ν•œμ •μ μΈ ν˜•νƒœμ˜ νŒμ—…μŠ€ν† μ–΄λ₯Ό λ©”νƒ€λ²„μŠ€μ˜ 높은 μžμœ λ„λ‘œ μΈν•œ λ‹€μ–‘ν•œ ν˜•νƒœλ‘œ μ œμž‘ κ°€λŠ₯
  • μ˜€ν”„λΌμΈλ³΄λ‹€ 더 μ°Έμ—¬ν•˜κΈ° μ‰¬μš΄ λ©”νƒ€λ²„μŠ€ μƒμ˜ νŒμ—…μŠ€ν† μ–΄λ₯Ό 톡해 직접 찾아가지 μ•Šκ³  λ‹€μ–‘ν•œ μž₯μ†Œμ—μ„œ μ°Έκ°€ν•  수 있게 ν•˜μ—¬ 더 높은 μ°Έμ—¬μœ¨ μœ λ„

βš’οΈ κΈ°μˆ μŠ€νƒ

Backend

Frontend

Tools

🌊 μ‹œμŠ€ν…œ 흐름도


πŸ‘©β€πŸ’» νŒ€ μ†Œκ°œ

μ΅œλ³΄μ„
XXXX1698 		κ°•μ£Όμ„±
XXXX1569 		μ΅œν˜νƒœ
XXXX1702 		ν‘œμƒμš°
XXXX1704 		박채연
XXXX1601
Frontend Backend, DevOps Frontend Backend, DevOps Frontend

πŸ“Œ μ£Όμš” κΈ°λŠ₯

1) μŠ€ν† μ–΄ 등둝 및 μ»€μŠ€ν„°λ§ˆμ΄μ§•

  • λ©”νƒ€νŒμ—μ„œλŠ” λˆ„κ΅¬λ‚˜ μžμ‹ λ§Œμ˜ νŒμ—…μŠ€ν† μ–΄λ₯Ό μ—΄ 수 μžˆμŠ΅λ‹ˆλ‹€.
  • νŒμ—…μŠ€ν† μ–΄ 정보λ₯Ό μž…λ ₯ν•œ ν›„, μ›ν•˜λŠ” μ»¨μ…‰μœΌλ‘œ μŠ€ν† μ–΄λ₯Ό μ»€μŠ€ν…€ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

2) μƒν’ˆ 등둝 및 ꡬ맀

  • μžμ‹ μ˜ μŠ€ν† μ–΄μ— νŒλ§€ν•  물건을 등둝할 수 μžˆμŠ΅λ‹ˆλ‹€.
  • λ‹€λ₯Έ μ‚¬λžŒμ˜ μŠ€ν† μ–΄μ— μž…μž₯ν•˜μ—¬ μƒν’ˆμ„ κ΅¬κ²½ν•˜κ³ , ꡬ맀할 수 μžˆμŠ΅λ‹ˆλ‹€.

3) 캐릭터 μ»€μŠ€ν„°λ§ˆμ΄μ§•

  • μ›ν•˜λŠ” Body 컬러, Eye 컬러, Hair 컬러 및 μŠ€νƒ€μΌ, Outfit μŠ€νƒ€μΌμ„ μ„ νƒν•˜μ—¬ μžμ‹ μ˜ 캐릭터λ₯Ό μ»€μŠ€ν…€ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

4) 전체 μ±„νŒ…

  • Square와 Store λ‚΄λΆ€μ—μ„œ λ©”νƒ€νŒμ„ μ΄μš©ν•˜λŠ” λͺ¨λ“  μ‚¬λžŒλ“€κ³Ό 자유둭게 λŒ€ν™”λ₯Ό ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

+) λΆ€κ°€ κΈ°λŠ₯

  • νšŒμ›κ°€μž…, 둜그인, λ‘œκ·Έμ•„μ›ƒ κΈ°λŠ₯을 μ œκ³΅ν•©λ‹ˆλ‹€.
  • 내정보와 κ±°λž˜λ‚΄μ—­ μ‘°νšŒκ°€ κ°€λŠ₯ν•©λ‹ˆλ‹€.

πŸ’» μ‚¬μš©λ²•

πŸ”— MetaPop μ„œλΉ„μŠ€ URL : http://www.metapop.link/
πŸ”— MetaPop 메뉴얼 PDF : μ‚¬μš©μž 맀뉴얼 λ‹€μš΄λ‘œλ“œ

1) 접속 방법

  • νšŒμ›κ°€μž… ν›„, λ‘œκ·ΈμΈμ„ 톡해 μ„œλΉ„μŠ€μ— μ ‘μ†ν•©λ‹ˆλ‹€.
  • 둜그인이 μ™„λ£Œλ˜λ©΄ 캐릭터 μ»€μŠ€ν„°λ§ˆμ΄μ§•μ„ ν•œ ν›„, κ΄‘μž₯으둜 μž…μž₯되며 λ‹€λ₯Έ μ‚¬μš©μžλ“€κ³Ό μ±„νŒ…μ„ 톡해 λŒ€ν™”ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

2) 물건 ꡬ맀

  • κ΄‘μž₯μ—μ„œ μ—΄λ¦° μ—¬λŸ¬ νŒμ—…μŠ€ν† μ–΄ 쀑 μ›ν•˜λŠ” 곳의 νŒμ—…μŠ€ν† μ–΄λ‘œ μž…μž₯ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
  • μŠ€ν† μ–΄ 내에 νŒλ§€λŒ€λ₯Ό 톡해 νŒλ§€μ€‘μΈ 물건을 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.
  • μ›ν•˜λŠ” 물건과 μˆ˜λŸ‰μ„ μ„ νƒν•˜κ³  ꡬ맀λ₯Ό μš”μ²­ν•˜λ©΄ 판맀자의 κ³„μ’Œλ²ˆν˜Έμ™€ 정보λ₯Ό 확인할 수 있고 ν•΄λ‹Ή κ³„μ’Œλ²ˆν˜Έλ‘œ 총 κΈˆμ•‘μ„ μž…κΈˆν•©λ‹ˆλ‹€.

3) 물건 판맀

  • κ΄‘μž₯μ—μ„œ λΉ„μ–΄μžˆλŠ” νŒμ—…μŠ€ν† μ–΄λ₯Ό μ„ νƒν•˜κ³  λ‘ μΉ­ν•  νŒμ—…μŠ€ν† μ–΄μ˜ 이름, μ„€λͺ…, κΈ°κ°„ μž‘μ„± ν›„, μŠ€ν† μ–΄ λ‚΄λΆ€ μ»€μŠ€ν„°λ§ˆμ΄μ§•μ„ 진행할 수 μžˆμŠ΅λ‹ˆλ‹€.
  • νŒλ§€λŒ€λ₯Ό 톡해 νŒλ§€ν•  λ¬Όν’ˆμ˜ 이름, 사진, μ„€λͺ…을 μž‘μ„±ν•˜κ³  등둝할 수 μžˆμŠ΅λ‹ˆλ‹€.
  • ꡬ맀 μš”μ²­μ΄ 듀어왔을 λ•Œ, μž…κΈˆ 내역을 ν™•μΈν•˜κ³  ꡬ맀자의 μ£Όμ†Œλ‘œ μ œν’ˆμ„ λ°°μ†‘ν•©λ‹ˆλ‹€.

πŸ“Ή μ‹œμ—° μ˜μƒ

πŸ”— https://youtu.be/UsPOfDaAqNk