ShapeMatcher
ShapeMatcher๋ ํ๋ ์ด์ด๊ฐ ๋ค์ฑ๋ก์ด ๊ธฐํํ์ ๋ชจ์์ ๋ฐฐ์ดํ์ฌ ์ธ ๊ฐ ์ด์์ ๋์ผํ ์์ดํ ๋ผ์ธ์ ํ์ฑํ๋ ํ๊ธฐ์ฐฌ ๋ธ๋ผ์ฐ์ ๊ธฐ๋ฐ ๋งค์น-3 ํผ์ฆ ๊ฒ์์ ๋๋ค. ๋ฐ์คํฌํฑ ๋ฐ ๋ชจ๋ฐ์ผ ๋ธ๋ผ์ฐ์ ์์ ํ๋ ์ดํ ์ ์๋ ์ด HTML5 ํ์ดํ์ ๊ณ ์ ์ ์ธ ๋ณด์ ๊ตํ ๊ฒ์๊ณผ ์ ์ฌํ๊ฒ ์ ๊ทผํ๊ธฐ ์ฝ์ง๋ง ๋งค๋ ฅ์ ์ธ ๊ฒฝํ์ ์ ๊ณตํ๋ฉฐ, ํจํด ์ธ์๊ณผ ์ ๋ต์ ์ฌ๊ณ ์ ๋์ ํฉ๋๋ค.
๋ณต์กํ ๊ท์น ์์ด ๋น ๋ฅด๊ณ ๋ง์กฑ์ค๋ฌ์ด ํผ์ฆ ์ก์ ์ ์ฐพ๋ ์บ์ฃผ์ผ ๊ฒ์ด๋จธ๋ฅผ ์ํด ์ค๊ณ๋์์ต๋๋ค.
ShapeMatcher์์ ๋งค์น-3 ๋ฉ์ปค๋์ฆ ๋ง์คํฐํ๊ธฐ
ShapeMatcher๋ ๊ท์คํ ๋ณด์์ ๋ฎ์ ๋ค์ํ ๋ฐ์ ์์์ ๊ธฐํํ์ ๋ชจ์์ผ๋ก ์ฑ์์ง ๊ทธ๋ฆฌ๋๋ฅผ ์ ๊ณตํฉ๋๋ค. ์ฃผ์ ๋ชฉํ๋ ์ธ์ ํ ๋ชจ์์ ๊ตํํ์ฌ ์ธ ๊ฐ ์ด์์ ๋์ผํ ์์ดํ ์ผ๋ก ๊ตฌ์ฑ๋ ๊ฐ๋ก ๋๋ ์ธ๋ก ๋ผ์ธ์ ๋ง๋๋ ๊ฒ์ ๋๋ค.
๋งค์น๊ฐ ๋ฐ์ํ๋ฉด ํด๋น ๋ชจ์์ ๋ณด๋์์ ์ฌ๋ผ์ง๊ณ , ์๋ก์ด ๋ชจ์์ด ์์์ ์๋๋ก ๋จ์ด์ง๋ฉฐ ์ข ์ข ์ธ์์ ์ธ ์ฝค๋ณด์ ๋ ๋์ ์ ์๋ก ์ด์ด์ง๋ ์ฐ์ ๋ฐ์์ ์ ๋ฐํฉ๋๋ค.
์ด ๊ฒ์์ ๊ฐ๋จํ ํฐ์น ๋๋ ๋ง์ฐ์ค ์ปจํธ๋กค๋ก ์๋ํ์ฌ ๋ชจ๋ ์ฐ๋ น๋์ ํ๋ ์ด์ด๊ฐ ์ง๊ด์ ์ผ๋ก ์ฆ๊ธธ ์ ์์ต๋๋ค. ๋ชจ์์ ์ฑ๊ณต์ ์ผ๋ก ์ ๊ฑฐํ๋ฉด ์ ์์ ๊ธฐ์ฌํ๋ฉฐ, ํน์ ๋ชจ์์ ํน์ ๊ฐ์๋งํผ ์ ๊ฑฐํ๊ฑฐ๋ ๋ชฉํ ์ ์๋ฅผ ๋ฌ์ฑํ๋ ๊ฒ๊ณผ ๊ฐ์ ํน์ ๋ ๋ฒจ ๋ชฉํ๋ฅผ ๋ฌ์ฑํ๋ฉด ๊ฒ์ ์งํ์ ํตํด ๋์๊ฐ ์ ์์ต๋๋ค.
๋น ๋ฅด๊ณ ๋ง์กฑ์ค๋ฌ์ด ํ๋ ์ด๋ฅผ ์ํด ์ค๊ณ๋ ๊ณ ์ ์ ์ธ ํผ์ฆ ๋ฃจํ์ ๋๋ค.
ShapeMatcher์ ํผ์ฆ ๋์ ์ ์ฆ๊ธธ ์ ์๋ ์ด์
ShapeMatcher๋ ๊น๋ํ ์๊ฐ์ ๋์์ธ๊ณผ ๋ฐ์์ฑ์ด ๋ฐ์ด๋ ๊ฒ์ ํ๋ ์ด๋ก ๊ธฐ๊ธฐ ์ ๋ฐ์ ๊ฑธ์ณ ๋ถ๋๋ฌ์ด ๊ฒฝํ์ ์ ๊ณตํฉ๋๋ค. ์ฝค๋ณด ์ฐ๊ฒฐ ๋ฐ ๋์ ์ ์์ ๋ํ ๊ฐ์กฐ๋ ๊ฒฝ์์ ์ธ ๋ฆฌ๋๋ณด๋๋ฅผ ์ฆ๊ธฐ๊ฑฐ๋ ๋จ์ํ ๊ฐ์ธ ์ต๊ณ ๊ธฐ๋ก์ ๊นจ๊ณ ์ถ์ดํ๋ ์ฌ๋๋ค์๊ฒ ๋งค๋ ฅ์ ์ด๋ฉฐ, ์์ผ์ด๋ ๋ฟ๋ฆฌ๊ฐ ๋ถ๋ช ํฉ๋๋ค.
์ด ๊ฒ์์ ์ฆ๊ฐ์ ์ธ ๋ง์กฑ๊ฐ๊ณผ ๋ถ๋๋ฌ์ด ํ์ต ๊ณก์ ์ ๊ท ํ์ ์ด๋ฃจ์ด ์๋ก์ด ํ๋ ์ด์ด๊ฐ ๋น ๋ฅด๊ฒ ์ตํ ์ ์์ผ๋ฉด์๋ ์ ๋ต์ ์ธ ๋ชจ์ ๋ฐฐ์น์์ ๊น์ด๋ฅผ ์ฐพ์ ์ ์๋๋ก ํฉ๋๋ค.
์ผ๋ถ ์ง๋์น๊ฒ ๋ณต์กํ ํผ์ฆ ํ์ดํ๊ณผ ๋ฌ๋ฆฌ ShapeMatcher๋ ๊ฐ๋จํ ์ ๊ทผ ๋ฐฉ์์ ์ ์งํฉ๋๋ค. ํจํด์ ์๋ณํ๊ณ , ๊ตํํ๊ณ , ๋ณด๋๊ฐ ๋ฐ์ํ๋ ๊ฒ์ ์ง์ผ๋ด ๋๋ค. ์ด๋ฌํ ๊ฒ์ ํ๋ ์ด์ ์์์ฑ์ ํต์ฌ ๋งค์นญ ๋ฉ์ปค๋์ฆ์ ์ง์คํ ์ ์๊ฒ ํ์ฌ ๊ฐ ์์ง์์ด ์ํฅ๋ ฅ ์๊ฒ ๋๊ปด์ง๋๋ก ํฉ๋๋ค. ๋ช ๋ถ์ด๋ ํ ์๊ฐ์ด๋ ShapeMatcher๋ ๋ณด๋ ์๋ ์ ์ ์ด๋์ ์ ๊ณตํฉ๋๋ค.
ShapeMatcher Unblocked - ๋ฌด๋ฃ ๋ธ๋ผ์ฐ์ ๊ฒ์
ShapeMatcher๋ ๋ค์ด๋ก๋๋ ์ค์น ์์ด ์น ๋ธ๋ผ์ฐ์ ์์ ์ง์ ํ๋ ์ดํ ์ ์์ต๋๋ค. HTML5 ๊ฒ์์ผ๋ก์ ๋ฐ์คํฌํฑ ์ปดํจํฐ์์ ์ค๋งํธํฐ ๋ฐ ํ๋ธ๋ฆฟ์ ์ด๋ฅด๊ธฐ๊น์ง ๊ฑฐ์ ๋ชจ๋ ์ฅ์น์์ ์ํํ๊ฒ ์คํ๋ฉ๋๋ค. ์ด๋ฌํ ์ ๊ทผ์ฑ์ ์ง์์, ํ๊ต ์ฌ๋ ์๊ฐ์, ๋๋ ๋ค๋ฅธ ์ฌ์ดํธ๊ฐ ์ฐจ๋จ๋ ์ ์๋ ์ง์ฅ ๋คํธ์ํฌ์์๋ ShapeMatcher๋ฅผ ์ฆ๊ธธ ์ ์์์ ์๋ฏธํฉ๋๋ค.
๋ธ๋ผ์ฐ์ ๋ฅผ ์ด๊ณ ๊ฒ์์ ๋ก๋ํ ๋ค์ ๋ฌด๋ฃ๋ก ๋ชจ์์ ๋ง์ถ๊ธฐ ์์ํ์ธ์.
ShapeMatcher์ ์ฃผ์ ๋ชฉํ๋ ๊ฐ๋ก ๋๋ ์ธ๋ก๋ก ์ธ ๊ฐ ์ด์์ ๋์ผํ ๋ชจ์์ ์ฐ์์ผ๋ก ๋ง์ถฐ ๊ฐ๋ฅํ ํ ๋ง์ ๋ชจ์์ ์ ๊ฑฐํ๋ ๊ฒ์ ๋๋ค. ์ด๋ ํ์๋ ์๊ฐ์ด ๋ค ๋จ์ด์ง๊ธฐ ์ ์ ๋์ ์ ์๋ฅผ ๋ฌ์ฑํ๊ณ ๋ ๋ฒจ ๋ชฉํ๋ฅผ ์๋ฃํ๋ ๊ฒ์ ๋ชฉํ๋ก ํ์ธ์.
ShapeMatcher๋ฅผ ํ๋ ์ดํ๋ ค๋ฉด ๋ฐ์คํฌํฑ ์ปดํจํฐ์์ ๋ง์ฐ์ค๋ฅผ ์ฌ์ฉํ์ธ์. ์ผ์ชฝ ํด๋ฆญํ๊ณ ๋ชจ์์ ๋๋๊ทธํ์ฌ ์ธ์ ํ ๋ชจ์๊ณผ ์์น๋ฅผ ๋ฐ๊ฟ๋๋ค. ๋ชจ๋ฐ์ผ ์ฅ์น์์๋ ๋จ์ํ ํญํ๊ณ ์ค์์ดํํ์ฌ ๊ทธ๋ฆฌ๋ ์ฃผ๋ณ์ ๋ชจ์์ ์ด๋ํฉ๋๋ค.
ShapeMatcher์ ๊ฐ ๋ ๋ฒจ์ ํน์ ๋ชจ์์ ํน์ ๊ฐ์๋งํผ ์ ๊ฑฐํ๊ฑฐ๋ ์ ์ ์๊ณ๊ฐ์ ๋๋ฌํ๋ ๊ฒ๊ณผ ๊ฐ์ ํน์ ๋ชฉํ๋ฅผ ์ ์ํฉ๋๋ค. ์ด๋ฌํ ๋ชฉํ๋ฅผ ๋ฌ์ฑํ์ฌ ๋ค์ ๋ ๋ฒจ๋ก ์งํํ๋ฉด ๋์ ๊ณผ์ ๊ฐ ์ฝ๊ฐ ๋ ๋ณต์กํด์ง๊ฑฐ๋ ๋ณด๋ ๋ ์ด์์์ด ๋ณ๊ฒฝ๋ ์ ์์ต๋๋ค.
๋ค ๊ฐ ๋๋ ๋ค์ฏ ๊ฐ์ ์์ดํ ์ ๋ง์ถฐ ํน์ ๋ชจ์์ ๋ง๋ค ๊ธฐํ๋ฅผ ์ฐพ์ผ์ธ์. ์ด ๊ฐ๋ ฅํ ๋ชจ์์ ์ ์ฒด ํ, ์ด ๋๋ ๋ณด๋์ ๋ ๋์ ์์ญ์ ์ ๊ฑฐํ์ฌ ๋ชฉํ๋ฅผ ๋ ๋นจ๋ฆฌ ๋ฌ์ฑํ๊ณ ๋ ๋ง์ ์ ์๋ฅผ ์ป๋ ๋ฐ ๋์์ด ๋ ์ ์์ต๋๋ค.
๊ฒ์ ํ
L์ ๋ชจ์์ ์ฐพ์ผ์ธ์ - L ๋๋ T ํํ๋ก ๋ค ๊ฐ์ ๋ชจ์์ ๋ง์ถ๋ฉด ํญํ ๋ชจ์์ด ์์ฑ๋์ด ํญ๋ฐํ๋ฉฐ ์ธ์ ํ ๋ชจ๋ ํ์ผ์ ์ ๊ฑฐํฉ๋๋ค. 5๊ฐ ์ฐ์ ๋ง์ถ๊ธฐ๋ฅผ ์ฐ์ ํ์ธ์ - ํ ์ค์ ๋ค์ฏ ๊ฐ์ ๋ชจ์์ ๋ง์ถ๋ฉด ๊ฐ๋ ฅํ ์์ ํญํ์ด ์์ฑ๋ฉ๋๋ค. ์ธ์ ํ ๋ชจ์๊ณผ ๊ตํํ์ฌ ํด๋น ์์์ ๋ชจ๋ ๋ชจ์์ ๋ณด๋์์ ์ ๊ฑฐํ์ธ์.
๊ตํ์ ๊ณํํ์ธ์ - ์์ง์ด๊ธฐ ์ ์ ์ ์ฌ์ ์ธ ์ฐ์ ๋ฐ์์ด๋ ํ์ ๋งค์น๋ฅผ ์ํด ์ ์ฒด ๋ณด๋๋ฅผ ์ค์บํ์ธ์. ๋๋ก๋ ๊ฒ๋ณด๊ธฐ์ ์์ ๊ตํ์ด ์ฌ๋ฌ ๋ฒ์ ์ ๊ฑฐ๋ฅผ ์ค์ ํ ์ ์์ต๋๋ค. ์๋์์๋ถํฐ ์์ ํ์ธ์ - ๋ณด๋ ์๋์์ ๋งค์น๋ฅผ ๋ง๋ค๋ฉด ๋ ๋ง์ ์ฐ์ ๊ธฐํ๊ฐ ์์ฑ๋์ด ์์์น ๋ชปํ ์ฝค๋ณด ๋งค์น ๊ฐ๋ฅ์ฑ์ด ๋์์ง๋๋ค.
ํน์ ๋ชจ์์ ์๊ปด๋์ธ์ - ๋ ์ข์ ๊ธฐํ๊ฐ ์๋ค๋ฉด ํน์ ๋ชจ์์ ์ฆ์ ์ฌ์ฉํ์ง ๋ง์ธ์. ๋ ๊ฐ์ ํน์ ๋ชจ์์ ๊ฒฐํฉํ๋ฉด ํจ์ฌ ๋ ํ๊ดด์ ์ธ ํจ๊ณผ๋ฅผ ๋ง๋ค ์ ์์ต๋๋ค. ๋ชฉํ์ ์ง์คํ์ธ์ - ํ์ฌ ๋ ๋ฒจ์ ๋ชฉํ์ ์ฃผ์๋ฅผ ๊ธฐ์ธ์ด์ธ์. ํน์ ์์์ด ํ์ํ๋ค๋ฉด ๋ค๋ฅธ ๋งค์น๊ฐ ๋งค๋ ฅ์ ์ผ๋ก ๋ณด์ด๋๋ผ๋ ํด๋น ์์๊ณผ ๊ด๋ จ๋ ๋งค์น๋ฅผ ์ฐ์ ํ์ธ์.
