์ฃผ์ ์์
- dummydata๋ฅผ ์ด์ฉํ์ฌ ui ์์ฑ
- ์ ๋๋ฉ์ด์ ์์ฑ
- ๊ทธ๋ฆฌ๋ํ ๋ชฉ๋ก
- ์บ๋ฌ์ ์ ์ด์ฉํ ํ์ด์ง ๊ด๋ฆฌ
- ํ์ด์ง ์ ํ์ ์ ๋๋ฉ์ด์
- ๊ฐ๊ฐ์ ๋ด์ค์ฌ์ ๋ง์ฐ์ค๋ฅผ ์ฌ๋ฆฌ๋ฉด ui ๋ณ๊ฒฝ
- ํ์ด์ง์ ๋ฐ๋ผ ํ์ดํ ์์ด์ฝ ์์ฑ
- ํ์ดํ๋ฅผ ์ด์ฉํ ํ์ด์ง ์ด๋
- ๋ฆฌ์คํธํ ๋ชฉ๋ก
- ์บ๋ฌ์ ์ ์ด์ฉํ ํ์ด์ง ๊ด๋ฆฌ
- ์น์
๋ด ์์ด์ผ ํ ์์๋ค
- ์ธ๋ก ์ฌ ๋ธ๋๋๋งํฌ
- ์ต์ข ํธ์ง ์ผ์
- [๊ตฌ๋ ํ๊ธฐ] ๋ฒํผ
- ์ธ๋ค์ผ์ด ์๋ ๋ฉ์ธ ๋ด์ค 1๊ฑด
- ํ์ดํ๋ง ์๋ ์๋ธ ๋ด์ค 6๊ฑด
- ํธ์ง๊ถ์ ๋ํ ์๋ด ๋ฌธ๊ตฌ
ํ์ต ํค์๋
- ๋ฐฐ๋ด ํ์ผ
- ์ ๋๋ฉ์ด์
- CSS์ transform ์์ฑ
- Carousel
๊ณ ๋ฏผ ๋ฐ ํด๊ฒฐ๊ณผ์
๋ฐ์ดํฐ ์ฒ๋ฆฌ ๋ฐฉ์
๋ฆฌ์คํธํ ๋ณด๊ธฐ์์๋ ๋ด์ค๋ฅผ ์ธ๋ก ์ฌ๋ค ๋ณ๋ก ๋ณผ ์ ์๋ค.
ํ์ด์ง ์ ํ ์์ด์ฝ์ด๋ ์นดํ
๊ณ ๋ฆฌ๋ฅผ ๋๋ฅด๋ฉด ํด๋น ์นดํ
๊ณ ๋ฆฌ์ ์ ์ฒด๊ฐ ๋ฌ๋ค.
์ฌ๊ธฐ์ ์นดํ ๊ณ ๋ฆฌ์ ์๋ ๋ชจ๋ ๋ด์ค๋ฅผ ๊ทธ๋๊ทธ๋๋ง๋ค ๋ถ๋ฌ์์ผ ํ ๊น, ์๋๋ฉด ํ๋ฒ์ ๋ฐ๊ณ ์ด๋ฅผ ๋ถ๋ฅํด์ ์นดํ ๊ณ ๋ฆฌ ํค๋์ ์์ชฝ ๋ด์ฉ์ ๋ง๋ค๋ฉด ๋ ๊น?์ ๋ํด ๊ณ ๋ฏผํ๋ ๊ฒ ๊ฐ๋ค. ๋ค์ด๋ฒ๋ฅผ ์ดํด๋ณด์๋๋ฐ, ์นดํ ๊ณ ๋ฆฌ๋ฅผ ๋๋ ์ ๋๋ ๋ค์ ๋ด์ค๋ฅผ ๋๋ ์ ๋ ๋ฐ๋ก data fetching์ด ์ด๋ฃจ์ด์ง๋ ๊ฒ ๊ฐ๋ ๊ฒ ๊ฐ๋ค. ๋ ๋ํ ์นดํ ๊ณ ๋ฆฌ, ์ธ๋ก ์ฌ ๋ณ๊ฒฝ ์๋ง๋ค ๊ณ์ํด์ ํต์ ์ ํ๋ ๊ฒ ์์ฒด๊ฐ ๋นํจ์จ์ ์ด๋ผ๊ณ ํ๋จํ๋ค. ๋ฐ๋ผ์ ์ฒ์์ ๋ชจ๋ ์นดํ ๊ณ ๋ฆฌ์ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์ผ๋ฉด์๋, ์ด๋ฌํ ๋ฐ์ดํฐ๋ฅผ ์นดํ ๊ณ ๋ฆฌ, ์ธ๋ก ์ฌ๋ณ๋ก ๋ฐ๋ก ๊ตฌ๋ถํ๋ฉด์ ํ์ด์ง๋ค์ด์ ๊ณผ ๋น์ทํ๊ฒ ๋ง๋ค์ด๋์๋ค. ๊ธฐ์กด์ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ง๊ณ ์์ผ๋ฉด์ ๊ณ์ํด์ ์ธ๋ก ์ฌ๋ ์นดํ ๊ณ ๋ฆฌ๊ฐ ๋ฐ๋ ๋๋ง๋ค ํ์ด์ง๋ฅผ ๋ณ๊ฒฝํ ์ ์๋๋ก ํ์๋ค.