์ถ์ต์ ๋กค๋ง ํ์ดํผ๋ฅผ ์น ์์์ ์ฆ๊ฒจ๋ณด์ธ์!
์ฝ๋์ ์คํ๋ฆฐํธ-ํ๋ก ํธ์๋ 1๊ธฐ PART2 - 7ํ
๊ฐ๋ฐ๊ธฐ๊ฐ: 2023. 11. 05 ~ 2023. 11. 17
๋ฐฐํฌ URL : https://ndhh.netlify.app/
- Rolling์ ๋๊ตฌ๋ ์ฝ๊ฒ ๋กค๋ง ํ์ดํผ๋ฅผ ๋ง๋ค๊ณ , ์์ฑํ ์ ์๋ ์น ํ๋ซํผ์ ๋๋ค.
- [ ๋กค๋ง ํ์ดํผ ๋ง๋ค๊ธฐ ] ๋ฒํผ์ ๋๋ฌ ๋กค๋ง ํ์ดํผ๋ฅผ ์ง์ ๋ง๋ค ์ ์์ต๋๋ค.
- ๋กค๋ง ํ์ดํผ์ ๋ฉ์ธ์ง๋ฅผ ์ง์ ์์ฑํ๊ฑฐ๋ ์ญ์ ํ ์ ์์ต๋๋ค.
[FE] ๊น๋์ |
[FE] ๊น๋ค์ |
[FE] ๊นํ๋ |
[FE] ์ํฌ์ |
โ ๊ฐ๋ฐ ํ๊ฒฝ
โ ํ์
โ Front-End
์์ธํ ์ญํ ๋ถ๋ด์ /docs ํ์ผ์ README๋ฅผ ํ์ธํด์ฃผ์ธ์!
- UI
- ๊ณตํต ์ปดํฌ๋ํธ : ๋ฒํผ, Text Field
- ํ์ด์ง : ๋กค๋งํ์ดํผ ๋ง๋ค๊ธฐ ํ์ด์ง, 404 ํ์ด์ง
- ๊ธฐ๋ฅ
- ๋กค๋งํ์ดํผ ๊ฒ์, ๋กค๋งํ์ดํผ ์บ๋ฌ์ ๋๋ธ ํด๋ฆญ ๊ธฐ๋ฅ, ์ค์ผ๋ ํค ๊ธฐ๋ฅ
- UI
- ๊ณตํต ์ปดํฌ๋ํธ : ํค๋
- ํ์ด์ง : ํํ์ด์ง, ๋กค๋งํ์ดํผ ๋ฆฌ์คํธ ํ์ด์ง
- ๊ธฐ๋ฅ
- ๋กค๋งํ์ดํผ ์นด์นด์คํก ๋ฐ URL ๊ณต์ , ๋กค๋งํ์ดํผ ๋ฆฌ์คํธ ๋ถ๋ฌ์ค๊ธฐ, ๋กค๋งํ์ดํผ์ ์ด๋ชจ์ง ์ถ๊ฐ ๊ธฐ๋ฅ
- UI
- ๊ณตํต ์ปดํฌ๋ํธ : ์นด๋ ๋ณธ๋ฌธ ๋ชจ๋ฌ, ์ด๋ชจํฐ์ฝ ๋ฑ์ง, ํ ์คํธ, ์ต์
- ํ์ด์ง : ๋ฉ์ธ์ง ์นด๋ ์์ฑ ํ์ด์ง
- ๊ธฐ๋ฅ
- ๋กค๋งํ์ดํผ ๋ฑ๋ก, ๋ฉ์ธ์ง ์นด๋ ๋ฑ๋ก, ์๋ํฐ ๊ด๋ จ ๊ธฐ๋ฅ, ๋ค๋ก๊ฐ๊ธฐ ๋ฒํผ, ํค๋ณด๋ ์ ๊ทผ์ฑ ๊ด๋ จ ๊ธฐ๋ฅ
- UI
- ๊ณตํต ์ปดํฌ๋ํธ : ๋ฉ์ธ์ง ์นด๋, ๋กค๋งํ์ดํผ ์นด๋, ๋น๋ฐ๋ฒํธ ๋ฐ ์ญ์ ํ์ธ ๋ชจ๋ฌ
- ํ์ด์ง : ๋กค๋งํ์ดํผ ํ์ด์ง, ๋กค๋งํ์ดํผ ์์ ํ์ด์ง
- ๊ธฐ๋ฅ
- ๋ฉ์ธ์ง ์นด๋ ๋ถ๋ฌ์ค๊ธฐ, ๋ฉ์ธ์ง ์นด๋ ์ญ์ ํ๊ธฐ, ์์ ํ์ด์ง ์ ๊ทผ ์ ํ ์ค์
- [ ๊ตฌ๊ฒฝํด๋ณด๊ธฐ ] ๋ฒํผ์ ๋๋ฌ ๋กค๋งํ์ดํผ ๋ฆฌ์คํธ ํ์ด์ง๋ก ์ด๋ํ ์ ์์ต๋๋ค.
- [ ๋กค๋ง ํ์ดํผ ๋ง๋ค๊ธฐ ] ๋ฒํผ์ ๋๋ฌ ๋กค๋งํ์ดํผ ๋ง๋ค๊ธฐ ํ์ด์ง๋ก ์ด๋ํ ์ ์์ต๋๋ค.
- ํ์ฌ ๋ง๋ค์ด์ง ๋กค๋งํ์ดํผ๋ค์ ์ธ๊ธฐ์, ์ต์ ์์ผ๋ก ๊ตฌ๊ฒฝํ ์ ์์ต๋๋ค.
- PC๋ฒ์ ์ ๊ฒฝ์ฐ, ์บ๋ฌ์ ์ ์ด์ฉํด ๋กค๋งํ์ดํผ ๋ชฉ๋ก์ ๊ตฌ๊ฒฝํ ์ ์์ต๋๋ค.
- ์บ๋ฌ์ ์ ํ์ดํ๋ฅผ ํ ๋ฒ ํด๋ฆญํ๋ฉด ์นด๋๋ฅผ ํ๋์ฉ ๋๊ธธ ์ ์๊ณ , ๋๋ธ ํด๋ฆญํ๋ฉด ์นด๋์ ๋งจ ์ ๋๋ ๋งจ ๋์ผ๋ก ์ด๋ํ ์ ์์ต๋๋ค.
- ๊ฒ์ ๊ธฐ๋ฅ์ ํตํด ์ํ๋ ๋กค๋งํ์ดํผ๋ฅผ ์ง์ ์ฐพ์๋ณผ ์ ์์ต๋๋ค.
- ๋กค๋งํ์ดํผ ์นด๋๋ฅผ ๋๋ฅด๋ฉด ํด๋น ๋กค๋งํ์ดํผ ํ์ด์ง๋ก ์ด๋ํ ์ ์์ต๋๋ค.
- ๋ฐ๋ ์ฌ๋์ ์ด๋ฆ์ ์ ๋ ฅํฉ๋๋ค.
- ๋กค๋ง ํ์ดํผ์ ํ์ง๋ฅผ ์ ํํฉ๋๋ค. ํ์ง๋ ๊ธฐ๋ณธ ์ต์ ์ผ๋ก ์ฃผ์ด์ง ์๊น ๋๋ ์ด๋ฏธ์ง๋ฅผ ์ ํํ ์ ์์ต๋๋ค.
- ์ด๋ฏธ์ง๋ฅผ ์ ํํ๋ฉด ์ง์ ์ํ๋ ์ด๋ฏธ์ง๋ฅผ URL ๋๋ ํ์ผ๋ก ์ฒจ๋ถํ ์ ์์ต๋๋ค.
- ์ดํ ๋กค๋งํ์ดํผ ์์ ์ ํ์ํ ๋น๋ฐ๋ฒํธ๋ฅผ ์ ๋ ฅํฉ๋๋ค.
- [ ๋ณด๋ด๊ธฐ ] ๋ฒํผ์ ๋๋ฌ ๋กค๋งํ์ดํผ๋ฅผ ๋ง๋ค ์ ์์ต๋๋ค.
- ๊ธฐ๋ณธ ์ฌํญ์ ์ ์์ฑํ์ง ์์ผ๋ฉด ๋ฒํผ์์ ๊ฒฝ๊ณ ๋ฉ์ธ์ง๋ฅผ ๋ณด์ฌ์ค๋๋ค.
4-1. ๋ฉ์ธ์ง ์นด๋ ๋ณธ๋ฌธ ๋ณด๊ธฐ
4-2. ๋กค๋งํ์ดํผ ์์ ํ์ด์ง๋ก ์ด๋ํ๊ธฐ
4-3. ๋กค๋งํ์ดํผ์ ์ด๋ชจ์ง ์ถ๊ฐํ๊ธฐ
- ํด๋น ๋กค๋งํ์ดํผ์ ์์ฑ๋ ๋ฉ์์ง ์นด๋ ๋ชฉ๋ก์ ๋ณผ ์ ์์ต๋๋ค.
- ๊ฐ ๋ฉ์ธ์ง ์นด๋๋ [ ๋๋ณด๊ธฐ ] ๋ฅผ ๋๋ฌ ์ ์ฒด ๋ด์ฉ์ ํ์ธํ ์ ์์ต๋๋ค.
- ์ฒซ ๋ฒ์งธ ์นด๋์ [ + ] ๋ฒํผ์ ๋๋ฌ ๋ฉ์ธ์ง ์นด๋๋ฅผ ์์ฑํ๋ ํ์ด์ง๋ก ์ด๋ํ ์ ์์ต๋๋ค.
- ํธ์งํ๊ธฐ ๋ฒํผ์ ๋๋ฅด๊ณ , ์ด๊ธฐ์ ์ค์ ํ๋ ๋น๋ฐ๋ฒํธ๋ฅผ ์ ๋ ฅํ๋ฉด ๋กค๋งํ์ดํผ ์์ ํ์ด์ง๋ก ์ด๋ํ ์ ์์ต๋๋ค.
- url์ ์ด์ฉํด์ ์์ ํ์ด์ง๋ก ์ง์ ์ด๋ํ ์ ์์ต๋๋ค.
- ํค๋์ ์ด๋ชจ์ง ์์ด์ฝ์ ๋๋ฌ ํด๋น ๋กค๋งํ์ดํผ์ ์ด๋ชจ์ง๋ฅผ ์ถ๊ฐํ ์ ์์ต๋๋ค.
- ํค๋์ ๊ณต์ ์์ด์ฝ์ ๋๋ฌ ์นด์นด์คํก์ผ๋ก ํด๋น ๋กค๋งํ์ดํผ๋ฅผ ๊ณต์ ํ๊ฑฐ๋, URL๋ก ๊ณต์ ํ ์ ์์ต๋๋ค.
5-1. ๋กค๋งํ์ดํผ ์ญ์
5-2. ๋ฉ์ธ์ง ์นด๋ ์ญ์
- ๋ฉ์ธ์ง ์นด๋์ ์ฐ๋ ๊ธฐํต ๋ฒํผ์ ๋๋ฌ ์ญ์ ํ ๋ฉ์ธ์ง ์นด๋๋ค์ ์ ํํ ์ ์์ต๋๋ค.
- ์ ํ๋ ๋ฉ์ธ์ง ์นด๋๋ฅผ ๋ค์ ๋๋ฅด๋ฉด ์ ํ ์ทจ์๊ฐ ๊ฐ๋ฅํฉ๋๋ค.
- ์ญ์ ํ ๋ฉ์ธ์ง ์นด๋๋ฅผ ์ ํํ๊ณ , [ ์ ์ฅํ๊ธฐ ] ๋ฒํผ์ ๋๋ฅด๋ฉด ์ ํํ ์นด๋๋ค์ด ์ญ์ ๋ฉ๋๋ค.
- [ ํ์ด์ง ์ญ์ ํ๊ธฐ ] ๋ฒํผ์ ๋๋ฅด๋ฉด ํด๋น ๋กค๋งํ์ดํผ๋ฅผ ์ญ์ ํ ์ ์์ต๋๋ค.
- ๋ณด๋ด๋ ์ฌ๋์ ์ด๋ฆ์ ์ ๋ ฅํฉ๋๋ค.
- ๊ธฐ๋ณธ ํ๋กํ ์ฌ์ง์ ์ ํํ๊ฑฐ๋ ์ํ๋ ํ๋กํ ์ฌ์ง์ ์ง์ ์ถ๊ฐํ ์ ์์ต๋๋ค.
- ๊ด๊ณ ํ๊ทธ๋ฅผ ์ ํํฉ๋๋ค.
- ๋ฉ์ธ์ง ์นด๋์ ์์ฑํ ๋ฉ์ธ์ง๋ฅผ ์ ๋ ฅํฉ๋๋ค.
- [ ๋ณด๋ด๊ธฐ ] ๋ฒํผ์ ๋๋ฌ ๋ฉ์ธ์ง ์นด๋๋ฅผ ๋ณด๋ผ ์ ์์ต๋๋ค.
- ๊ธฐ๋ณธ ์ฌํญ์ ์ ์์ฑํ์ง ์์ผ๋ฉด ๋ฒํผ์์ ๊ฒฝ๊ณ ๋ฉ์ธ์ง๋ฅผ ๋ณด์ฌ์ค๋๋ค.
- ์กด์ฌํ์ง ์๋ url์ ์ ๊ทผํ์ ๊ฒฝ์ฐ ํด๋น ํ์ด์ง๊ฐ ๋ณด์ฌ์ง๋๋ค.
- ๋ฐ์ดํฐ๊ฐ ์กด์ฌํ์ง ์๋ ID์ ๋กค๋งํ์ดํผ์ url๋ก ์ง์ ์ ๊ทผํ์ ์ ํด๋น ํ์ด์ง๋ก ์ฐ๊ฒฐ๋ฉ๋๋ค.
- ๋กค๋งํ์ดํผ ์์ ํ๊ธฐ ํ์ด์ง์ ๋น๋ฐ๋ฒํธ๋ฅผ ์ ๋ ฅํ์ง ์๊ณ , url๋ก ์ง์ ์ ๊ทผํ์ ์ ํด๋น ํ์ด์ง๋ก ์ฐ๊ฒฐ๋ฉ๋๋ค.