๋ฐฐ๊ณ ํ๋ค3 ํ๋ก๊ทธ๋๋จธ์ค 1๋จ๊ณ : ์์ ๋ํ๊ธฐ ํ๋ก๊ทธ๋๋จธ์ค 1๋จ๊ณ : ์์ ๋ํ๊ธฐ ์ฝ๋ฉํ ์คํธ ์ฐ์ต > ์๊ฐ ์ฝ๋ ์ฑ๋ฆฐ์ง ์์ฆ2 > ์์ ๋ํ๊ธฐ ๐ฉ ๋ฌธ์ ์ค๋ช ์ด๋ค ์ ์๋ค์ด ์์ต๋๋ค. ์ด ์ ์๋ค์ ์ ๋๊ฐ์ ์ฐจ๋ก๋๋ก ๋ด์ ์ ์ ๋ฐฐ์ด absolutes์ ์ด ์ ์๋ค์ ๋ถํธ๋ฅผ ์ฐจ๋ก๋๋ก ๋ด์ ๋ถ๋ฆฌ์ธ ๋ฐฐ์ด signs๊ฐ ๋งค๊ฐ๋ณ์๋ก ์ฃผ์ด์ง๋๋ค. ์ค์ ์ ์๋ค์ ํฉ์ ๊ตฌํ์ฌ return ํ๋๋ก solution ํจ์๋ฅผ ์์ฑํด์ฃผ์ธ์. ๐ฉ ์ ํ ์กฐ๊ฑด โ๏ธ absolutes์ ๊ธธ์ด๋ 1 ์ด์ 1,000 ์ดํ์ ๋๋ค. โ๏ธ absolutes์ ๋ชจ๋ ์๋ ๊ฐ๊ฐ 1 ์ด์ 1,000 ์ดํ์ ๋๋ค. ๐ค signs์ ๊ธธ์ด๋ absolutes์ ๊ธธ์ด์ ๊ฐ์ต๋๋ค. ๐ค signs[i] ๊ฐ ์ฐธ์ด๋ฉด absolutes[i]์ ์ค์ ์ ์๊ฐ ์์์์, ๊ทธ๋ ์ง ์์ผ๋ฉด ์์์์ ์๋ฏธํฉ๋๋ค. ๐ฉ ๋ฌธ์ ํ์ด f.. 2022. 11. 10. ์น์ฌ์ดํธ ๋ง๋ค๊ธฐ : ๋ฐฐ๋ ์ ํ ๋ ์ด์์01 ๋ ์ด์์ : ๋ฐฐ๋ ์ ํ01 ๋ค์๊ณผ ๊ฐ์ ๋ฐฐ๋ ์ ํ์ ๋ ์ด์์์ ์์ ํด ๋ณด๋๋ก ํ๊ฒ ์ต๋๋ค. HTML ์์ค ๋ฐฐ๋ ์ ํ์ ์์ฃผ ๊ฐ๋จํฉ๋๋ค. banner__inner ํด๋์ค๋ฅผ ๊ฐ์ง ๋ถ๋ชจ div ๋ฐ์ค์ ๋ฐฑ๊ทธ๋ผ์ด๋๋ก ์ด๋ฏธ์ง๋ฅผ ์ฝ์ ํ๊ณ , ์ ๋ชฉ๊ณผ ํ์ ๋ฉ์์ง๋ฅผ ์์ฑํ๋ฉด ์์ฑ์ ๋๋ค. ๋ฐฐ๋ ์์ญ ๊ท์ฌ์ด ๋๋ ๋ ๋ค์ํ ๋๋์ด๋ ์ ํ๋ธ๋ก ๋ณด์ธ์. yotube.com ๋ฐฐ๋ ์ ํ01 CSS ์์ค /* bannerType */ .banner__inner { background-image: url(img/banner01_bg01.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; paddi.. 2022. 9. 5. ์๋ฐ์คํฌ๋ฆฝํธ ๊ฒ์ ํจ๊ณผ : includes() ์๋ฐ์คํฌ๋ฆฝํธ : ๊ฒ์ ํจ๊ณผ : includes() ์๋ฐ์คํฌ๋ฆฝํธ์ ๋ค์ํ ํจ๊ณผ๋ค ์ค, ํด๋นํ๋ ๋ฌธ์์ด์ ์ฐพ์ ์ ์๋ ๊ฒ์ ํจ๊ณผ์ ๋๋ค. ์ด๋ฒ์๋ includes() ๋ฉ์๋๋ฅผ ์ด์ฉํ์ฌ CSS์ ๋ค์ํ ์์ฑ์ ๊ฒ์ํ ์ ์๋ ์น์ฌ์ดํธ๋ฅผ ์์ ํด ๋ณด๋๋ก ํ๊ฒ ์ต๋๋ค. HTML ์์ค HTML๋ก ๋ผ๋๋ฅผ ๋จผ์ ์ก์์ฃผ์์ต๋๋ค. ํค๋ ์์ญ์๋ ๋ด๋น๊ฒ์ด์ ๋ฉ๋ด๋ฅผ, ๋ฉ์ธ ์์ญ์๋ ๊ฒ์์ฐฝ, ํ์ ๋ชฉ๋ก๋ค์ ์์ฑํด ์ฃผ์์ต๋๋ค. ๊ฐ๊ฐ์ ํ์ ๋ชฉ๋ก์๋ data-type์ ์ถ๊ฐํด ์ฃผ์ด, ์ ๋๋ฉ์ด์ , ๋ณด๋ ๋ฑ์ ์ ํ ์ด๋ฆ์ ๊ฒ์ํด๋ ๊ฒฐ๊ณผ๊ฐ์ด ๋ํ๋๋๋ก ์์ ํด ์ฃผ์์ต๋๋ค. ์๋ ์์ค๋ ๋ฉ์ธ ์์ญ์ HTML ์์ค๋ก, ๋๋จธ์ง ์์ญ์ ์์ค๋ ํ๋จ์ '์๋ณธ ์์ค ๋ณด๊ธฐ' ๋ฒํผ์ ํด๋ฆญํ๋ฉด ํ์ธํ ์ ์์ต๋๋ค. includes()๋ฅผ ์ด์ฉํ์ฌ ๊ฒ์ํ๊ธฐ C.. 2022. 8. 17. ์ด์ 1 ๋ค์ 728x90 ๋ฐ์ํ