Liar Game

πŸ‘Ύ μ‹ μ„œμœ κΈ°μ— λ‚˜μ˜¨ λΌμ΄μ–΄κ²Œμž„ 🀑

September 01, 2019 β€’ Game

Liar Game Main Screen

Play!

Play: Liar-Game 🀑 Project: GitHub

Disclaimer - Since the main audience for this game are Korean (or people who read and understand Korean) I will write this post in Korean. For future updates (Eng .ver is released), the post will be updated in English as well.

동기

μ΅œκ·Όμ— μΉœν•œ μΉœκ΅¬λ“€κ³Ό ν•¨κ»˜ 라이어 κ²Œμž„μ΄λΌλŠ” 것을 ν•΄λ³΄μ•˜μŠ΅λ‹ˆλ‹€. 같이 ν•΄λ³΄λ‹ˆκΉŒ 정말 재미있고 λ‹€μŒλ²ˆμ— λ‹€λ₯Έ μΉœκ΅¬λ“€κ³Ό ν•¨κ»˜ 라이어 κ²Œμž„μ„ ν•˜λ €κ³  ν–ˆμ„λ•Œ, μ•Œκ³ λ³΄λ‹ˆ 전에 ν–ˆλ˜ κ²Œμž„μ€ μ•ˆλ“œλ‘œμ΄λ“œλ§Œ λ‹€μš΄μ΄ κ°€λŠ₯ν–ˆκ³ , 아이폰 μœ μ €λ“€μ€ μ‹€ν–‰ν•˜κΈ°κ°€ νž˜λ“€μ—ˆμŠ΅λ‹ˆλ‹€. 이 뢀뢄을 λ³΄μ•ˆν•˜κ³  μ•ˆλ“œλ‘œμ΄λ“œλ₯Ό μ‚¬μš©ν•˜μ§€ μ•ŠλŠ” λ§Žμ€ μ‚¬μš©μžλ“€μ΄ μ‰½κ²Œ μ ‘μ†ν•˜κ³  ν”Œλ ˆμ΄λ₯Ό ν•  수 μžˆλ„λ‘ κ²Œμž„μ„ λ§Œλ“€μ–΄ 보기둜 ν–ˆμŠ΅λ‹ˆλ‹€.

μ œκ°€ 처음 라이어 κ²Œμž„μ„ ν•˜λ €κ³  ν–ˆμ„ 땐, κ²Œμž„μ΄ μ•ˆλ“œλ‘œμ΄λ“œ μ–΄ν”Œμ„ λ‹€μš΄μ„ λ°›κ³  μ„€μΉ˜λ₯Ό ν•΄μ•Όλ§Œ ν•˜μ˜€μ–΄μ„œ λ‹€μ†Œ λΆˆνŽΈν•œ 점이 μžˆμ—ˆμŠ΅λ‹ˆλ‹€. 접근성을 높이기 μœ„ν•΄ μ›Ήμ‚¬μ΄νŠΈλ‘œ κ²Œμž„μ„ 진행 ν•  수 μžˆλ„λ‘ μ œμž‘ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

κ²Œμž„ ν•˜λŠ” 법

κ²Œμž„μ„ ν•˜λŠ” 방법은 λ‹€μ†Œ κ°„λ‹¨ν•©λ‹ˆλ‹€. ν•Έλ“œν°μœΌλ‘œ 인원과 주제λ₯Ό μ •ν•˜λ©΄ 랜덀으둜 μ£Όμ œμ— λ§žλŠ” 단어 ν•˜λ‚˜κ°€ μ‚¬λžŒλ“€μ—κ²Œ μ£Όμ–΄μ§‘λ‹ˆλ‹€. ν•Έλ“œν°μ„ 가지고 ν•œλͺ…μ”© λŒμ•„κ°€λ©΄μ„œ 단어λ₯Ό ν™•μΈν•©λ‹ˆλ‹€ - 단, μ—¬κΈ°μ„œ ν•œλͺ…λ§Œ 단어가 κ³΅κ°œλ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€ (이 μ‚¬λžŒμ€ 라이어 μž…λ‹ˆλ‹€).

μ—¬κΈ°μ„œ μ„œλ‘œ 단어λ₯Ό μ•„λŠ” μ‚¬λžŒλ“€μ€ 단어λ₯Ό λͺ¨λ₯΄λŠ” μ‚¬λžŒμ„ μ°Ύμ•„μ•Όν•˜κ³ , 단어λ₯Ό λͺ¨λ₯΄λŠ” μ‚¬λžŒ(라이어)λŠ” 단어λ₯Ό μ•„λŠ” 척을 ν•˜λ©° μ˜μ‹¬μ„ 받지 μ•Šκ²Œ 행동을 ν•©λ‹ˆλ‹€.

μ‹œκ°„μ΄ μ§€λ‚˜λ©΄ μ‚¬λžŒλ“€μ€ λˆ„κ°€ 라이어인지 지λͺ©ν•©λ‹ˆλ‹€. 라이어λ₯Ό 찾으면 μ‚¬λžŒλ“€μ˜ 승리, 라이어λ₯Ό 찾지 λͺ»ν•˜λ©΄ λΌμ΄μ–΄μ˜ μŠΉλ¦¬μž…λ‹ˆλ‹€. 단, 라이어λ₯Ό μ°Ύμ•˜μ§€λ§Œ, 라이어가 μ„ νƒλœ 단어λ₯Ό λ§žμΆ”λ©΄ 라이어가 μŠΉλ¦¬ν•©λ‹ˆλ‹€.

Tech Stack

μ‚¬μš©ν•œ νƒœν¬ μŠ€νƒμ€ 맀우 κ°„λ‹¨ν•©λ‹ˆλ‹€:

Front End

  • React

Back End

  • Node.js (
  • API
  • λ₯Ό λ”°λ‘œ μ œμž‘ν•˜μ˜€μŠ΅λ‹ˆλ‹€. )
  • Zeit

Database

  • MongoDB

μ œμž‘κΈ°

μ œμž‘ 과정은 맀우 κ°„λ‹¨ν–ˆμŠ΅λ‹ˆλ‹€. React둜 κ²Œμž„ λ‘œμ§μ„ κ΅¬ν˜„ν•˜μ˜€κ³ , Authλ‚˜ λ‹€λ₯Έ κΈ°λŠ₯듀을 μΆ”κ°€ν•˜μ§€ μ•Šμ•˜κΈ° λ•Œλ¬Έμ— APIλ‚˜ 데이터 베이슀λ₯Ό κ΅¬μΆ•ν• λ•Œλ„ 금방 μ œμž‘ ν•  수 μžˆμ—ˆμŠ΅λ‹ˆλ‹€.

Invely's