๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๋ฐฐ๊ณ ํ”„๋‹ค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.
728x90
๋ฐ˜์‘ํ˜•
๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๐Ÿฆ™

CSS
๊ด‘๊ณ  ์ค€๋น„์ค‘