ํ๊ธ ๋ง์ถค๋ฒ ํด์ฆ ๋ฐ์ํ ์น์ฌ์ดํธ
@EUNDINI @VanesaK @Hansol-Jeong-93
-
- Html
- CSS
- JavaScript
- BootStrap
-
- ๋ฐ์ํ ์น์ฌ์ดํธ
- 20๊ฐ ํด์ฆ๋ฅผ ํตํด ์ ์์ ๋ฐ๋ผ 1~5๋จ๊ณ๋ก ๊ฒฐ๊ณผ ๋ถ๋ฅ
- ์ ๋ต ํ์ธํ๊ธฐ
- ๊ณต์ ํ๊ธฐ (์นด์นด์คํก, ํ์ด์ค๋ถ, ํธ์ํฐ, ๋งํฌ ๋ณต์ฌ)
-
https://www.figma.com/file/JQFdz2Rrd1AscEOsqKEXQp/%EB%A7%9E%EC%B6%A4%EB%B2%95-Quiz?node-id=156%3A0
-
- speak.css ์ถ๊ฐ : ํ๋ฉด์ ๋์ค๋ ๋ฒํผ๊ณผ ๋ฌธ์ ๋ค์ ์ฝ์ด์ฃผ๋ ๊ธฐ๋ฅ์ ์คํํ๊ธฐ ์ํด ๋๋ฌ์ผ ํ๋ ์คํผ์ปค ์ด๋ฏธ์ง ์ฌ์ด์ฆ ๋ฐ ์์น ์กฐ์
- ๋ฐํ์์, ๋ฒํผ์์ ๋ณ๊ฒฝ
-
- start.js(=main.js)
- Answer์ ํ์ ์ ๋ต์ธ์ง ์ค๋ต์ธ์ง ์๋ ค์ฃผ๋ ๊ธฐ๋ฅ ์ถ๊ฐ
- ํด์ฆ ๊ฒฐ๊ณผ์์ ์ ๋ต๋ณด๊ธฐ๋ฅผ ๋๋ ์ ๋ ๋ฌธ์ ์ ํจ๊ป ๋ด๊ฐ ์ ํํ ๋ต๊ณผ ์ ๋ต์ ๋ณด์ฌ์ฃผ๋ ๊ธฐ๋ฅ ์ถ๊ฐ
- ํด์ฆ ๊ฒฐ๊ณผ์์ ์ ๋ต๋ณด๊ธฐ๋ฅผ ๋๋ ์ ๋ ๋ฐ์ ์ ํํ ๋ต๊ณผ ์ ๋ต์ด ๋์ผํ๋ฉด ๐์ด ๋์ค๊ฒ ํ๊ณ ๋ค๋ฅด๋ฉด โค๏ธ์ด ๋์ค๋ ๊ธฐ๋ฅ ์ถ๊ฐ
- ํด์ฆ ๊ฒฐ๊ณผ์์ ์ ๋ต๋ณด๊ธฐ๋ฅผ ๋๋ ์ ๋ ์ ์ผ ์๋ถ๋ถ์ ์ ๋ต๊ฐ์๋ฅผ ๋์ค๊ฒ ํ๋ ๊ธฐ๋ฅ์ถ๊ฐ
- ์คํผ์ปค ์ด๋ฏธ์ง๋ฅผ ๋๋ฅด๋ฉด ํ๋ฉด์ ๋์ค๋ ๊ธ์๋ฅผ ์ฝ์ด์ฃผ๋ ๊ธฐ๋ฅ ์ถ๊ฐ
- start.js(=main.js)
-
- speak.css ์คํ์ผ ์ํธ์ถ๊ฐ
- ์์ํ๊ธฐ ๋ฐ์ ์คํผ์ปค ๋ฒํผ ์ถ๊ฐ
- ์ ๋ต๋ณด๊ธฐ ๋ฐ์ ์คํผ์ปค ๋ฒํผ ์ถ๊ฐ