์์์คํค์ ๊ด๋ จ๋ ์๋น์ค๋ฅผ ์ ๊ณตํ๋ ์น
ํ์ฌ redux๋ก ์ด๊ดํ๋ ์์ ์ ํ๊ณ ์๊ณ , ๋ฐ๋ณต๋๋ ๋ก์ง์ ์ปค์คํ ํ ์ ์ด์ฉํด ๋ถ๋ฆฌํ๊ณ , ๋๋ฝ๊ฒ ์์ฑ๋ ์ฝ๋๋ฅผ ์ ๋ฆฌํ๊ณ ์์ต๋๋ค.
refactor-39
branch: redux ์ด๊ด, ์ฝ๋ ๋ฆฌํฉํ ๋งmain
branch: ๋ก๊ทธ์ธ, ๋ก๊ทธ์์, ํ์๊ฐ์
, ์ด๋ฏธ์ง ๊ฒ์ํ, ์ค๊ณ ๊ฒ์ํ, ์์ ์คํค์ฅ ์ ๋ณด ์ ๊ณต ์๋น์ค, ์ค์๊ธฐ(์์ฝ) ์๋น์ค์ ๋ ํ์ ์ฌ๋ฆ์ด ๋๋ฉด ์์์คํค๋ฅผ ์ฆ๊ธฐ๋ฉฐ ๋์๋ฅผ ํด์ํฉ๋๋ค. ๋ง์ ์๊ฐ ์์ ์คํค๋ฅผ ํ๊ณ , ์ง์ฌ์ผ๋ก ์ฆ๊ธฐ๊ณ ์๋ ์์์คํค ๋ํธ์ธ ์ค ํ๋ช
์
๋๋ค. ๊ทธ๋ฌ๋ค๋ณด๋ ์์ฌ์๋ ์๊ธฐ ๋ง๋ จ์ด์์ต๋๋ค. ํนํ ์์ ์คํค ๊ด๋ จ ์๋น์ค๋ฅผ ์ ๊ณตํ๋ ์ปค๋ฎค๋ํฐ๊ฐ ํ์ฑํ ๋์ด ์์ง ์๋ค๋ ๊ฒ์ด ๊ฐ์ฅ ์์ฌ์ ์ต๋๋ค. ๊ทธ๋ฆฌํ์ฌ ์์ ์คํค ๋ํธ์ธ๋ค์ด ์ข ๋ ํธํ๊ฒ ์ด๋์ ์ฆ๊ฒผ์ผ๋ฉด ํด ์๋์ ๊ฐ์ ์๋น์ค๋ฅผ ์ ๊ณตํ๋ Hello Waterski๋ฅผ ๋ง๋ค์ด๋ณด๊ณ ์ ํ์ต๋๋ค.
(์์์คํค๋ฅผ ์ฆ๊ธฐ๋ ์ ์ ๋ชจ์ต์
๋๋ค..!)
์ ๊ตญ์ ๋ง์ ์์ ์คํค์ฅ์ด ์์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ์์ ์คํค๋ฅผ ์ฆ๊ธฐ๋ ๋ง์ ์ฌ๋๋ค์ ์์ ์คํค์ฅ ์ ๋ณด๋ฅผ ์ป๊ธฐ ์ํด ํ๋ํ๋ ๋ค์ด๋ฒ์ ๊ฐ์ ํฌํธ ์ฌ์ดํธ์ ๊ฒ์์ ํด๋ด ๋๋ค. ์ด๋ฌํ ๋ถํธํจ์ ํด๊ฒฐํ๊ณ ์ ์ ๊ตญ์ ์คํค์ฅ ์ ๋ณด๋ฅผ ํ์๋ค์๊ฒ ์ ๊ณตํ๋ ์๋น์ค๋ฅผ ๊ธฐํํ์ต๋๋ค. ๋ํธ์ธ๋ค์ ์ด์ ๋ณด๋ค ์ฝ๊ฒ ์คํค์ฅ ์ ๋ณด๋ฅผ ์ป์ ์ ์๊ณ , ์ข์์ ๊ฐ์ ๋ฑ์ ํตํด ์ํ๋ ์์ ์คํค์ฅ์ ์ ๋ณด๋ฅผ ์ป์ ์ ์์ ๊ฒ์ ๊ธฐ๋ํฉ๋๋ค.
์์ ์คํค๋ ๊ธฐ์ ์ํ์ ์ํฅ์ ๋ง์ด ๋ฐ์ต๋๋ค. ๋น๊ฐ ์ค๊ฑฐ๋ ๋ฐ๋์ด ๋ถ๋ฉด ๋ผ์ด๋ฉ์ ๋ง์ ์ํฅ์ ์ค๋๋ค. ํนํ ๋ฐ๋์ด ์ฌํ๊ฒ ๋ถ๋ฉด ํํํ๋ ๋ฌผ์ด ๊ฟ๋ ๊ฟ๋ ํด์ง๋๋ค. ๋ง์น ์์คํํธ๋ฅผ ๋ฌ๋ฆฌ๋ ์ฐจ๋์ด ๋นํฌ์ฅ ๋๋ก์์ ์ฃผํํ๋ ๋ฏํ ๋๋ ์ ๋๋ค. ์ด๋ ๊ฒ ๋ง์ ๊ธฐ์ ์ํ์ ์ํฅ์ ๋ง์ด ๋ฐ๋ค๋ณด๋ ์คํค์ด๋ค์ ์ ๊ตญ์ ์คํค์ฅ ์ํฉ(๋ฌผ ์ ๋ณด)๋ฅผ ์ฌ์ง์ผ๋ก ๊ณต์ ํฉ๋๋ค. ์ด๊ฒ์ ์ข ๋ ํธํ๊ฒ ํ ์ ์๋ ์๋น์ค๋ฅผ ๋ง๋ค๊ณ ์ ์ด๋ฏธ์ง ๊ฒ์ํ์ ๊ธฐํํ์ต๋๋ค.
์์ ์คํค๋ ์ฑ์๊ธฐ์ ๋ง์ ์ฌ๋๋ค์ด ์ฆ๊ธฐ๋ ์คํฌ์ธ ์ ๋๋ค. ๊ทธ๋ฌ๋ค๋ณด๋ ํ์ดํธ๋ณด๋์ ์ด๋ฆ์ ์ฐ๊ณ ๋๊ธฐ๋ฅผ ํ๋ค๊ฐ ๋ผ์ด๋ฉ์ ํ๊ณ ์์ต๋๋ค. ๊ทธ๋์ ํ์ดํธ ๋ณด๋๊น์ง ์ง์ ๊ฐ์ผํ๊ณ , ๋ด ์์ ๋ช ๋ช ์ด ๋จ์ ์๋์ง ์๊ธฐ ์ํด์๋ ๋ค์ ํ์ดํธ๋ณด๋๊น์ง ๊ฑธ์ด๊ฐ ์์๋ฅผ ํ์ธํด์ผํฉ๋๋ค. ์๊ธฐ ์์๊ฐ ๋ค๊ฐ์ค๋ฉด ์ค๋น๋ฅผ ํ๊ธฐ์ํด ํ์ดํธ๋ณด๋ ๊ทผ์ฒ์์ ๋๊ธฐ๋ฅผ ํ๋ ๊ฒฝ์ฐ๋ ๋ง์ต๋๋ค. ์ด๋ฌํ ๋ถํธํจ์ ๋๊ธฐ ์ํด ์ค์๊ธฐ ์๋น์ค๋ฅผ ์ ๊ณตํ๊ณ , ์์ ๋ช ๋ช ์ด ์๋์ง ๋ฑ์ ๋ํ๋ด๋ ์๋น์ค๋ฅผ ๊ธฐํํ๊ฒ ๋์์ต๋๋ค.
์์ ์คํค ์ฅ๋น๋ ๋งค์ฐ ๊ณ ๊ฐ์ ์ฅ๋น ์ ๋๋ค. ๊ตฌ๋ช ์กฐ๋ผ, ์ท, ์ฅ๊ฐ, ํธ๋ค, ์คํค ๋ฑ์ ์๋ก ์ฅ๋งํ๋ ค๋ฉด ์ต์ 350๋ง์ ์ ๋์ ๋น์ฉ์ด ๋ญ๋๋ค. ๊ทธ๋ฌ๋ค๋ณด๋ ์์ ์คํค๋ฅผ ์ฆ๊ธฐ๋ ๋ง์ ์ฌ๋๋ค์ด ์ค๊ณ ๊ฑฐ๋๋ฅผ ํ๊ณ ์์ต๋๋ค. ๊ทธ๋์ ๋ง์ ์์์คํค ๋ํธ์ธ๋ค์ด ์์ ์คํค ์ ๋ณด๊ฐ ๋ชจ์ฌ์๋ ๊ณต๊ฐ์์ ํธํ๊ฒ ๊ฑฐ๋๋ฅผ ํ์ผ๋ฉด ํด ๊ธฐํํ๊ฒ ๋์์ต๋๋ค.
์์ ์คํค ๊ด๋ จ ๊ด๊ณ ๋ฅผ ํ๊ธฐ ์ํด Carousel ๊ธฐ๋ฅ์ ์ฌ์ฉํ์ต๋๋ค.
๊ฐ์ฅ ๋ง์ด ์ฑ์ฅ ํ ๊ฒ๋ง ๊ฐ์ ๋ฆฌํฉํ ๋ง ์ด์ผ๊ธฐ(์์ ์ )