[Project] WeatherDream

gyu716625Β·2020λ…„ 7μ›” 4일
0

Project

λͺ©λ‘ 보기
1/2

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

WeatherDream ν”„λ‘œμ νŠΈλŠ” μ‚¬μš©μžκ°€ μžμ‹ μ΄ μ›ν•˜λŠ” μ§€μ—­μ˜ 날씨λ₯Ό 확인할 수 있고, 였늘 날씨와 그에 λ”°λ₯Έ κΈ°λΆ„μ΄λ‚˜ μ–΄λ–€ μ˜·μ„ μž…μœΌλ©΄ 쒋을지 자유둭게 λ‹€λ₯Έ μœ μ €λ“€κ³Ό μ±„νŒ…μ„ 톡해 μ˜κ²¬μ„ λ‚˜λˆŒ 수 μžˆλŠ” 웹앱을 κ΅¬ν˜„ν•˜λŠ” ν”„λ‘œμ νŠΈ μž…λ‹ˆλ‹€!

ν”„λ‘œμ νŠΈ githubμ£Όμ†Œ

세뢀적인 λ‚΄μš©

  • νšŒμ›κ°€μž…, 둜그인 κΈ°λŠ₯을 κ΅¬ν˜„ν•©λ‹ˆλ‹€.
  • 지도 api와, 날씨 apiλ₯Ό μ‚¬μš©ν•©λ‹ˆλ‹€.
  • μš°μ‚°μ„ ꡬ맀할 수 μžˆλŠ” 맀μž₯의 μœ„μΉ˜λ₯Ό λ³΄μ—¬μ€λ‹ˆλ‹€.
  • λ‚ μ§œ λ³„λ‘œ μ±„νŒ…μ„ κ΅¬ν˜„ν•©λ‹ˆλ‹€.(soket io)
  • 각 μ±„νŒ…μ€ μ’‹μ•„μš”μ™€ μ‹«μ–΄μš” κΈ°λŠ₯을 μ§€μ›ν•©λ‹ˆλ‹€.
  • μ‚¬μš©μžλŠ” μžμ‹ μ΄ μ“΄ μ±„νŒ…μ„ μ €μž₯ν•  수 있고, 이 λ‚΄μš©μ€ mypageμ—μ„œ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.

ν”„λ‘œμ νŠΈ μ—­ν• 

ν”„λ‘œμ νŠΈλ₯Ό μ§„ν–‰ν•œ 인원은 총 5λͺ…이며, Back-end 파트λ₯Ό λ§‘μ•˜μŠ΅λ‹ˆλ‹€.

Component Flow

μ›Ήμ‚¬μ΄νŠΈμ— λ“€μ–΄κ°€λ©΄ λ¨Όμ € signup을 톡해 νšŒμ›κ°€μž…μ„ μ§„ν–‰ν•œ ν›„ λ‘œκ·ΈμΈμ„ μ§„ν–‰ν•©λ‹ˆλ‹€. sideMenu둜 Mypage, map에 접근이 κ°€λŠ₯ν•©λ‹ˆλ‹€.

Mypageμ—λŠ” λ‚΄ ν”„λ‘œν•„μ„ 확인할 수 있고, λ”°λ‘œ μ €μž₯ν•œ λŒ“κΈ€μ„ λͺ¨μ•„μ„œ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.
map의 mainμ—μ„œλŠ” 날씨λ₯Ό 확인할 수 μžˆλŠ” weather μ»΄ν¬λ„ŒνŠΈμ™€ μ‚¬λžŒλ“€μ΄ 슀λͺ°ν† ν¬λ₯Ό λ‚˜λˆŒ 수 μžˆλŠ” chat μ»΄ν¬λ„ŒνŠΈ, 또 μš°μ‚°μ„ μ‚΄ 수 μžˆλŠ” 편의점의 μœ„μΉ˜λ₯Ό λ‚˜νƒ€λ‚΄λŠ” martlocation μ»΄ν¬λ„ŒνŠΈλ‘œ 이루어져 μžˆμŠ΅λ‹ˆλ‹€.

UI

μŠ€ν‚€λ§ˆ 섀계

API λ¬Έμ„œ

https://app.gitbook.com/@firstproject-1/s/first-project/

πŸ˜₯ μ•„μ‰¬μ› λ˜ 점


ν”„λ‘œμ νŠΈκ°€ κΌ¬μ˜€μŠ΅λ‹ˆλ‹€...

