์ ํ์ ์ถฉ๋ ์ /*css*/ .special{ color: blue; } p{ color: red; } css๋ cascade์ specificity๋ผ๊ณ ๋ถ๋ฆฌ๋ rule์ ๊ฐ์ง๊ณ ์๊ณ , ํด๋น rule์ ๋ฐ๋ผ ์ถฉ๋ ์ ๋ ๊ฐํ ์ ํ์๊ฐ ์ ์ฉ๋๋ค. cascade rule : ๋ค์ ์ ์ฉ๋ ์คํ์ผ์ด ์์ ์คํ์ผ์ ๋ฎ์ด์ด๋ค. specificity rule : ์์๋ฅผ ๋ ํน์ ํ๋ ์ ํ์๊ฐ ์คํ์ผ์ ์ฐจ์งํ๋ค. ๋ฐ๋ผ์ ์์ ์์ ์์ specificty rule์ ์ํด color๋ blue๊ฐ ๋๋ค. specificity specificity๋ 4๊ฐ์ง์ ๋จ์๋ก ์ธก์ ๋๋ค. Thousands : style ์์ฑ ๋ด์ ์ ์๋์ด ์๋ style(inline style)์ผ ๊ฒฝ์ฐ Hundreds : ID selector๋ฅผ ์ฌ์ฉํ์ฌ..

html2canvas + ์ด๋ฏธ์ง ํธ์คํ *์์ ๋ React Hook ํ๊ฒฝ์์ ์งํ๋์์ต๋๋ค. ๊ฒฐ๊ณผ table์ ์ด๋ฏธ์ง๋ก ๋ง๋ค์ด ๊ณต์ ํด์ผํ๋ ์๊ตฌ์ฌํญ์ด ์์๋ค. ์๊ตฌ์ฌํญ์ ์ํํ๊ธฐ ์ํด์๋ ๋ค์๊ณผ ๊ฐ์ ๊ณผ์ ๋ฅผ ์์ฐจ์ ์ผ๋ก ํด๋ด์ผํ๋ค. html table์ ์ด๋ฏธ์ง๋ก ๋ง๋ค๊ธฐ ๋ง๋ค์ด์ง ์ด๋ฏธ์ง๋ฅผ ํธ์คํ ํ๊ธฐ ํธ์คํ ๋ ์ด๋ฏธ์ง๋ฅผ ์นด์นด์คํก api๋ฅผ ์ด์ฉํ์ฌ ๊ณต์ ํ๊ธฐ ์ฐจ๋ก๋๋ก ํด๋ณด์. html table์ ์ด๋ฏธ์ง๋ก ๋ง๋ค๊ธฐ DOM์์๋ฅผ ์ด๋ฏธ์ง๋ก ๋ง๋ค ๋, html2canvas๋ผ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์ฃผ๋ก ์ฐ์ธ๋ค. import html2canvas from 'html2canvas'; const copyDOM = async () => { window.scrollTo(0, 0); let url = ""; await html2canvas(..

ํ์ํ๊ธฐ๋ฒ์ผ๋ก ๊ณ์ฐ๊ธฐ ๋ง๋ค๊ธฐ ๊ณ์ฐ๊ธฐ ๊ด๋ จ ์ธ์ฃผ๊ฐ ๋ค์ด์์ ํด๋ณด๋ ์ค, ์์ ์ ๋ฐฐ์ ๋ ํ์ํ๊ธฐ๋ฒ์ ์ฌ์ฉํด์ผํ๋ค. ๊ทธ๋ฐ๋ฐ ๊ธฐ์ต์ด ์๋์ ๊ฒ์ ์์ด ํผ์ ๊ตฌํํ๋ ค๋ค ๋ณด๋ ๋๋ฌด ์ด๋ ค์ ๋ค... ๊ฒ์ํด๋ณด๋๊น stack์ ์ด์ฉํด์ ํ์ํ๊ธฐ๋ฒ์ ๋ง๋๋ ๊ฐ๋จํ ๋ฐฉ๋ฒ์ด ๋์์์ด์ ๊น๋จน์ง ์๊ธฐ ์ํด ๊ธฐ๋กํ๋ค. ํ์ ํ๊ธฐ๋ฒ ์์ ํธ๋ฆฌ ํ์ ํ๊ธฐ๋ฒ์ด๋ ๊ณ์ฐ์์์ ๊ณ์ฐ์ ์ํด ์ฌ์ฉํ๋ ํ๊ธฐ๋ฒ์ด๋ค. ์์ ์ ํจ๊ป ์ดํด๋ณด์. ์์ : 9x3+1-3%3 ์์์ด ์ฃผ์ด์ก์ ๋ ๋น์ฐ์ฐ์์ ์ฐ์ฐ์๋ก ๋๋ ํ, ๊ฐ ํญ๋ชฉ์ ํ๋์ ๋ ธ๋๋ผ๊ณ ์๊ฐํ๋ฉด ํธ๋ฆฌ ํํ๋ก ๋ง๋ค ์ ์๋ค. ์ด๋ฌํ ํธ๋ฆฌ๋ ์์์ ํธ๋ฆฌ๋ผ๋ ์๋ฃ๊ตฌ์กฐ๋ก ๋ง๋ ๊ฒ์ด๋ ์์ํธ๋ฆฌ, ์ฆ Expression Tree๋ผ๊ณ ๋ถ๋ฆฐ๋ค. ํธ๋ฆฌ ์ํ์ ํ๊ธฐ๋ฒ ํธ๋ฆฌ๋ฅผ ์ํํ๋ ๋ฐฉ์์๋ prefix(์ ์)..
Comment