- ์ฝ๋ก๋ 19 ์๋๊ฐ ๋๋ ํ ์ฌ๋ฌ ์ฌ๋์ด ๋ชจ์ฌ์ ํจ๊ป ๋ ํฌ๋ ์ด์ ์ ์ฆ๊ธธ ์ ์๋ ๋ ์ด ํ๋ฃจ ๋นจ๋ฆฌ ์ค๊ธฐ๋ฅผ ๋ฐ๋ผ๋ฉฐ ๋ ํฌ๋ ์ด์ ๋ด๋น ์ ์์ง, ์คํํ๋ฅผ ์ํ ํ๊ธ ์ด์ฑ ํด์ฆ Tool
- ๋ํ ๊ฐ์ธ์ ์ผ๋ก ์ธ๋ถ JS ํ๋ ์์ํฌ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์์ด ์ค์ง
HTML
,CSS
,Vanilla Javascript
๋ง์ผ๋ก ํ๋ก ํธ์๋ ๊ตฌํ ๋ฅ๋ ฅ์ ํค์ฐ๊ธฐ ์ํด ์ํํ๋ ํ๋ก์ ํธ์ด๊ธฐ๋ ํ๋ค.
- clone์ ๋ฐ์ ํ
index.html
ํ์ผ์ ์ด๋ฉด ๋๋ค. - ๋๋ Visual Studio Code์์
Live Server
Extensions์ ๋ค์ด๋ฐ์ ๊ฒฝ์ฐ clone์ ๋ฐ์ ํ Visual Studio Code ์๋ํฐ์์ ํด๋น ํ๋ก์ ํธ๋ฅผ ์ฐ ํindex.html
์Live Server
๋ก ์ด๋ฉด ๋๋ค.
SetKeyword
์ปดํฌ๋ํธ ์์ญ์์ ๊ธฐ์ค์ด ๋๋ ์ด์ฑ ๋ ์๋ฅผ ์ ๋ ฅํ ํWordList
์ปดํฌ๋ํธ ์์ญ์ ๋จ์ด๋ฅผ ์ถ๊ฐํด์ ์ ์ฅํ ์ ์๋ค.- ๊ธฐ์ค ์ด์ฑ๊ณผ ๋ค๋ฅธ ๋จ์ด๋ฅผ ์ ๋ ฅํ๋ ๊ฒฝ์ฐ ๋จ์ด๊ฐ ๋ฑ๋ก๋์ง ์๋๋ค.
- ๋ํ ์ต๊ทผ์ ์ค์ ํ ๊ธฐ์ค ์ด์ฑ ๋ด์ญ์ 5๊ฐ๊น์ง ๋ณผ ์ ์๋ค.
- (์ถํ ๊ตฌํ ๊ณํ) ์๋ก์ด ๋จ์ด๋ฅผ ์
๋ ฅํ ๊ฒฝ์ฐ
WordList
์ปดํฌ๋ํธ ์ฐ์ธก์ ๊ตญ๋ฆฝ๊ตญ์ด์ ํ์ค๊ตญ์ด๋์ฌ์ OPEN API๋ฅผ ์ฌ์ฉํด์ ๋ฑ๋กํ ๋จ์ด๊ฐ ์๋์ง ํ์ธ ํ ๊ฒ์ํ ๊ฒฐ๊ณผ๋ฅผ ๋ณด์ฌ์ค ์ ์๋๋ก ๊ตฌํํ ๊ณํ์ด๋ค.(์ ์์ง์ด๋ ์คํํ๊ฐ ๋ชจ๋ฅด๋ ๋จ์ด๊ฐ ์์ ์ ์๊ธฐ ๋๋ฌธ์ ์ ํํ ํ์ธ์ ์ํด ๊ตฌํํ ๊ณํ)
- ์ถ๊ฐ๋ก ์ข์ ์์ด๋์ด๋ ๊ฑด์ ์ฌํญ, ์์ ์ฌํญ ๋ฑ ๊ธฐํ ์๊ฒฌ์ด ์์ผ์ ๊ฒฝ์ฐ
Issues
Tab์ ๋จ๊ฒจ ์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค.