์๊ณ ๋ณด๋ ํ๋ก์ ํธ ์๊ตฌ์ฌํญ์ ํ์ document๋ form ๋ฐ์ ๋ ๋๋ง๋๊ฒ ํด๋จ๋ ๊ฑธ ๊น๋จน๊ณ ์์์ต๋๋ค ๐๋ฐ๋ผ์ ์ด๋ฅผ ์ด๋ป๊ฒ ํ๋ฉด ์ข ๋ ์ฌ์ฌ์ฉ์ฑ ๋๊ฒ ์ ์ธ ์ ์์๊นํ๋ค๊ฐ, ๋ ๋ฆฌํฉํ ๋ง์ ํ์ด์!๊ฒฐ๊ณผ์ ์ผ๋ก ์ด๋ป๊ฒ ๋ณํ๋์ง๋ฅผ ์ดํด๋ด ์๋ค!๊ธฐ์กด subDocument
์ ๋ ์ ์ฝ๋๋ฅผ ๋ณผ ๋ ํญ์ ๋ค์์ ์ฐ๋ คํฉ๋๋ค.์ด ์ฝ๋, ๊ณผ์ฐ ๋์ค์ ๋ ์ธ ์ ์์๊น?๋ญ๊ฐ ์ค๋ณต๋๋ ๋ฏํ ๋๋์ด ๋๋๋ฐ?!์ฑ๋ฅ ๋ฉด์์ ์ ๊ฝ ์๋?!๊ทธ๋ฌ๋ค ๋ณด๋, ์ด๋ฒ์๋ ๋ญ๊ฐ ์ ์ฝ๋๋ฅผ ๋ณด๋๋ฐ, ์ด๋ฒคํธ ์ชฝ์ ์์ด์ ์ค๋ณต๋๋ ๋ถ๋ถ์ด ๋ช ์ฐจ๋ก๋ณด์ด๊ฒ ๋์ด์.๋ฐ๋ผ์ ์์ํฉ
์ ๊ฐ ์ด ํ๋ก์ ํธ๋ฅผ ํ๋ฉด์, ๋ฌธ๋ ์ด๋ฐ ์๊ฐ์ ํด๋ดค์ด์.๋ญ๊ฐ ํ๋ํ๋ ์ํ๋ณ๊ฒฝ์ ์ญ~๋ด๋ ค๊ฐ์ง ์๊ณ , ๊ทธ๋ฅ ๋ณ๊ฒฝ์ํฌ๋งํ ์์ด๋์ด๊ฐ ์์๊น?!๊ทธ๋ฌ๋ค ์๊ฐ๋ ๊ฒ ๋ฐ๋ก, customEvent๋ฅผ ์ ํ์ฉํ์!๋ ๊ฑฐ์์ด์. ๊ณ์ํด์ window์์ ๋ ๋๋ง ๋ ์ดํ ์ด๋ฒคํธ ๋ฆฌ์ค๋๋ฅผ
์์ํ๋ฉฐ ๐ ์ผ๋จ ์ง๊ธ์ ๊ฒฝ์ฐ, ๋ ธ์ ์ฒ๋ผ
์... ํ์ฌ 12์๊ฐ ํ๋ก์ ํธ ์ค์ธ๋ฐ, ๊ฐ์ ๋ถ๋ถ์์ 3์๊ฐ ์ฝ์งํ๋ค์...! ์ธ๋ด์ฌ์ด ๋๊น์ง ๋ฌ๋ฆฌ๋ ์๊ฐ, ๋ญ๊ฐ ์ ๊ฐ ์คํด๊ฐ ์์ ๊ฑฐ๋ ๋ถ๋ถ์ ์๊ฐํด์ ์์ ํ ๊ฒฐ๊ณผ, ์ ์ ๋์์ ํ๊ฒ ๋์๋๋ค!!! ๐๐๐์ด๋์ ์ ๋ง... ์ธ๋ฌ๋์ด ์ค์ํ๋ค๋ ๊ฒ์ ๋ค์๊ธ ๋๋๋
์์ํ๋ฉฐ ๐ ์ด๋ฒ์๋ ํ ๊ธ ๋ฒํผ์ ๊ตฌํ ํ ๊ธ์ ์ฐ๊ฒ ๋๋ค์ ๐ ์ญ์ ์๋ฒฝ ๊ฐ์ฑ ์ฝ๋ฉ์ด ์ ์ ์ข ์ ๋ง๋ ๊ฑฐ ๊ฐ์ต๋๋ค! ์ฌ์ค ์ด๊ฑด ์ข ํท๊ฐ๋ฆฌ๋ ๊ฒ ๋ช ๊ฐ์ง ์์๋๋ฐ์! ๊ฒฐ๊ตญ ํด๊ฒฐํด๋๋ค๋ ๊ฒ์ ํฐ ๋ง์กฑ์ ํ๋ ค ํฉ๋๋ค ๐ >feat: document.querySel
์ค๋์ ์นํฉ ๋ฒ๋ค๋ฌ๋ฅผ ๋ฌ์์ด์!์ฌ์ค Parcel์ ํ ๊น๋ ๊ต์ฅํ ๊ณ ๋ฏผ์ด ๋ง์์ด์. ๊ฒฐ๊ตญ ๋ฒ๋ค๋ฌ๋ ์ํฉ์ ๋ง๋ ์ ํ์ด๋ผ ์๊ฐํ๋๋ฐ, ํ์ฌ ํ๋ก์ ํธ๊ฐ ์์๋ฐ๋ค, ๊ตณ์ด ์~์ฒญ ๋ํ ์ผํ ์ต์ ์ ๋ฌ ๊ฒ ์์ด์, parcel๋ง์ผ๋ก๋ ์ถฉ๋ถํ๊ธฐ ๋๋ฌธ์ด์์.์ฌ์ค ์นํฉ์ ๋ฌ๊ธฐ ์ํ ์ด์
์ดใ ก์ธํ๊ฒ ํด๋ก์ ํ์ฉํด์ ์ ์ญ๋ณ์ ์์ด timer ์ค์ ํ๊ธฐ ๐๐ป
ํ! ์ด์ ์ค๋ ๊ฑฐ์ 10์๊ฐ ๋์ ํค๋งค๋ค๊ฐ ๊ฒฐ๊ตญ ๊ตฌํํด๋์ด์! ๐๐ป๐๐ป๐๐ป์ฌ์ค ์๋ฆฌ๋ ์ผ์ถ ์๊ณ ์์๋๋ฐ, ์ ์ฝ๋๋ฅผ ๋ค ๋ค์์ด์ผ ํ๋ ์ผ์ด์ค๋ผ, ๊ฒฐ๊ตญ ๋ค๋ฅธ ๊ผผ์(?)๋ฅผ ์ฐพ๋ค๊ฐ ๋ฐ๊พธ๊ฒ ๋๋ค์. ํ์ง๋ง ๊ฒฐ๊ตญ ๊ทํ ๊ฑธ ์ป์์ด์. ๋ง์ค์ผ๊น, ๋ง๊นํ ๋๋ ๊ทธ๋ฅ ์ง
์ต๊ทผ์ PPT ์ ์๋ ํ๋ด, ์ด๋ ๊ฒ ์ ์ ์๋ ํ๋ฃจ๋ ์ค๋๋ง์ด๋ค์. ์ ๋ ์ง๊ธ ๊ต์ก์ ๋ค์ผ๋ฉฐ ์ ์๊ธธ์ ๋ชจ์ํ๊ณ ์์ง๋งํ์คํ ๋ฐ๊นฅ์, ํ๋ฐ๊ธฐ๊ฐ ์์๋์ด๊ฐ๋ ๋ฏํ ๋๋์ด ๋ค์ด์.๊ทธ๋์์ธ์ง, ์ต๊ทผ์ ์ ~๋ง ๋ง์ ๊ณ ๋ฏผ์ ํ๋๋ฐ์, ๊ทธ๋๋ ์ญ์ ์ด ๋ชจ๋ ๊ฒ์ด ์ ๊ฐ ๊ฐ๋ฐ ์ค๋ ฅ์ด
๋ ธ์ ๊ณผ ๊ฐ์ ๊ธฐ๋ฅ์ ๊ฐ์ง ํ๋ก์ ํธ ์์!