[TIL/23]05.11.Thu.
Today I Studied
PS: Programmers/์ฝ๋ฉ ๊ธฐ์ดํธ๋ ์ด๋/Lv0/Day9: ๋ฐฐ์ด ๋ง๋ค๊ธฐ 5, ๋ถ๋ถ ๋ฌธ์์ด ์ด์ด ๋ถ์ฌ ๋ฌธ์์ด ๋ง๋ค๊ธฐ, ๋ฌธ์์ด์ ๋ค์ n๊ธ์
Project: WAGUWAGU
- 1์ฐจ ๋ชฉํ ๋ฌ์ฑ
๊ฒ์๊ธ ์ ๋ก๋ ์ ๋ฐ์ (C,R ๊ธฐ๋ฅ)
์นดํ ๊ณ ๋ผ์ด์ง ๊ธฐ๋ฅ ๋ฐ์ - U, D ๊ธฐ๋ฅ ๋ชจ์์ค
- ํ์ด์ง๋ค์ด์ ๊ธฐ๋ฅ ๋์ ?
- 1์ฐจ ๋ชฉํ ๋ฌ์ฑ
Touble I Met
- ๋ฌธ์ : ์ฌ๋ฆฌ๋ ์ฌ์ง์ ํฌ๊ธฐ๊ฐ ์ผ์ ํ์ง ์์
** try1: card ๋์ด ์กฐ์ (CSS, style "height") + ์
๋ก๋ ์ฌ์ง ํฌ๊ธฐ ํต์ผ ํ์ฌ ๊ฐ์ ์ฌ๋ฐฑ์ด ์ ์ง๋๊ฒ ํ๋ ค ํจ.
==> ์ฌ์ ํ ์ฌ์ง์ ํฌ๊ธฐ์ ๋ฐ๋ผ ์ผ์ ํ์ง ์์ ๊ฒฐ๊ณผ๊ฐ ๋์ด
==> postimages.org์์ ์๋ฒฝํ๊ฒ ๊ฐ์ ํฌ๊ธฐ์ ์ฌ์ง์ ๋ง๋ค์ด์ฃผ์ง ๋ชปํจ
** try2: mentor์๊ฒ ๋์์์ฒญ
==> ๋ค๋ฅธ CSS ํด๊ฒฐ๋ฐฉ์ ์ ์(background-position)
==> ๋ณธ์ง์ ์ธ ํด๊ฒฐ๋ฒ์ ๋์ง ๋ชปํจ, ๋์ด์กฐ์ ๋ณด๋ค ์กฐ๊ธ ๋ ๋ณด๊ธฐ ์ข์ ์ ๋
ํด๊ฒฐ
ํ์์ด card ์์ image Frame์ ๋ง๋ค๊ณ ํด๋น ์ฐฝ์ backgroundColor๋ฅผ ์ง์ ํ์ฌ, ํฌ๊ธฐ๊ฐ ํฌ๋ฉด ๊ฐ๋ ์ฐจ์ง๋ง
ํฌ๊ธฐ๊ฐ ์์ผ๋ฉด ์์ ๋งํผ ๊ฐ์ด๋ฐ ์ ๋ ฌ๋ก ๋ํ๋๊ณ ๋น ๊ณต๊ฐ์ backgroundColor๋ก ์ฑ์์ง๊ฒ ํจ.