Skip to content

with nayoung๐Ÿฅน && sinbeom๐Ÿ˜Ž && eunseok๐Ÿคข

Notifications You must be signed in to change notification settings

living-in-seoul/frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

seoulvival

Seoulvival

FE: ์ตœ์€์„, ๊ฐ•์‹ ๋ฒ”, ๊น€๋‚˜์˜

BE: ์ด์ฑ„์›, ๊น€์ •๋นˆ


๐Ÿ›๏ธTable Of Contents



๐Ÿ“… ํ”„๋กœ์ ํŠธ ๊ธฐ๊ฐ„

  • 2023๋…„ 7์›” 28์ผ ~ 9์›” 7์ผ


๊ธฐ์ˆ  ์Šคํƒ



๐Ÿ’ป ์ฃผ์š” ๊ธฐ๋Šฅ ๋ฐ ๋ฉค๋ฒ„ ์—ญํ• 

์—ญํ• :

  • ๊ณตํ†ต๋ถ€๋ถ„
    • SWRconfigProvider, SSEProvider, RecoilProvider, ToastProvider ์„ค๊ณ„
    • BottomSheet ์ œ์ž‘
    • Token ์ธ์ฆ method ์ œ์ž‘
    • Metadata ์ž‘์„ฑ (SEO ์ตœ์ ํ™”)
  • ํ™ˆํŽ˜์ด์ง€
    • ํŽ˜์ด์ง€UI
    • ๋ฐ˜์‘ํ˜• ๊ธฐ์ƒ๋‚ ์”จ ์กฐํšŒ ๊ตฌํ˜„
    • ์บ๋Ÿฌ์…€, ๋ชจ๋“ˆํ™” ๋œ postItem
    • ๋งต์„ ์ด์šฉํ•œ ๊ฐ€์‹œ์  ์œ„์น˜์ •๋ณด ์ œ๊ณต ๊ธฐ๋Šฅ
    • ์ธ๊ตฌ๋ฐ€์ง‘ํ˜„ํ™ฉ ๋ชจ๋‹ฌ ๋ฐ ๊ธฐ๋Šฅ ๊ตฌํ˜„
  • ์ปค๋ฎค๋‹ˆํ‹ฐ ํŽ˜์ด์ง€
    • ์ปค๋ฎค๋‹ˆํ‹ฐ ํŽ˜์ด์ง€ UI
    • infinity scroll ๊ธฐ๋Šฅ์„ ํ†ตํ•œ ๊ฒŒ์‹œ๋ฌผ ์กฐํšŒ
  • ์•Œ๋ฆผ ๊ธฐ๋Šฅ
    • ์•Œ๋ฆผ UI
    • SSE๋ฅผ ํ†ตํ•œ ์•Œ๋ฆผ๊ธฐ๋Šฅ ๊ตฌํ˜„

์—ญํ• :

  • ๊ณตํ†ต๋ถ€๋ถ„
    • response Type ์ง€์ •
  • ๋กœ๊ทธ์ธ
    • ์ผ๋ฐ˜ ํšŒ์›๊ฐ€์ž…, ๋กœ๊ทธ์ธ ๋ฐ ์†Œ์…œ๋กœ๊ทธ์ธ(์นด์นด์˜ค, ๋„ค์ด๋ฒ„ ๊ตฌ๊ธ€) ๊ตฌํ˜„
    • JWT(Access Token, Refresh Token)๋ฅผ ํ†ตํ•œ ์‚ฌ์šฉ์ž ๊ด€๋ฆฌ
    • react-hook-form ์„ ์‚ฌ์šฉํ•œ ์ž…๋ ฅ์ฐฝ ๊ตฌํ˜„
  • ๋””ํ…Œ์ผ ํŽ˜์ด์ง€
    • ๊ฒŒ์‹œ๊ธ€ UI
    • ๋Œ“๊ธ€, ๋Œ€๋Œ“๊ธ€ ๋ฐ˜์‘ํ˜• ๊ตฌํ˜„
    • ๋Œ“๊ธ€ CRUD ๊ธฐ๋Šฅ๊ตฌํ˜„
    • MetaData ์ž‘์„ฑ (๋ฐ˜์‘ํ˜•)
  • ๋งˆ์ดํŽ˜์ด์ง€
    • ์œ ์ € ์ •๋ณด ์กฐํšŒ, ๊ฐ€์ž… ์ถ”๊ฐ€์‚ฌํ•ญ ๋“ฑ๋ก, ๋‹‰๋„ค์ž„ ๋ณ€๊ฒฝ ๋ฐ ์œ ์ € ์ด๋ฏธ์ง€ ๋ณ€๊ฒฝ, ํšŒ์› ํƒˆํ‡ด ๋ฐ ๋กœ๊ทธ์•„์›ƒ ๊ธฐ๋Šฅ
  • middleware๋ฅผ ์‚ฌ์šฉํ•œ route๊ด€๋ฆฌ
  • Vercel ๋ฐฐํฌ ๋ฐ ๊ด€๋ฆฌ

