๐ ๋ด์ํ์์ฆ ๊ธฐ์ฌ ๊ฒ์ ์น ํ๋ก์ ํธ
๐ช ๊ฐ์
๋ฆฌ์กํธ๋ฅผ ์ด์ฉํ ๋ด์ํ์์ฆ ๊ธฐ์ฌ ๊ฒ์ ํ๋ก์ ํธ์
๋๋ค.
์์ ์ด ๋ณด๊ณ ์ ํ๋ ๋ด์ํ์์ฆ๊ธฐ์ฌ๋ฅผ ๊ฒ์ํ๋ ๊ฒ์ ๋ชฉ์ ์ผ๋ก ํ๊ณ ์์ต๋๋ค.
๐ ๋ฉ์ธ ๊ธฐ์
โ
์๊ตฌ์ฌํญ
ํ์ ์๊ตฌ์ฌํญ - Routing
- [ ] "/" url์์๋ ๊ธฐ์ฌ ๊ฒ์ ํ์ด์ง ๋๋ํ๋ค.
- [ ] "/clip" url์์ ๋ด๊ฐ clipํ ๊ธฐ์ฌ ํ์ด์ง ๋๋ํ๋ค.
- [ ] ๊ทธ ์ธ url์ "/"๋ก redirect ์งํํ๋ค.
ํ์ ์๊ตฌ์ฌํญ - input
- [ ] ๋ง์ง๋ง ํ์ดํ ์ดํ 0.5์ด ๋์ ์ถ๊ฐ ์
๋ ฅ์ด ์์ผ๋ฉฐ, input value๊ฐ ์๋ ๊ฒฝ์ฐ ๊ฒ์ api ํธ์ถํ๋ค.
- [ ] ์ต๋ 5๊ฐ๊น์ง search history ์ ์ฅํ๋ค. (๋ธ๋ผ์ฐ์ ์ข
๋ฃํด๋ ์ง์)
- [ ] search history๊ฐ ์กด์ฌํ๊ณ input์ focus ์ค์ด๋ฉด search history ๋
ธ์ถํ๋ค.
ํ์ ์๊ตฌ์ฌํญ - news list
- [ ] "/"์ "/clip"์ ๊ธฐ์ฌ ๋ฆฌ์คํธ๋ฅผ ๋ ๋ํ๋ค.
- [ ] ๊ธฐ์ฌ ๋ฆฌ์คํธ๋ ๋ค์ ๋ด์ฉ์ ํฌํจํ๋ ๊ธฐ์ฌ ์นด๋๋ฅผ ๋ ๋ํ๋ค. (ํ์ดํ / ๋ ์ง / clipํ๊ธฐ ๋ฒํผ / ์์ธํ ๋ณด๊ธฐ ๋ฒํผ)
- [ ] infinite scroll (์คํฌ๋กค์ด ๋ง์ง๋ง์ ๋ฟ์์ ๋ ๋ค์ ํ์ด์ง ์์ฒญ)
- [ ] ์ฒซ ํ์ด์ง๊ฐ ํ๋ฉด์ ๋์ด๋ฅผ ๋ชจ๋ ์ฑ์ฐ์ง ๋ชปํ ๊ฒฝ์ฐ์๋ ํ์ด์ง ์์ฒญ
ํ์ ์๊ตฌ์ฌํญ - clip
- [ ] ๊ธฐ์ฌ ์นด๋์ clip๋ฒํผ์ ํด๋ฆญํ์ฌ ํด๋น ๊ธฐ์ฌ๋ฅผ ์ฆ๊ฒจ์ฐพ๊ธฐํ๋ค.
- [ ] clip๋ ๊ธฐ์ฌ๋ค์ "/clip"์์ ํ์ธํ ์ ์๋ค.
- [ ] clip๋ ๊ธฐ์ฌ๋ค์ ๋ธ๋ผ์ฐ์ ๋ฅผ ์ฌ์์ํ์ฌ๋ ์ ์ง๋๋ค.
- [ ] ๊ธฐ์ฌ๋ฅผ unclip ํ๋ฉด ๋๋ "/clip"์์ ํ์ธํ ์ ์๋ค.
๊ธฐํ ์๊ตฌ์ฌํญ
- [ ] create-react-app ์ฌ์ฉ
- [ ] react-router-dom ์ฌ์ฉ
- [ ] redux ์ฌ์ฉ
- [ ] ์คํ์ผ๋ง ๋ฐ ๋ฐฉ์์ ์์ (css, styled-components ๋ฑ)
- [ ] nyt api token์ ๋ณธ์ธ์ด ๊ฐ์
ํ์ฌ ๋ฐ๊ธํ๊ธฐ
๐คผโโ๏ธ ํ ๊ตฌ์ฑ
๐คผโโ๏ธ ์กฐ์ ํ๋ง๋
-
์ ํธ์ค ๋ฏธ๋ํ๋ก์ ํธ ํ์ดํ
!
-
์ด๋ณด๋ฃก ๋ชจ๋ ์ฆ๊ฑฐ์ด ํ๋ก์ ํธ ๋์
จ์ผ๋ฉด ์ข๊ฒ ์ต๋๋ค! ํ์ดํ
~!
-
์คํ์ ์ด๋ ค์ฃผ์ธ์ฌ ใ
ใ
ใ
ใ
ใ
-
๊น๋ฏผ์ง ์ ๋ฐ ์ด๋ ค์ฃผ์ธ์ฌ ใ
ใ
ใ
ใ
ใ
ํ์ดํ
~!
-
๋ฐ์์ ์ฃฝ์ฌ์ค...