Giter VIP home page Giter VIP logo

hangul_spelling_quiz_copy's Introduction

Hangul-Spelling-Test

ํ•œ๊ธ€ ๋งž์ถค๋ฒ• ํ€ด์ฆˆ ๋ฐ˜์‘ํ˜• ์›น์‚ฌ์ดํŠธ

๐Ÿ‘ฉโ€๐Ÿ’ป ํŒ€์›

@EUNDINI @VanesaK @Hansol-Jeong-93

๐Ÿ›  ํ™œ์šฉ ๋„๊ตฌ

  • ํ”„๋ก ํŠธ์—”๋“œ

    • Html
    • CSS
    • JavaScript
    • BootStrap

๐Ÿ“‘ ๊ธฐํš

  • Inflearn ์‹ฌ๋ฆฌ ํ…Œ์ŠคํŠธ ์ œ์ž‘ ๊ฐ•์˜ ๋‚ด์šฉ์„ ๋ฐ”ํƒ•์œผ๋กœ โ€˜ํ•œ๊ธ€ ๋งž์ถค๋ฒ• ํ€ด์ฆˆโ€™ ๋ฐ˜์‘ํ˜• ์›น์‚ฌ์ดํŠธ ์ œ์ž‘

  • ์ด 20๋ฌธ์ œ, 5๋‹จ๊ณ„์˜ ๊ฒฐ๊ณผ์ง€ ์ œ์ž‘

  • ์ฃผ์š” ๊ธฐ๋Šฅ

    • ๋ฐ˜์‘ํ˜• ์›น์‚ฌ์ดํŠธ
    • 20๊ฐœ ํ€ด์ฆˆ๋ฅผ ํ†ตํ•ด ์ ์ˆ˜์— ๋”ฐ๋ผ 1~5๋‹จ๊ณ„๋กœ ๊ฒฐ๊ณผ ๋ถ„๋ฅ˜
    • ์ •๋‹ต ํ™•์ธํ•˜๊ธฐ
    • ๊ณต์œ ํ•˜๊ธฐ (์นด์นด์˜คํ†ก, ํŽ˜์ด์Šค๋ถ, ํŠธ์œ„ํ„ฐ, ๋งํฌ ๋ณต์‚ฌ)

  • ํ”„๋กœํ† ํƒ€์ž…(Figma)

    https://www.figma.com/file/JQFdz2Rrd1AscEOsqKEXQp/%EB%A7%9E%EC%B6%A4%EB%B2%95-Quiz?node-id=156%3A0


๐Ÿ“ ์ˆ˜์ • ๋ฐ ๊ธฐ๋Šฅ ์ถ”๊ฐ€ ์‚ฌํ•ญ ( by. yyj33 )

  • css

    • speak.css ์ถ”๊ฐ€ : ํ™”๋ฉด์— ๋‚˜์˜ค๋Š” ๋ฒ„ํŠผ๊ณผ ๋ฌธ์ œ๋“ค์„ ์ฝ์–ด์ฃผ๋Š” ๊ธฐ๋Šฅ์„ ์‹คํ–‰ํ•˜๊ธฐ ์œ„ํ•ด ๋ˆŒ๋Ÿฌ์•ผ ํ•˜๋Š” ์Šคํ”ผ์ปค ์ด๋ฏธ์ง€ ์‚ฌ์ด์ฆˆ ๋ฐ ์œ„์น˜ ์กฐ์ •
    • ๋ฐ”ํƒ•์ƒ‰์ƒ, ๋ฒ„ํŠผ์ƒ‰์ƒ ๋ณ€๊ฒฝ

  • js

    • start.js(=main.js)
      • Answer์„ ํƒ์‹œ ์ •๋‹ต์ธ์ง€ ์˜ค๋‹ต์ธ์ง€ ์•Œ๋ ค์ฃผ๋Š” ๊ธฐ๋Šฅ ์ถ”๊ฐ€
      • ํ€ด์ฆˆ ๊ฒฐ๊ณผ์—์„œ ์ •๋‹ต๋ณด๊ธฐ๋ฅผ ๋ˆŒ๋ €์„ ๋•Œ ๋ฌธ์ œ์™€ ํ•จ๊ป˜ ๋‚ด๊ฐ€ ์„ ํƒํ•œ ๋‹ต๊ณผ ์ •๋‹ต์„ ๋ณด์—ฌ์ฃผ๋Š” ๊ธฐ๋Šฅ ์ถ”๊ฐ€
      • ํ€ด์ฆˆ ๊ฒฐ๊ณผ์—์„œ ์ •๋‹ต๋ณด๊ธฐ๋ฅผ ๋ˆŒ๋ €์„ ๋•Œ ๋ฐ‘์— ์„ ํƒํ•œ ๋‹ต๊ณผ ์ •๋‹ต์ด ๋™์ผํ•˜๋ฉด ๐Ÿ’š์ด ๋‚˜์˜ค๊ฒŒ ํ•˜๊ณ  ๋‹ค๋ฅด๋ฉด โค๏ธ์ด ๋‚˜์˜ค๋Š” ๊ธฐ๋Šฅ ์ถ”๊ฐ€
      • ํ€ด์ฆˆ ๊ฒฐ๊ณผ์—์„œ ์ •๋‹ต๋ณด๊ธฐ๋ฅผ ๋ˆŒ๋ €์„ ๋•Œ ์ œ์ผ ์œ—๋ถ€๋ถ„์— ์ •๋‹ต๊ฐœ์ˆ˜๋ฅผ ๋‚˜์˜ค๊ฒŒ ํ•˜๋Š” ๊ธฐ๋Šฅ์ถ”๊ฐ€
      • ์Šคํ”ผ์ปค ์ด๋ฏธ์ง€๋ฅผ ๋ˆ„๋ฅด๋ฉด ํ™”๋ฉด์— ๋‚˜์˜ค๋Š” ๊ธ€์ž๋ฅผ ์ฝ์–ด์ฃผ๋Š” ๊ธฐ๋Šฅ ์ถ”๊ฐ€

  • html

    • speak.css ์Šคํƒ€์ผ ์‹œํŠธ์ถ”๊ฐ€
    • ์‹œ์ž‘ํ•˜๊ธฐ ๋ฐ‘์— ์Šคํ”ผ์ปค ๋ฒ„ํŠผ ์ถ”๊ฐ€
    • ์ •๋‹ต๋ณด๊ธฐ ๋ฐ‘์— ์Šคํ”ผ์ปค ๋ฒ„ํŠผ ์ถ”๊ฐ€

  • ์ˆ˜์ • ์ด๋ฏธ์ง€

alt text alt text alt text alt text alt text alt text

hangul_spelling_quiz_copy's People

Contributors

jaejlf avatar codingblueocean avatar eundini avatar vanesak avatar hansol-jeong-93 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.