์—ญํ• :

  • ๊ณตํ†ต๋ถ€๋ถ„

    • hooks ๊ด€๋ฆฌ
    • request Type ์ง€์ •
    • modalPortal ๋ชจ๋“ˆํ™” ๋ฐ ๊ธฐ๋Šฅ ๊ตฌํ˜„
  • ๋งต

    • ๊ฒŒ์‹œ๋ฌผ ์ •๋ณด ๊ธฐ๋ฐ˜ marker ์ƒ์„ฑ
    • ์œ ์ €์˜ ํ˜„์žฌ์œ„์น˜ ์ด๋™ ๊ธฐ๋Šฅ
    • filter๋ฅผ ํ†ตํ•œ ๊ฒŒ์‹œ๋ฌผ ์กฐํšŒ
    • ์ด๋™ ์‹œ ์ง€์—ญ polygon ๊ธฐ๋ฐ˜ ํ˜„์žฌ ๋งต ์œ„์น˜ ์‹œ๊ฐํ™”
  • ๊ฒŒ์‹œ๊ธ€ ์ž‘์„ฑ ํŽ˜์ด์ง€

    • ์œ„์น˜ ๊ธฐ๋ฐ˜ ๋ฐ ์ด๋ฏธ์ง€ ์ฒจ๋ถ€ ๊ฒŒ์‹œ๊ธ€ ์ž‘์„ฑ ๊ธฐ๋Šฅ
    • ๋งต ๊ธฐ๋ฐ˜ ์œ„์น˜ ์กฐํšŒ ๋ฐ ์ €์žฅ ๊ธฐ๋Šฅ
    • ๊ฒŒ์‹œ๊ธ€ ์ž‘์„ฑ ํŽ˜์ด์ง€ UI
  • ํ™ˆํŽ˜์ด์ง€

    • ์„œ์šธ์‹œ ์ •์ฑ…์ •๋ณด Open API ํ™œ์šฉ ๊ธฐ๋Šฅ ๊ตฌํ˜„
    • ์•ฑ Navigation Bar ์ œ์ž‘
  • ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ

    • ๊ฒ€์ƒ‰๊ธฐ๋Šฅ UI
    • ์œ„์น˜ ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ ๊ตฌํ˜„

์•„ํ‚คํ…์ณ



์ฃผ์š” ํŠธ๋Ÿฌ๋ธ” ์ŠˆํŒ…

Lazy Loading

  1. ๋ฌธ์ œ ์ƒํ™ฉ : ์„œ์šธ์‹œ ์ „์ฒด์˜ ๋ฐ์ดํ„ฐ๋ฅผ ํ•œ๋ฒˆ์— ๊ฐ€์ ธ์˜ด -> ์œ ์ €์—๊ฒŒ ์ตœ์‹ ์˜ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ค์–‘ํ•˜๊ฒŒ ๋ณด์—ฌ์ฃผ๊ธฐ ์–ด๋ ค์šธ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ํด๋ผ์ด์–ธํŠธ ์„œ๋ฒ„ ๊ณผ๋ถ€ํ•˜ ์šฐ๋ ค

  2. ํ•ด๊ฒฐ : Lazy Loading ๋„์ž…

    1. ์œ ์ €๊ฐ€ ์ง€๋„์˜ "๊ตฌ" ๋‹จ์œ„์˜ ํŠน์ • ๋ถ€๋ถ„(์†กํŒŒ๊ตฌ, ๊ฐ•๋‚จ๊ตฌ ...)์— ์ ‘๊ทผํ•˜๋ฉด ๋งต ์„ผํ„ฐ์˜ ์œ„๋„์™€ ๊ฒฝ๋„ ์ •๋ณด๋ฅผ ์ €์žฅํ•ฉ๋‹ˆ๋‹ค.
    2. ์„œ์šธ์‹œ ๊ฒฝ๊ณ„ ์ขŒํ‘œ Polygon์„ ์ด์šฉํ•ด ํ•ด๋‹นํ•˜๋Š” ์ •๋ณด๋ฅผ ๋งค์นญํ•ฉ๋‹ˆ๋‹ค.
    3. ์œ ์ €๊ฐ€ ์„ผํ„ฐ๋ฅผ ๋ฐ”๊ฟ€ ๋•Œ ๋งˆ๋‹ค ํ•ด๋‹นํ•˜๋Š” ๊ตฌ์˜ ๋ฐ์ดํ„ฐ์˜ ์ •๋ณด๋งŒ ๊ฐ€์ ธ์™€์„œ ๋ฟŒ๋ ค์ค๋‹ˆ๋‹ค.

About

with nayoung๐Ÿฅน && sinbeom๐Ÿ˜Ž && eunseok๐Ÿคข

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •  

Languages