- 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 ๋์
- ์ ์ ๊ฐ ์ง๋์ "๊ตฌ" ๋จ์์ ํน์ ๋ถ๋ถ(์กํ๊ตฌ, ๊ฐ๋จ๊ตฌ ...)์ ์ ๊ทผํ๋ฉด ๋งต ์ผํฐ์ ์๋์ ๊ฒฝ๋ ์ ๋ณด๋ฅผ ์ ์ฅํฉ๋๋ค.
- ์์ธ์ ๊ฒฝ๊ณ ์ขํ Polygon์ ์ด์ฉํด ํด๋นํ๋ ์ ๋ณด๋ฅผ ๋งค์นญํฉ๋๋ค.
- ์ ์ ๊ฐ ์ผํฐ๋ฅผ ๋ฐ๊ฟ ๋ ๋ง๋ค ํด๋นํ๋ ๊ตฌ์ ๋ฐ์ดํฐ์ ์ ๋ณด๋ง ๊ฐ์ ธ์์ ๋ฟ๋ ค์ค๋๋ค.