Html, CSS, JavaScript Quiz

๊ด‘๊ณ  ํฌํ•จ์ธ์•ฑ ๊ตฌ๋งค
5์ฒœ+
๋‹ค์šด๋กœ๋“œ
์ฝ˜ํ…์ธ  ๋“ฑ๊ธ‰
PEGI 3
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€
์Šคํฌ๋ฆฐ์ƒท ์ด๋ฏธ์ง€

๊ฒŒ์ž„ ์†Œ๊ฐœ

HTML, CSS ๋ฐ JavaScript ํ€ด์ฆˆ ์•ฑ์œผ๋กœ ์›น ๊ฐœ๋ฐœ ๊ธฐ์ˆ ์„ ์—ฐ๋งˆํ•˜์„ธ์š”! ๊ท€ํ•˜๊ฐ€ ์ดˆ๋ณด์ž์ด๋“  ๋…ธ๋ จํ•œ ๊ฐœ๋ฐœ์ž์ด๋“  ์ด ์•ฑ์€ ํ•ต์‹ฌ ์›น ๊ธฐ์ˆ ์— ๋Œ€ํ•œ ์ง€์‹์„ ํ…Œ์ŠคํŠธํ•˜๊ณ  ํ–ฅ์ƒ์‹œํ‚ค๋Š” ๋ฐ ๋„์›€์ด ๋˜๋Š” ํ€ด์ฆˆ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

HTML: ์›น์˜ ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ๋ฐฐ์šฐ๊ณ  ํƒœ๊ทธ, ์†์„ฑ, ์–‘์‹ ๋“ฑ์— ๋Œ€ํ•œ ์ง€์‹์„ ํ…Œ์ŠคํŠธํ•ฉ๋‹ˆ๋‹ค.

CSS: ์„ ํƒ๊ธฐ๋ถ€ํ„ฐ ๋ ˆ์ด์•„์›ƒ๊นŒ์ง€ ์Šคํƒ€์ผ๋ง ๊ธฐ์ˆ ์„ ์‚ดํŽด๋ณด๊ณ  ๋ฐ˜์‘ํ˜• ๋””์ž์ธ์— ๋Œ€ํ•œ ์ดํ•ด๋ฅผ ๋†’์ด์„ธ์š”.

JavaScript: ํ•จ์ˆ˜, ๋ฃจํ”„, DOM ์กฐ์ž‘ ๋ฐ ์ด๋ฒคํŠธ ์ฒ˜๋ฆฌ์— ๋Œ€ํ•œ ์งˆ๋ฌธ์— ๋„์ „ํ•ด ๋ณด์„ธ์š”.

ํ•™์ƒ, ๊ฐœ๋ฐœ์ž ๋˜๋Š” ์›น ๊ฐœ๋ฐœ ์ง€์‹์„ ๋ฐฐ์šฐ๊ฑฐ๋‚˜ ์ƒˆ๋กœ ๊ณ ์น˜๋ ค๋Š” ๋ชจ๋“  ์‚ฌ๋žŒ์—๊ฒŒ ์ ํ•ฉํ•ฉ๋‹ˆ๋‹ค!
์—…๋ฐ์ดํŠธ ๋‚ ์งœ
2025. 7. 8.

๋ฐ์ดํ„ฐ ๋ณด์•ˆ

๋ณด์•ˆ์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ฐ์ดํ„ฐ๋ฅผ ์ˆ˜์ง‘ ๋ฐ ๊ณต์œ ํ•˜๋Š” ๋ฐฉ์‹์„ ํŒŒ์•…ํ•˜๋Š” ๊ฒƒ์—์„œ ์‹œ์ž‘๋ฉ๋‹ˆ๋‹ค. ๋ฐ์ดํ„ฐ ๊ฐœ์ธ ์ •๋ณด ๋ณดํ˜ธ ๋ฐ ๋ณด์•ˆ ๊ด€ํ–‰์€ ์‚ฌ์šฉ์ž์˜ ์•ฑ ์‚ฌ์šฉ, ์ง€์—ญ, ์—ฐ๋ น์— ๋”ฐ๋ผ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ œ๊ณตํ•œ ์ •๋ณด์ด๋ฉฐ ์ถ”ํ›„ ์—…๋ฐ์ดํŠธ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์•ฑ์—์„œ ์ œ3์ž์™€ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐ์ดํ„ฐ ์œ ํ˜•
์œ„์น˜, ์•ฑ ํ™œ๋™ ์™ธ 2๊ฐœ ํ•ญ๋ชฉ
์ˆ˜์ง‘๋œ ๋ฐ์ดํ„ฐ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.
๊ฐœ๋ฐœ์ž๊ฐ€ ์–ด๋–ป๊ฒŒ ์ˆ˜์ง‘์„ ์„ ์–ธํ•˜๋Š”์ง€ ์ž์„ธํžˆ ์•Œ์•„๋ณด์„ธ์š”.
์ „์†ก ์ค‘ ๋ฐ์ดํ„ฐ ์•”ํ˜ธํ™”๋จ

์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ

- Added AI feature
a. AI generated explanations for each quiz
b. AI Quiz generation