Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/woowacourse-teams/2023-car-ffeine

πŸš— μ‹€μ‹œκ°„ μ „κΈ°μžλ™μ°¨ μΆ©μ „μ†Œ 지도 및 μ‚¬μš© 톡계 쑰회 μ„œλΉ„μŠ€βš‘οΈ
https://github.com/woowacourse-teams/2023-car-ffeine

google google-maps-api react spring spring-boot tesla-ev typescript

Last synced: about 6 hours ago
JSON representation

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

Awesome Lists containing this project

README 

        
![title](docs/home/title.png)



# 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



  

    

      

        λˆ„λˆ„(μ†‘μ€μš°) ν”„λ‘œν•„

      

    

    

      

        λ°•μŠ€ν„°(ν•œμš°μ„) ν”„λ‘œν•„

      

    

    

      

        제이(이재윀) ν”„λ‘œν•„

      

    

    

      

        킀아라(김도희) ν”„λ‘œν•„

      

    

  

  

    

      

        λˆ„λˆ„(μ†‘μ€μš°)

      

    

    

      

        λ°•μŠ€ν„°(ν•œμš°μ„)

      

    

    

      

        제이(이재윀)

      

    

    

      

        킀아라(김도희)

      

    

  



## μ‚¬μš©μž 유치



[ν™•μΈν•˜κΈ°](./docs/ga4/ga4.md)



## 더보기



- [μΉ΄νŽ˜μΈνŒ€ λΈ”λ‘œκ·Έ](https://car-ffeine.github.io/archive)