2023-car-ffeine icon indicating copy to clipboard operation
2023-car-ffeine copied to clipboard

πŸš— μ‹€μ‹œκ°„ μ „κΈ°μžλ™μ°¨ μΆ©μ „μ†Œ 지도 및 μ‚¬μš© 톡계 쑰회 μ„œλΉ„μŠ€βš‘οΈ

title

2023 μš°μ•„ν•œν…Œν¬μ½”μŠ€ 5κΈ° 카페인 νŒ€

카페인 λ°”λ‘œκ°€κΈ°

μ‹€μ‹œκ°„ μ „κΈ°μžλ™μ°¨ μΆ©μ „μ†Œ 지도 및 μ‚¬μš© 톡계 쑰회 μ„œλΉ„μŠ€

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

카페인 μ„œλΉ„μŠ€λŠ” μ „κ΅­ 24만개의 μΆ©μ „κΈ° 정보λ₯Ό μ‹€μ‹œκ°„μœΌλ‘œ μ œκ³΅ν•˜κ³ , 각 μΆ©μ „μ†Œμ˜ ν˜Όμž‘λ„ 정보λ₯Ό μ œκ³΅ν•¨μœΌλ‘œμ¨ μ „κΈ°μ°¨ μ‚¬μš©μžλ“€μ˜ 자발적인 λΆ„μ‚° μ΄μš©μ„ μœ λ„ν•˜λŠ” μ„œλΉ„μŠ€ μž…λ‹ˆλ‹€.


μ„€μΉ˜ν•  ν•„μš”κ°€ μ—†μŠ΅λ‹ˆλ‹€.

이 μ„œλΉ„μŠ€λŠ” μ›Ή λΈŒλΌμš°μ €λ§Œ μžˆλ‹€λ©΄ μ„€μΉ˜ν•˜μ§€ μ•Šμ•„λ„ ꡬ동할 수 μžˆμŠ΅λ‹ˆλ‹€. PC와 λͺ¨λ°”일 λͺ¨λ‘ λŒ€μ‘ν•˜λ©°, μ•± ν™˜κ²½μ—μ„œ μ‚¬μš©μ„ μ›ν•˜μ‹œλŠ” 경우 λΈŒλΌμš°μ €μ—μ„œ ν™ˆ 화면에 λ°”λ‘œκ°€κΈ° μΆ”κ°€λ₯Ό 눌러 μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.


기쑴의 μ›Ή μ„œλΉ„μŠ€λ₯Ό λŒ€μ²΄ν•©λ‹ˆλ‹€.

기쑴에 μΆœμ‹œλœ μ „κΈ°μžλ™μ°¨ μΆ©μ „μ†Œ 쑰회 μ›Ή μ„œλΉ„μŠ€λ“€μ€ ꡉμž₯히 느리고 λΆˆνŽΈν•©λ‹ˆλ‹€. μΉ΄νŽ˜μΈμ—μ„œλŠ” μ‚¬μš©μž κ²½ν—˜μ„ λ„€μ΄ν‹°λΈŒ μ•± ν™˜κ²½λ§ŒνΌ 크게 κ°œμ„ ν•˜μ˜€μŠ΅λ‹ˆλ‹€. μ „κ΅­ μΆ©μ „μ†Œλ₯Ό 검색할 수 μžˆλŠ” 것은 물둠이고, μ›ν•˜μ‹œλŠ” 지역을 κ²€μƒ‰ν•˜μ—¬ λ°”λ‘œ 이동할 μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.


μΆ©μ „μ†Œ μ‚¬μš©λŸ‰μ„ ν†΅κ³„λ‘œ μ œκ³΅ν•©λ‹ˆλ‹€.

μΆ©μ „μ†Œμ˜ μƒμ„Έν•œ 정보λ₯Ό μ œκ³΅ν•˜λŠ” 것은 물둠이고, μ§€μ†μ μœΌλ‘œ μˆ˜μ§‘ν•œ μΆ©μ „κΈ° μ‚¬μš©λŸ‰μ„ ν†΅κ³„λ‘œ μ œκ³΅ν•©λ‹ˆλ‹€. μΆ©μ „μ†Œκ°€ μ–Όλ§ˆλ‚˜ μΈκΈ°μžˆλŠ” μΆ©μ „μ†ŒμΈμ§€ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.


μΆ©μ „μ†Œ 평가 및 κ³ μž₯ μ‹ κ³ 

정보가 잘λͺ»λœ μΆ©μ „μ†ŒλŠ” μš΄μ „μžλ₯Ό λ‹Ήν™©ν•˜κ²Œ ν•©λ‹ˆλ‹€. ν‰μ†Œμ— 관리가 잘 되고 μžˆλŠ” μΆ©μ „μ†ŒμΈμ§€ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.


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

μΆ©μ „μ†Œ 쑰회

main

cf-zoom

cf-move

station_marker_big station_marker
cluster_region cluster_city

μ „κ΅­ μΆ©μ „μ†Œ 검색 및 필터링

search filter_server

μΆ©μ „μ†Œ 정보 쑰회

station_info station_details
station_chargers statistics
reports reviews

지원 ν”Œλž«νΌ

PC Mobile
PC Mobile

ν”„λ‘œμ νŠΈ ꡬ쑰

  • CI/CD
    • GitHub Actions
    • Docker
    • (μž‘μ„± μ˜ˆμ •)
  • 기술
    • Frontend
      • React + Typescript
      • Tanstack Query
      • Google Maps API
      • webpack
      • styled-components
      • Storybook
      • Jest
      • React Testing Library
      • Eslint / Prettier
      • GitHub Actions
      • AWS S3 (μ˜ˆμ •)
      • AWS CloudFront (μ˜ˆμ •)
    • Backend
      • (μž‘μ„± μ˜ˆμ •)

νŒ€μ› μ†Œκ°œ

Frontend

κ°€λΈŒλ¦¬μ—˜(μœ€μ£Όν˜„) ν”„λ‘œν•„ μ„ΌνŠΈ(κΉ€μ˜μš°) ν”„λ‘œν•„ μ•Όλ―Έ(이닀인) ν”„λ‘œν•„
κ°€λΈŒλ¦¬μ—˜(μœ€μ£Όν˜„) μ„ΌνŠΈ(κΉ€μ˜μš°) μ•Όλ―Έ(이닀인)

Backend

λˆ„λˆ„(μ†‘μ€μš°) ν”„λ‘œν•„ λ°•μŠ€ν„°(ν•œμš°μ„) ν”„λ‘œν•„ 제이(이재윀) ν”„λ‘œν•„ 킀아라(김도희) ν”„λ‘œν•„
λˆ„λˆ„(μ†‘μ€μš°) λ°•μŠ€ν„°(ν•œμš°μ„) 제이(이재윀) 킀아라(김도희)

μ‚¬μš©μž 유치

ν™•μΈν•˜κΈ°

더보기