/web09-KittyMark

🐱 ν‰μ†Œ μ±™κ²¨μ£Όλ˜ 길고양이듀을 λƒ₯자취 SNS μŠ€νƒ€λ‘œ λ§Œλ“€μ–΄μ£Όμ„Έμš”! 🐱

Primary LanguageTypeScript

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

image


    Kitty Mark에 μ’‹μ•„ν•˜λŠ” 길고양이 사진을 κ³΅μœ ν•΄μ£Όμ„Έμš” 🐱

    μ£Όλ³€μ˜ 고양이와 더 λ”°λœ»ν•œ μœ λŒ€κ°μ„ λ‚˜λˆŒ 수 μžˆμ–΄μš”!

    ν•œ λ²ˆμ―€μ€ 길고양이 사진을 찍기 μœ„ν•΄ μ‚¬λžŒλ“€μ΄ λͺ¨μ—¬μžˆλŠ” 것을 λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€.
    μ‚¬λžŒλ“€μ΄ 무심코 찍은 κ·€μ—¬μš΄ μΉœκ΅¬λ“€μ˜ 사진을 κ³΅μœ ν•˜κ³  본인의 κ³ μ–‘μ΄μ²˜λŸΌ μΉœκ·Όν•΄μ§ˆ 수
    μžˆλŠ” 방법을 κ³ λ―Όν–ˆμŠ΅λ‹ˆλ‹€.

πŸš€ ν”„λ‘œμ νŠΈ κ°œμš”

  • Kitty MarkλŠ” κΈΈκ³ μ–‘μ΄λ“€μ˜ 사진을 올렀 지도에 마크λ₯Ό 남길 수 μžˆλŠ” 고양이λ₯Ό μœ„ν•œ SNSμ—μš”.
  • Kitty MarkλŠ” κΈΈκ³ μ–‘μ΄λΏλ§Œ μ•„λ‹ˆλΌ μžμ‹ μ˜ 고양이 사진을 λˆ„κ΅¬λ“  올렀 κ³΅μœ ν•  수 μžˆμ–΄μš”.
  • Kitty Markμ—μ„œ κΈΈκ³ μ–‘μ΄λ“€μ˜ 발자취λ₯Ό κΈ°λ‘ν•΄λ³΄μ„Έμš”. 지도가 점점 고양이 발자ꡭ으둜 가득 μ°¨λŠ” κ±Έ λ³Ό 수 μžˆμ„ κ±°μ—μš”!

πŸ“Œ ν”„λ‘œμ νŠΈ λͺ©ν‘œ

  • κΈ°κ°„ 내에 μ™„μ„±ν•  수 μžˆλ„λ‘ ν˜„μ‹€μ μΈ λͺ©ν‘œλ₯Ό μΆ©λΆ„νžˆ μƒμ˜ν•˜μ—¬ μ„€μ •ν•œλ‹€.
  • 일관성 있고 직관적인 UIλ₯Ό 톡해 처음 λ³΄λŠ” μ‚¬μš©μžλ„ μ΄μš©ν•˜κΈ° μ‰½κ²Œ ν•œλ‹€.
  • μ‚¬μš©μž ν…ŒμŠ€νŠΈ 및 ν”Όλ“œλ°±μ„ 톡해 λ¬Έμ œμ μ„ μ°Ύμ•„ ν•΄κ²°ν•˜κ³  μ μ§„μ μœΌλ‘œ μ„±λŠ₯을 κ°œμ„ ν•œλ‹€.