ν”„λ‘œμ νŠΈμ˜ λ‹¨μœ„κ°€ 2μ£Όμ—¬μ„œ μ‹€μ§ˆμ μœΌλ‘œ κ°œλ°œμ„ ν•  수 μžˆλŠ” 기간이 10일 λ‚¨μ§“μ΄μ—ˆμŠ΅λ‹ˆλ‹€. μ‹œκ°„μ— μ«’κΈ°κ³  ν΄λΌμ΄μ–ΈνŠΈμ™€ λ°±μ—”λ“œκ°„ 또 νŒ€μ›λ“€κ°„μ— μ„œλ‘œ μ–΄λ–€ 일을 ν•˜κ³  μžˆλŠ”μ§€ λ‚΄μš©κ³΅μœ κ°€ 잘 μ•ˆλ˜μ–΄μ„œ κ·ΈλŸ°μ§€ μ’…κ΅­μ—λŠ” ν”„λ‘œμ νŠΈλ₯Ό λλ§ˆμΉ˜μ§€ λͺ»ν–ˆλ‹€λŠ” 아쉬움이 크게 λ‚¨λŠ” ν”„λ‘œμ νŠΈ μ˜€μŠ΅λ‹ˆλ‹€. ~~사싀 λλ§ˆμΉ˜μ§€ λͺ»ν•΄λ‹€κΈ° 보단 ν•˜λ‚˜μ˜ 일방적인 μ§„ν–‰μœΌλ‘œ ν”„λ‘­μŠ€ 닀꼬이고 λ³΅κ΅¬ν•œλ‹€κ³  컀밋꼬이고 κ·Έλž¬μ§€λ§Œ...~~

κ·Έλž˜λ„ 이번 ν”„λ‘œμ νŠΈλ₯Ό 톡해 처음으둜 git을 ν™œμš©ν•˜μ—¬ 진행을 ν•  수 μžˆμ–΄μ„œ μ’‹μ•˜μŠ΅λ‹ˆλ‹€. git을 톡해 μ§„ν–‰ν•˜λ‹ˆ λ‹€λ₯Έ νŒ€μ›λ“€μ΄ μž‘μ„±ν•΄λ†“μ€ μ½”λ“œλ₯Ό pull둜 λ‹Ήκ²¨μ™€μ„œ μ‹€ν–‰μ‹œμΌœλ³΄κ³ (신세계...) 이런게 ν˜‘μ—…μ˜ μž₯μ μ΄λΌλŠ” 것을 λ°”λ‘œ λŠλ‚„ 수 μžˆμ—ˆμŠ΅λ‹ˆλ‹€. 또 ν”„λ‘œμ νŠΈλ₯Ό 듀어감에 μžˆμ–΄ ν•  수 μžˆλŠ” 것과 μ—†λŠ” κ²ƒμ˜ κ³„νšμ„ 잘 μ§œλŠ” 것이 μ€‘μš”ν•˜λ‹€λŠ” 것을 κΉ¨λ‹¬μ•˜μŠ΅λ‹ˆλ‹€.

그리고 μ—­μ‹œ 쒋은 κ°œλ°œμžλΌλŠ” λ‚˜λ§Œμ˜ μ •μ˜λ₯Ό λ°”κΏ€ 수 μžˆμ—ˆλŠ”λ°, κ°œλ°œμ— μžˆμ–΄ μ†Œν†΅μ΄λΌλŠ” 것이 μ–Όλ§ˆλ‚˜ μ€‘μš”ν•œ 것인지 λͺΈμ†Œ λŠλΌλ‹€λ³΄λ‹ˆ(🀨) 쒋은 κ°œλ°œμžλŠ” μž˜ν•˜λŠ” κ°œλ°œμžλ³΄λ‹¨ μ†Œν†΅ν•˜κ³  μ„€λͺ…ν•˜λŠ” κ°œλ°œμžκ°€ 쒋은 κ°œλ°œμžλΌλŠ” 것을 λŠλ‚„ 수 μžˆμ—ˆμŠ΅λ‹ˆλ‹€...

profile
μ•ˆμ •μ„±, ν™•μž₯μ„± μžˆλŠ” μ„œλ²„λ₯Ό κ΅¬μΆ•ν•˜κ³  κ°€κΎΈλŠ” 것을 λͺ©ν‘œλ‘œ κ³΅λΆ€ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. πŸ€”πŸ€”πŸ€”πŸ€” λΆ€μ‘±ν•˜κΈ°μ— λ§žμ§€ μ•ŠλŠ” λ‚΄μš©μ΄ μžˆμ„ 수 μžˆμŠ΅λ‹ˆλ‹€. 과감없이 ν”Όλ“œλ°± ν•΄μ£Όμ‹œλ©΄ 정말 κ°μ‚¬ν•˜κ² μŠ΅λ‹ˆλ‹€..πŸ™

0개의 λŒ“κΈ€