CodeSquad๐นDay 77
Team Project 7์ผ์ฐจ, ์ฝ๋์ค์ฟผ๋ ์ผํฐ ๋ ๋ฒ์งธ ๋ฐฉ๋ฌธ
์ฝ๋์ค์ฟผ๋ ์ผํฐ๋ฅผ ๋ ๋ฒ์งธ๋ก ๋ฐฉ๋ฌธํ๋ค. ์ ๋ฒ์๋ ์ ์ฌ์๊ฐ ์ดํ์ ๋์ฐฉํ์ง๋ง ์ด๋ฒ์๋ 10์ ๋ง์ถฐ์ ํ๋์ ์ค๊ธฐ๋ก ํ์ด์ ์ข ๋ ์ค๋ ์์ ์ ์์๋ค. ์ค๋๋ ํ๋์ ํ์ด ํ๋ก๊ทธ๋๋ฐ์ผ๋ก ์งํํ๋ค.
์ค์ ์๋ ์์ํ ๋ฒ๊ทธ๋ค์ ์์ ํ๋ค. ์นด๋์ hover ํจ๊ณผ ๊ตฌํ ์ ๊น๋นก์ด๋ ๋ฒ๊ทธ๊ฐ ์์๋๋ฐ ๋ด๊ฐ Mouseover๋ก ์ด๋ฒคํธ๋ฅผ ์๋ชป ์ฃผ์๊ธฐ ๋๋ฌธ์ด์๋ค. Mouseenter ์ด๋ฒคํธ๋ก ์์ ํ์ฌ ์ ๋๋ก ๊ตฌํํ ์ ์์๋ค.
๊ทธ๋ฆฌ๊ณ Slider ๊ตฌํ๋ ์์ํ๋ค. ์ผ๋จ UI๋ถํฐ ๋ง๋ค์๋ค. State๋ก ๋ฌด์์ ์ค์ ํ ์ง ์ ํ๋ ๊ฒ๊ณผ ์๊ณ ๋ฆฌ์ฆ์ ์ง๋ด๋ ๊ฒ์ด ์ฝ์ง๋ ์์์ง๋ง ํ๋๊ฐ ๋ง์ด ํ์ฝ์ ํด ์ค ๋๋ถ์ ์์ฑํ ์ ์์๋ค.
์ง๋๊ฐ๋ค๊ฐ ์นธ์ ์ฌ๋ผ์ด๋ ์ ๋๋ฉ์ด์ ์ด ์ ์๋๋๋ ๊ฒ์ ๋ณด๊ณ ์๊ทน์ ๋ฐ์์ ์ ๋๋ฉ์ด์ ์์ด ๊ตฌํํ๋ ๋ก์ง์ ์์ ํด์ ์ ์ฉ๋๊ฒ ๋ง๋ค์์ ๋๋ ์ ๋ง ๋ฟ๋ฏํ๋ค.
์ผํฐ์์ ์ด์ฌํ ํ์๋ ๋ค๋ฅธ ๋ฉค๋ฒ๋ค์ ๋ชจ์ต์ ๋ชจ๋ํฐ๊ฐ ์๋๋ผ ์ง์ ๋ณด๊ณ , ๊ทธ ์ด๊ธฐ์ ๋๋ ๋ง์ ์๋์ง๋ฅผ ๋ฐ์ ์ ์์๋ ๋ ์ด์๋ค.
'What I learned > CodeSquad Log' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
CodeSquad Day 81 : Project 3 - Day 1 (0) | 2022.05.10 |
---|---|
CodeSquad Day 80 : Team Project 2 - Day 10 (0) | 2022.04.29 |
CodeSquad Day 78 : Team Project 2 - Day 8 (0) | 2022.04.28 |
CodeSquad Day 76 : Team Project 2 - Day 6 (0) | 2022.04.26 |
CodeSquad Day 75 : Team Project 2 - Day 5 (0) | 2022.04.22 |