์ด ํ๋ก์ ํธ๋ ๊ตฌ๊ธ AI ์คํ๋์ค๋ฅผ ํ์ฉํ์ฌ ์ฝ๋ฉ ๊ฒฝํ์ด ์๋ ์ฌ๋๋ค๋ ์ฝ๊ฒ ๋๋ง์ AI ์ฑ๋ด์ ๋ง๋ค ์ ์๋ ๋ฐฉ๋ฒ์ ์๊ฐํฉ๋๋ค. ์ฌ๊ธฐ์๋ ๊ตฌ์ฒด์ ์ผ๋ก ํ๋ก ํธ์๋ ๋ถ๋ถ์ ๊ตฌํ์ ๋ํด ๋ค๋ฃน๋๋ค.
์ด ํ๋ก ํธ์๋ ํ๋ก์ ํธ๋ ์ฌ์ฉ์๊ฐ ์ฑ๋ด๊ณผ ์ํธ์์ฉํ ์ ์๋ ์น ์ธํฐํ์ด์ค๋ฅผ ์ ๊ณตํฉ๋๋ค. ์ฌ์ฉ์๋ ํน์ ํ์ฌ๋ ์ฃผ์ ์ ๋ํด ์ง๋ฌธํ๋ฉด, ๊ตฌ๊ธ AI ์คํ๋์ค๋ฅผ ํตํด ํ์ต๋ ์ฑ๋ด์ด ์ ์ ํ ๋ต๋ณ์ ์ ๊ณตํฉ๋๋ค.
- ์ฌ์ฉ์ ์ ๋ ฅ: ์ฌ์ฉ์๋ ํ ์คํธ ์ ๋ ฅ์ ํตํด ์ฑ๋ด์ ์ง๋ฌธ์ ํ ์ ์์ต๋๋ค.
- ๋ต๋ณ ํ์: ์ฑ๋ด์ ์ฌ์ฉ์์ ์ง๋ฌธ์ ๋ํ ๋ต๋ณ์ ํ๋ฉด์ ํ์ํฉ๋๋ค.
- ๋ฐ์ํ ๋์์ธ: ๋ชจ๋ ๋๋ฐ์ด์ค์์ ์ฌ์ฉ์ ์นํ์ ์ธ ๊ฒฝํ์ ์ ๊ณตํฉ๋๋ค.
์ด ํ๋ก์ ํธ๋ฅผ ๋ก์ปฌ ํ๊ฒฝ์์ ์คํํ๊ธฐ ์ํด์๋ ๋ค์์ด ํ์ํฉ๋๋ค:
- ์น ๋ธ๋ผ์ฐ์ (Chrome, Firefox, Safari ๋ฑ)
- ๊ธฐ๋ณธ์ ์ธ HTML/CSS ์ง์ (์ ํ์ )
- ์ด ์ ์ฅ์๋ฅผ ๋ณต์ ํฉ๋๋ค.
index.htmlํ์ผ์ ์น ๋ธ๋ผ์ฐ์ ์์ ์ฝ๋๋ค.
-๊ธฐ๋ฅ : script.js ํ์ผ์ ํด๋ผ์ฐ๋ ํ์ ์ ์๋ฒ์ฃผ์๋ฅผ ์ฌ๋ฌ๋ถ์ ์ฃผ์๋ก ๋ณ๊ฒฝํด์ฃผ์ธ์.
- ๋์์ธ : ์ด ํ๋ก ํธ์๋ ํ๋ก์ ํธ๋ ์ฝ๊ฒ ์ปค์คํฐ๋ง์ด์ง ํ ์ ์์ต๋๋ค. HTML๊ณผ CSS ํ์ผ์ ์์ ํ์ฌ ๋์์ธ์ ๋ณ๊ฒฝํ ์ ์์ต๋๋ค. ์์ธํ ๋ด์ฉ์
index.html๊ณผstyle.cssํ์ผ์ ์ฐธ์กฐํ์ธ์.
์ด ํ๋ก์ ํธ์ ๊ธฐ์ฌํ๊ณ ์ถ์ผ์๋ค๋ฉด, ํผ๋๋ฐฑ์ ๋ฑ๋กํด ์ฃผ์ธ์. ๋ชจ๋ ๊ธฐ์ฌ์๋๋ค๊ป ๊ฐ์ฌ๋๋ฆฝ๋๋ค!
์ด ํ๋ก์ ํธ๋ MIT ๋ผ์ด์ ์ค๋ฅผ ๋ฐ๋ฆ ๋๋ค.
์ง๋ฌธ์ด๋ ์ ์์ด ์์ผ์๋ฉด openaiteacher@gmail.com ์ ๋ฉ์ผ์ ๋ณด๋ด์ฃผ์ธ์.