μ£Όμš” κΈ°λŠ₯ μ†Œκ°œ

  λ‚΄ 사진 μžλž‘ν•˜κΈ°

  • μ’‹μ•„ν•˜λŠ” κ³ μ–‘μ΄μ˜ 사진을 올리고 글을 μž‘μ„±ν•  수 μžˆμ–΄μš”.

  • 길고양이라면 λ°œκ²¬ν•œ μœ„μΉ˜λ„ νƒœκ·Έν•΄μ£Όμ„Έμš”.

















  λ‚΄ μ£Όλ³€ 고양이 ν™•μΈν•˜κΈ°

  • λƒ₯지도λ₯Ό μ—΄μ–΄ λ‚΄ μ£Όλ³€μ˜ 고양이듀을 ν™•μΈν•΄λ³΄μ„Έμš”.

  • 고양이 발자ꡭ λͺ¨μ–‘ 마컀λ₯Ό ν΄λ¦­ν•˜λ©΄ 사진과 글을 λ³Ό 수 μžˆμ–΄μš”.

















  μ·¨ν–₯이 같은 μ‚¬μš©μžλΌλ©΄

  • λ‹€λ₯Έ μ‚¬μš©μžμ˜ ν”„λ‘œν•„μ„ λ°©λ¬Έν•΄λ³΄λŠ” 건 μ–΄λ–¨κΉŒμš”?

  • ν”Όλ“œ κ²Œμ‹œκΈ€μ΄ λ„ˆλ¬΄ λ§ˆμŒμ— λ“ λ‹€λ©΄ μ‚¬μš©μžλ₯Ό νŒ”λ‘œμš°ν•΄λ³΄μ„Έμš”.

  • μΆ”κ°€μ μœΌλ‘œ μ˜¬λΌμ˜€λŠ” κ²Œμ‹œκΈ€μ„ 확인할 수 μžˆμ–΄μš”.















  λ§ˆμŒμ— λ“œλŠ” 고양이λ₯Ό μ°Ύμ•˜λ‹€λ©΄

  • 사진이 λ§ˆμŒμ— λ“€μ—ˆλ‹€λ©΄ κ²Œμ‹œκΈ€μ— μ’‹μ•„μš”λ₯Ό λˆŒλŸ¬μ£Όμ„Έμš”.

  • λ˜λŠ” λŒ“κΈ€μ„ μž‘μ„±ν•˜μ—¬ 관심을 ν‘œν˜„ν•  수 μžˆμ–΄μš”.

















전체 κΈ°λŠ₯ List

곡톡

  • νšŒμ›κ°€μž…/둜그인

ν™ˆ

  • 전체 κ²Œμ‹œκΈ€ 확인
  • κ²Œμ‹œκΈ€ 등둝
    • κ²Œμ‹œκΈ€ μœ„μΉ˜ μ„€μ •
  • κ²Œμ‹œκΈ€ μ’‹μ•„μš”/λŒ“κΈ€

κ°œμΈνŽ˜μ΄μ§€

  • λ‹‰λ„€μž„κ³Ό ν”„λ‘œν•„ 사진 확인
  • μ—…λ‘œλ“œν•œ κ²Œμ‹œκΈ€ 확인
  • νŒ”λ‘œμš°/νŒ”λ‘œμ›Œ 리슀트 확인
  • 본인인 경우
    • 개인 정보 μˆ˜μ •
  • 타 μœ μ €μΈ 경우
    • νŒ”λ‘œμš°/νŒ”λ‘œμš° μ·¨μ†Œ
    • DM (μΆ”κ°€ 개발 μ˜ˆμ •)

λƒ₯지도

  • 지도 쀌 인/아웃, 이동
  • μœ„μΉ˜ 기반 κ²Œμ‹œκΈ€ 확인

DM (μΆ”κ°€ 개발 μ˜ˆμ •)

  • κΈ°μ‘΄ μ±„νŒ…λ°© 및 메세지 확인
  • 메세지 보내기

기술 μŠ€νƒ 및 μ•„ν‚€ν…μ²˜

technical_stack

architecture

νŒ€μ›

J106_μ‹ μš°μ„± J125_μœ μ§€ν›ˆ J169_μž„μ±„μœ€ J217_ν—ˆμ€€μ˜
wooseongshin yooji0415 dla0510 hjy0951
Web Backend Web Frontend Web Backend Web Frontend

더 μžμ„Έν•œ λ‚΄μš©μ΄ κΆκΈˆν•˜μ‹œλ‹€λ©΄!