๐๊ณต๋ถ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. ์ด์ 1 ยทยทยท 11 12 13 14 15 ๋ค์