μ λͺ© : νμ΄λ¨Έ ν¨μλ₯Ό μ΄μ©ν λλμ§ μ‘κΈ° κ²μ
κΈ°κ° : 2019.09.16 ~ 2019.10.01
κ°λ° νκ²½ : HTML, CSS, JavaScript, jQuery, VScode, Git
- λͺ©ν : μ½λ°± ν¨μμ λν μ΄ν΄λ ν₯μ
- λ΄μ© : pc, tablet, mobile μ΄ 3λ² μμ νμμΌλ©° setTimeout ν¨μλ₯Ό μ΄μ©νμ¬ μ μν λ°μν λλμ§ μ‘κΈ° κ²μ μ¬μ΄νΈμ λλ€.
- 9κ°μ λλμ§ κ΅΄μ΄ μ΄κΈ° νλ©΄μ λ±μ₯ν΄μΌ νλ€.
- μμ λ²νΌμ΄ μμ΄μΌ νλ©° μ¬μ©μκ° μμ λ²νΌμ λλ₯Ό κ²½μ°, κ²μμ΄ μμλλ€.
- κ²μμ΄ μμλκ³ λμ 1μ΄ ν, 첫 λ²μ§Έ λλμ§κ° λλ€ν κ΅΄μμ λμμΌ νλ€.
- λλμ§κ° λνλ λλμ§ κ΅΄μ μ¬μ©μκ° ν΄λ¦ν κ²½μ°, λλμ§λ₯Ό μ‘μ κ²μΌλ‘ κ°μ£Όνλ€.
- λλμ§κ° λνλ λλμ§ κ΅΄μ μ¬μ©μκ° 3μ΄ λ΄μ ν΄λ¦νμ§ μμ κ²½μ°, λλμ§λ₯Ό μ‘μ§ λͺ»ν κ²μΌλ‘ κ°μ£Όνλ€.
- μ¬μ©μκ° λλμ§λ₯Ό μ‘κ±°λ μ ν μκ°(3μ΄)κ° μ΄κ³Όλμμ κ²½μ°, 1μ΄μ μΆκ° κ°κ²©μ λκ³ λλ€μ λλ€ν λλμ§ κ΅΄μμ λλμ§κ° λνλμΌ νλ€.
- λ€μμ λλμ§κ° λνλλ λλμ§ κ΅΄μ λ°λ‘ μ΄μ μλ²μ λλμ§κ° λνλ¬λ κ΅΄κ³Όλ λ€λ₯Έ κ΅΄μ΄μ΄μΌλ§ νλ€.
- μ¬μ©μκ° λλμ§λ₯Ό μ‘μ μ κΈ°νλ 10λ²μΌλ‘ μ ννλ€.
- 10λ²μ μλκ° λλ νμλ (λ§ν νμ / 10) X 100μΌλ‘ κ³μ°νμ¬ μ¬μ©μμ μ μλ₯Ό νλ©΄μ νκΈ°ν΄μ€λ€.
- μ¬μ©μμ μ μκ° νκΈ°λ ν, μ¬μμ λ²νΌμ΄ λνλμΌ νλ€.
- μ¬μμ λ²νΌμ λλ₯Ό κ²½μ°, λ€μ κ²μμ΄ μμλμ΄μΌ νλ€.
νλ‘μ νΈ μ§ν μ λ¬Έμ μ : μ½λ°± ν¨μμ λν μ΄ν΄λκ° λΆμ‘±νμ¬ μνλ 쑰건μ κ²μμ ꡬννλ λ°μ μμ΄ λ¬Έμ μ μ κ²ͺμμ΅λλ€.
νλ‘μ νΈ λ¬Έμ μ ν΄κ²° λ°©λ² : setTimeout ν¨μμ λν 곡λΆμ callback ν¨μμ λν΄ μ€μ μ μ© μ¬λ‘λ₯Ό 곡λΆν¨μΌλ‘μ¨ ν΄κ²°ν μ μμμ΅λλ€.
[μ
λ°μ΄νΈ μΌμ : 2020. 01. 30]
9κ°μ λλμ§ κ΅΄μ μ΄κΈ°μ μΈν
ν΄μ£Όλ ν¨μμ
λλ€.
holeμ μ΄λ―Έμ§λ cssλ‘ λ―Έλ¦¬ ꡬνμ ν΄λμ λ€, λλ€ν λ²νΈλ‘ λλμ§λ₯Ό λΆλ¬μμΌ νκΈ° λλ¬Έμ imgμ idμ μ°¨λ‘λλ‘ id κ°μ λ£μ΄μ£Όμμ΅λλ€.
κ²μμ μμνλ λ²νΌμ μ΄λ²€νΈ νΈλ€λ¬ ν¨μμ
λλ€.
μμ λ²νΌμ λλ₯΄λ μκ°, μ¬μ©μμ κ²μ μ¬λΆλ₯Ό νλ¨νλ isPlay λ³μλ₯Ό trueλ‘ λ°κΏμ€κ³Ό λμμ μμ λ²νΌμ λΉνμ±νλ‘ λ§λ€μ΄ μ€λλ€.
setTimeout ν¨μλ₯Ό μ΄μ©νμ¬ λ²νΌμ λλ₯΄κ³ 1μ΄ λ€, κ²μμ μμνκ² λ§λ€μ΄ μ£Όμμ΅λλ€.
λλμ§λ₯Ό λΆλ¬μ£Όλ©° κ²μμ μλνλ ν¨μμ
λλ€.
λμλ₯Ό μμ±νμ¬ ν΄λΉ λμ μ리μ μλ λλμ§λ₯Ό λΆλ¬μ£Όλ©° κΈ°νλ₯Ό 체ν¬νκΈ° μν turn λ³μλ₯Ό 1μ© μ¦κ°μμΌ μ£Όμμ΅λλ€.
λͺ» μ‘μ κ²½μ°μ μ‘μ κ²½μ°λ₯Ό λλΉνμ¬ moleAgainμ λν λ¦¬ν΄ κ°μ missMoleμ΄λΌλ λ³μμ λ΄μμ£Όμμ΅λλ€.
λλμ§λ₯Ό μ‘λ μκ°, catchMoleμ΄λΌλ μ΄λ²€νΈ νΈλ€λ¬ ν¨μκ° λ°μν©λλ€.
λλμ§λ₯Ό μ κ±°νλ©° λλμ§λ₯Ό λ€μ λΆλ₯΄κ³ λ§μ§λ§ ν΄μ λͺ¨λ¬μ λμ°λ ν¨μμ
λλ€.
κΈ°μ‘΄μ λμ μλ λλμ§λ₯Ό μ κ±°νκ³ λλμ§κ° λ λμ€μ§ μκ² νμ΄λ¨Έλ₯Ό ν΄μ ν΄ μ£Όμμ΅λλ€.
κ·Έ ν, 1μ΄ λ€μ κ²μμ λ€μ μμν΄ μ£Όμμ΅λλ€.
startGameκ³Ό moleAgainμ ν΅ν΄ λλμ§μ λ±μ₯μ ννν΄ μ£Όμμ΅λλ€.
λλμ§λ₯Ό μ‘μλ€λ νμλ₯Ό ν΄μ£Όλ ν¨μμ
λλ€.
μ‘μ νμλ₯Ό 체ν¬νκΈ° μν count λ³μμ 1μ μ¦κ°μν¨ λ€, κ·Έ κ°μ νλ©΄μ νμν΄ μ£Όμμ΅λλ€.
μ‘μ νμ, λμ κΈ°νλ₯Ό μ΄κΈ°ν μμΌμ£Όλ ν¨μμ λͺ¨λ¬μ λμμ£Όλ ν¨μμ
λλ€.
λ μ΄μμμ κ°μ§λ§ νλ©΄μ λ°λΌ κ²μμ ν¬κΈ°κ° μμμ§κ±°λ 컀μ§κ² λ§λ€μ΄ νλμ λμμΈμΌλ‘ λͺ¨λ°μΌ, νλΈλ¦Ώ, PCμμ λͺ¨λ μ¬μ© κ°λ₯νλλ‘ λ§λ€μ΄μ£Όμμ΅λλ€.