A๋ฐ 6ํ :
10/12(๋ชฉ) - 10/30(์)
๊ธฐ๊ฐ๋ด ์งํ :
javascript ๋ฌธ๋ฒ ์ข ํฉ๋ฐ + ๊ฐ์ธ ์ํ ์ฌ์ดํธ ๊ณผ์ + ํ ์ํ ์ฌ์ดํธ ๊ณผ์
ํํ๋ก์ ํธ ๊นํ๋ธ ์ฃผ์ :
https://github.com/MaJinWoo/06-Team-Project
๋ฐฐํฌํ ๊นํ๋ธ ํ์ด์ง :
https://majinwoo.github.io/06-Team-Project/
๋๋ ์ ์ฒด์ ์ธ ๋๋์ด
๋ทํ๋ฆญ์ค๋ ๋ค๋ฅธ OTT ์ฌ์ดํธ๋ค์ฒ๋ผ
์ํ๊ด ๋ถ์๊ธฐ๋ฅผ ๋ด๊ณ ์ถ์๋ค.
๊ทธ๋์ ๋คํฌ๋ชจ๋๊ฐ ๊ธฐ๋ณธ์ผ๋ก
์ํ๊ด์ ์จ ๋๋์ ์ฃผ๊ณ ,
์ํ ์ปจํ ์ธ ๋ค์ ์ง์ค๋๋๋ก ํ๋ค.
๊ทธ๋ฆฌ๊ณ ์๋ ๊ฐ์ธ ํ๋ก์ ํธํ ๋๋
์ ๊ธฐํ ๊ธฐ๋ฅ๋ ๋ง์ด ๋ฃ๊ณ ์ถ์๋๋ฐ
ํํ๋ก์ ํธํ ๋๋
์๊ฐ์ด๋ ๋ค๋ฅธ ์ฌ๋๋ค๋ ๊ณ ๋ คํด์
๋ค๋ฅธ ๊ธฐ๋ฅ๋ค์ ์๋ ์ํ๊ฒ ์กฐ๊ธ ์์ฌ์ ๋ค.
๊ธ๊ตฌ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง ์ง์๋ ๋๋ถ์ ๋ฐ๊ฒฌํด์
๋ฐฐ๋ ๋ท ๋ฐฐ๊ฒฝ์ ์ฌ์ฉํ๋๋ฐ
๋ฌธ์ ๋ ํด์๋๊ฐ ๋๋ฌด ๋ฎ์์
๋ค์ ๊น์์ง๋ง ๋๋ฌด ์๋ณด์ฌ์ ์์ฌ์ ๋ค.
๊ทธ๋๋ ๋ณ์ ๊ธฐ๋ฅ์ ํ์ฒ ๋์ด ๊ตฌํํด์ฃผ์ ์ ํ์ธต ๋
์ง์ง ์ํ ์ฌ์ดํธ ๊ฐ์์ง ๊ฑฐ ๊ฐ๋ค.
์ฌ๊ธฐ๋ ๋ค๋ฅธ ํ์์ด ๋ง์ด ๊ธฐ๋ฅ์ ๊ตฌํํด์ฃผ์ จ๋ค.
์ ํํ ์ํ ์์ด๋๋ฅผ ๊ฐ์ ธ์์ ๋ฐฐ๋๋ฅผ ๋ค์ ๋ง๋ค์ด์ ๋ฟ๋ ค์ฃผ๊ณ
๋ฐ์๋ ์ ํํ ์ํ๋ง๋ค
์ ์ฅ๋ ๋ฆฌ๋ทฐ ๋ฐ์ดํฐ๋ฅผ localstorage์์ ๊ฐ์ ธ์ฌ ์ ์๊ฒ ํ์๋ค.
๊ทธ๋ฆฌ๊ณ ์ถ๊ฐ๋ก ๋ฆฌ๋ทฐ๋ฅผ ์์ฑํ๋ฉด
๋ฆฌ๋ทฐ๊ฐ ์ถ๊ฐ๋ ์ ์๊ฒ ํ์๋ค.
์์ฌ์ ๋ ์ ์
๋ค๊ฐ์ด ๊ธฐ๋ฅ ๊ตฌํํด๋ณด๋๋ผ
์๊ฐ์ด ๋์ค์ ๋ถ์กฑํด์ง๊ณ
๋ค๋ค ํผ๊ณคํด์ ธ์
๋ฆฌ๋ทฐ ์ญ์ ๊ธฐ๋ฅ์ ๋ชป ๋ฃ์๋ค.
๊ทธ๋์ ํ์ธ ๋น๋ฐ๋ฒํธ๋ ์ฌ์ค ๋ฌด์ธ๋ชจ.. ใ ใ
(ํ์ ํญ๋ชฉ์ด๋ผ์ ๋ฃ์ ๊ฑฐ๊ธด ํ์ง๋ง)
์ด๋ฒ์๋ ๋ด๊ฐ ๋คํฌ๋ชจ๋๋ฅผ ๋ด๋นํด์
๊น๋ํ๊ณ ์์ฐ์ค๋ฝ๊ฒ ์ ๋๋ฉ์ด์ ๋๋๋ก ๋ ธ๋ ฅํ๋ค.
๋ค๋ง ์์ฌ์ ๋ ๊ฑด
๋ฐฐ๋๋ js์์ ๋ฐ์ดํฐ๋ฅผ API๋ฅผ ๋ถ๋ฌ์ค๊ณ
๋ณ๊ฒฝํด์ค์ผ ํด์
transition์ด ๋จนํ์ง ์์์ ๋น ๋ฅด๊ฒ ๋ณ๊ฒฝ๋๋ค
๊ทธ๋๋ :root๋ฅผ ํ์๋ ๋๋ถ์ ์ฒ์ ์ ๋๋ก ์ฌ์ฉํด๋ณธ ๋๋
์์ color-black, color--white ์ด๋ฐ ๋ณ์์ ๊ฐ์
๋ณ๊ฒฝํ ์๊ฐ์ ๋ชปํด๋ดค๋๋ฐ
๊ทธ๊ฒ๋ง ๋ณ๊ฒฝํ๋๊น ์ฝ๊ฒ ์ ์ฒด๊ฐ ์์ ๋ผ์ ์ข์๋ค.
์ค๋์ 12์ ์ ์ ํ๊ณผ์ ๋ฅผ ์ ์ถ์ ๋ฌด์ฌํ ๋ง์น๊ณ
์์ ์๊ฐ์ด ์ฃผ์ด์ ธ์
๊ฐ์ ํ ์ผ์ ํ๋ค
์ ๋ค์๋ ๊ฒ๋๋ ์ฌ๋๋ค์ด
๋๋ฌด ์ฐจ๋ฅผ ๋ง์ด ๋ณต์ฌ(?)ํด์
์ด์ฌ๊ฐ๊ฒ ๋์๋ค.
์ด์ฌ ๊ฐ๊ธฐ์ ํ ์ปท
๊น ํ์ ํ๋ค์๋ ์
์ฐ๋ฆฌ๋ ๊ฐ๊ฐ ๋ธ๋์น๋ฅผ ๋ง๋ค์ด์ ๊ฐ์ ๋ถ๋ถ์ ์์ ํ๋ค.
๊ทธ๋์ ๋ด ๋ธ๋ฐ์น์์ ์๋๋ฐฉ์ด ์์ ํ ๋ถ๋ถ์ pull๋ก ๊ฐ์ ธ์ฌ ๋
๋ง์ ์ถฉ๋์ด ๋ฐ์ํด์ ์์ ๋ฉ๋ถ์ด์๋ค.
_______
์คํ๋ ค ๋ผ์ด๋ธ ์์ด๊ฐ ๋๋ ค๋
๋ค๊ฐ์ด ์์ ํด์ ์ถฉ๋์ด ์๋์ ์ข์์ฌ..
ํ์ง๋ง ๋ผ์ด๋ธ ์์ด๋ ์๊ฐ๋ ๋๋ฌด ๋ง์ด ๋ค๊ณ
๊ฐ์ด ์ฝ๋ ์์ฑํด์ผํด์ ์๋์ง๋ฅผ ๋ง์ด ์.
ํด๊ฒฐ ๋ฐฉ๋ฒ
๊ทธ๋์ ํ์๋ถ์ด ํํฐ๋ํํ ๋ฌผ์ด๋ณด๊ณ ๋์ ์๋ ค์ค ํด๊ฒฐ ๋ฐฉ๋ฒ์
๋ด ๋ธ๋์น์ ๋จ์ ๋ธ๋์น pullํด์ ํ ์คํธํ์ง ๋ง๊ณ ,
๋ด ๋ธ๋์น์ ๋จ์ ๋ธ๋์น๋ฅผ ๋ง๋ค์ด์
๊ฑฐ๊ธฐ๋ก ์ด๋ํด์ ๋ธ๋์น ํํด์ ํ ์คํธํ๋ ๊ฒ์ด์๋ค.
ํ๊ณ
1. ์ด๋ฒ ํ์ ๋ค๋ค ์ ๋ง ์ด์ฌํ ํ๊ณ , ์ฑ๊ฒฉ๋ ๊ด์ฐฎ์์ ์ข์๋ค.
2. ํ์ง๋ง ๋ด๊ฐ ํ์ฅ์ด ๋๋๋ฐ ์ด๋ป๊ฒ ์ด๋์ง ๋ชฐ๋ผ์ ์คํ๋ ค ๋ค๋ฅธ ๋ถ๋ค์ด ์ด๋์ด๋๊ฐ์๋๋ผ ๊ณ ์ํ์ จ๋ค.
3. ๊ทธ๋๋ ๋์์ธ์ด๋ผ๋ ๋ด๊ฐ ๋์์ด ๋ผ์ ๋คํ์ด๋ค.
4. ๊น ํ์ ํ๋ฉด์ ์ค๊ฐ์ ์๊พธ ์ถฉ๋์ด ๋์ ๋ง์ง๋ง์๋ ๋ฐ์ํ ์์ ๋ ์ํ๋๋ฐ ๊ทธ๋ฅ ์ ์ถํ๋ค.
5. ์ข์ ๊ฐ๋ฐ์๊ฐ ๋๊ธฐ ์ํด์ ๋ ๋ ธ๋ ฅํด์ผ ํ๋ค.
6. ๋ผ์ด๋ธ์์ด๋ฅผ ์จ๋ด์ ์ข์๊ณ , ํ ๋ฆฌํ์คํธ๋ ์จ๋ด์ ์ข์๋ค.
7. ํ์๋ค์ด ์ฝ๋๋ฆฌ๋ทฐ๋ ํด์ค์ ๊ณ ๋ง์ ๋ค.
8. ์ ๋ง ์์ฌ์ ๋ ๊ฑด,, ๋ด ๋ ธํธ๋ถ ์ฌ์์ด ๋ธ๋ ค์,,, ๋ญ๊ฐ ํ๋๋ฅผ ํ๋๋ฐ๋ง๋ ๋๋ฌด ์ค๋ ๊ฑธ๋ ค์ ํ์ฅ์ด์ง๋ง ๋จ๋ค์ด ๋ง์ด ์ด๋๊ฒ ํด์ ๋ฏธ์ํ๋ค.
9. ํํ๋ก์ ํธ๊ฐ ์์ฑ๋๊ฐ ์กฐ๊ธ ๋จ์ด์ง๋ค๊ณ ํด์ผํ๋.. ์์ง๊น์ง๋ ๊ทธ๋ฐ ๋๋์ด๋ค
'๐ค ํ๊ณ ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[ํ๊ณ ] React ์ฌํ ํ๋ก์ ํธ KPT ํ๊ณ (0) | 2024.01.04 |
---|---|
[ํ๊ณ ] ์์์์ฑ ํ๋ก์ ํธ KPT ํ๊ณ (0) | 2023.12.11 |
[ํ๊ณ ] 2์กฐ ํธ์์ ๋ง๋๋ฆฌ KPT ํ๊ณ (0) | 2023.11.27 |
[ํ๊ณ ] TodoList ๋ง๋ค๊ธฐ ์ ๋ณด&ํ๊ณ (0) | 2023.11.06 |
[ํ๊ณ ] ์ฒซ ํ ์๊ฐ ํ์ด์ง ๊ด๋ จ ํ๊ณ ๐ค (0) | 2023.11.03 |