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

๐Ÿ’๊ณต๋ถ€72

[CSS] scroll-snap ๊ณผ scroll-behavior ์Šคํฌ๋กค์„ ์–ด๋–ป๊ฒŒํ•˜๋Š”๊ฒŒ ์ข‹์„๊นŒ ๊ณ ๋ฏผํ•˜๋˜ ์ฐฐ๋‚˜ ์ € ์นœ๊ตฌ๋“ค์„ ์•Œ๊ฒŒ ๋๋‹ค! ๐Ÿ’scroll-snap ๋ถ€๋ชจ์—๊ฒŒ scroll-snap-type : ์ถ• ํƒ€์ž…; ๋ฅผ ์ฃผ๊ณ , ์ž์‹์—๊ฒŒ scroll-snap-align : ๊ธฐ์ค€์ ; ์„ ์ฃผ๋ฉด ๋œ๋‹ค. ์˜ˆ์‹œ) .container { scroll-snap-type: y proximity; /* y์ถ•์œผ๋กœ ์Šคํฌ๋กค, proximity(๊ทผ์ฒ˜์— ์™”์„ ๋•Œ๋งŒ ์Šค๋ƒ…) */ /* mandatory ํ•˜๋ฉด ์•„์ฃผ ์กฐ๊ธˆ๋งŒ ์›€์ง์—ฌ๋„ ์ž๋™์Šคํฌ๋กค์ด ๋จ */ } .item { scroll-snap-align: start; /* ์ž์‹์˜ ์‹œ์ž‘๋ถ€๋ถ„์„ ๋งž์ถค */ } ๐Ÿ’scroll-behavior scroll-behavior: smooth; ๋ฅผ ์ฃผ๋ฉด ์Šคํฌ๋กค์ด ๋ถ€๋“œ๋Ÿฝ๊ฒŒ ์Šฅ์Šฅ ์›€์ง์ด๊ฒŒ ๋œ๋‹ค. !!์ฐธ๊ณ !! www.w3.org/.. 2020. 11. 8.
Java vs Js ๋‘˜์€ ์ด๋ฆ„๋งŒ ๋น„์Šทํ•  ๋ฟ, ํ–„๊ณผ ํ–„์Šคํ„ฐ๋งŒํผ ๋‹ค๋ฅด๋‹ค ์˜ˆ์ „์— ๊ณต๋ถ€ํ•  ๋•Œ ์ €๋ ‡๊ฒŒ ์จ๋‘” ๋ธ”๋กœ๊ทธ๋ฅผ ๋ณด๊ณ  ๋„ˆ๋ฌด์›ƒ๊ฒจ์„œ ์ •๋ง ๊ฐ•๋ ฌํ•˜๊ฒŒ ๋‡Œ๋ฆฌ์— ๋‚จ์Œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค๐Ÿ™ JAVA ๊ฐœ๋ฐœ์ž์—๊ฒŒ ๊พธ์ค€ํžˆ ์ธ๊ธฐ์žˆ๋Š” ์–ธ์–ด ๋‹ค๋ฅธ์–ธ์–ด์™€ ๋‹ค๋ฅธ ํŠน๋ณ„ํ•œ ์  : ์ปดํŒŒ์ผ ๋œ ์ฝ”๋“œ๊ฐ€ ํ”Œ๋žซํผ ๋…๋ฆฝ์ ์ด๋ผ๋Š” ์‚ฌ์‹ค ์œˆ๋„์šฐ์—์„œ ๊ฐœ๋ฐœํ•œ ๊ฒƒ์„ ๋ฆฌ๋ˆ…์Šค์—์„œ๋„ ์‰ฝ๊ฒŒ ๋Œ๋ฆด ์ˆ˜ ์žˆ์Œ ๋‹ค๋ฅธ ์–ธ์–ด๋“ค์€ ์ถ”๊ฐ€ ์ž‘์—…์„ ์š”ํ•จ ๊ทธ๋ž˜์„œ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์šฉ์œผ๋กœ ์ธ๊ธฐ์žˆ์Œ ํ•œ๊ตญ์—์„œ๋Š” ์ •๋ถ€๋‚˜ ๊ธฐ์—… ์‹œ์Šคํ…œ ํ†ตํ•ฉ ํ”„์ ์—์„œ ํŠนํžˆ๋‚˜ ๋งŽ์ด ์”€ ์•ˆ๋“œ๋กœ์ด๋“œ์—์„œ๋„ ์”€ JS ์›น ์‚ฌ์ดํŠธ์— ์ƒ๋ช…์„ ๋ถˆ์–ด๋„ฃ์–ด์ฃผ๋Š” ๋งˆ๋ฒ•์˜์–ธ์–ด ์‚ฌ์šฉ์ž๊ฐ€ ์›น ์‚ฌ์ดํŠธ์˜ ํ™”๋ฉด์—์„œ ์–ด๋– ํ•œ ํ–‰๋™์„ ํ–ˆ์„ ๋•Œ, ๋‹ค๋ฅธ ํŽ˜์ด์ง€๋ฅผ ์—ด์ง€ ์•Š๊ณ ๋„ ์ฆ‰๊ฐ์ ์ธ ๋ณ€ํ™”๋ฅผ ๋ณด์—ฌ์คŒ ์šด์˜์ฒด์ œ์˜ ์ œํ•œ์„ ๋ฐ›์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์—, ํด๋ผ์ด์–ธํŠธ ์–ธ์–ด์˜ ํ‘œ์ค€์ž„ +node.js ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ .. 2020. 11. 7.
[Python] ํŒŒ์ด์ฌ์—๋Š” switch/case๊ฐ€ ์—†๋‹ค๋‹ˆ ์ œ๋ชฉ์ด ๋„ˆ๋ฌด ๊ธธ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋ฉฐ ๊ธ€์„ ์“ฐ๋Š” ์ค‘..... ๋ฐฑ์ค€ if๋ฌธ ํ’€๋‹ค๊ฐ€ ์‹œํ—˜์„ฑ์ (90~์€ A, 80~ B ..) ๋ฌธ์ œ๊ฐ€ ์žˆ๊ธธ๋ž˜ ํŒŒ์ด์ฌ์—์„œ ์Šค์œ„์น˜๋ฅผ ๋ณธ์ ์ด ์—†๋Š”๊ฑฐ๊ฐ™์€๋ฐ๐Ÿค”ํ•˜๊ณ  ์ฐพ์•„๋ณด๋‹ˆ ์ •๋ง์—†์—ˆ๋‹ค...! ๋Œ€์‹  if-elif๋ฅผ ์“ฐ๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค... 2020. 11. 7.
[JavaScript] innerText vs innerHTML ์งฑ์งฑ๊ธฐ์ดˆ๊ฒ ์ง€๋งŒ ํ—ท๊ฐˆ๋ฆฌ๋Š”๊ฑธ ์ •๋ฆฌํ•˜๋Š”๊ฒŒ ๋ชฉ์ ์ด๋ฏ€๋กœ ์•„์ฃผ ์‚ฌ์†Œํ•œ๊ฒƒ๋„ ์ ์„...์˜ˆ์ •......๐Ÿ˜ญ innerHTML : ํƒœ๊ทธ ์ ์šฉ ํ•จ innerText : ํƒœ๊ทธ ์ ์šฉ ์•ˆํ•จ const title1 = document.querySelector(".title1"); title1.innerHTML = "๋ผ๋ผ๋ผ"; const title2 = document.querySelector(".title2"); title2.innerText = "๋ผ๋ผ๋ผ"; ์˜ˆ์‹œ๋ฅผ ๋ณด๋‹ˆ๊นŒ ์ฐธ์‰ฝ์ฅฌ?๐Ÿ˜ญ 2020. 11. 6.
[JavaScript] image ๊ฐ์ฒด //image๊ฐ์ฒด๋Š” ์ด๊ฑฐ์— ๋Œ€ํ•œ ์ •๋ณด๋ฅผ ๋‹ด๊ณ ์žˆ๋Š”๊ฒƒ์ž„! //๊ทธ๋ž˜์„œ 2020. 11. 6.