Wordle 웹 구현 계획

왕년에 숫자야구 좀 친 사람들이 모르면 안 되는 게임 'Wordle'
Jul 09, 2024
Wordle 웹 구현 계획
학창…시절………… 난 숫자 야구랑 스도쿠에 미쳐있는 사람이었다…….
 

숫자 야구 룰

  • 숫자는 맞지만 위치가 틀렸을 때는 볼.
  • 숫자와 위치가 전부 맞으면 스트라이크.
  • 숫자와 위치가 전부 틀리면 아웃.
 
뉴욕타임즈 게임 중 숫자야구를 연상케 하는 게임이 있는데, 바로 Wordle이다.

Wordle

6번 제출 내에 제시어를 추측하는 게임
하루에 한 번씩 도전이 가능한 게임으로, 매일 단어가 업데이트 된다. 그리고 게임이 끝나면 내 도전 횟수 통계치를 보여준다.
많은 시간을 들이지 않아도 되는 게임으로, 이동 중에도 충분히 가능한 게임이다. 그래서 나는 앱을 깔아두고 대중교통 이용할 때 자주 풀어본다 😀😀😀
 
이 게임을 Ko버전으로 만든 것이 꼬들이다.

꼬들

 
꼬오오오오들은 보통 3~5자의 단어로 12가지의 모음, 자음을 맞혀야 한다.
칸을 어떤 단어로 채워야 할지 생각하기도 은근 어렵다.!
그래서 나는 보통 놀이공원 대중문화 일편단심 이 세 단어들을 고정으로 작성한다 ^____^

 
notion image
 
HTML/CSS 구조를 파악해 본 김에 나도 워들과 꼬들을 구현해 보고 싶어졌다.
그래서 시작하게 된~~~~~~~~~~ Wordle 구현 뿌로젝트 !
 
유튜브 갓딩애플 영상을 보면서 기본 틀을 쉽게 만들 수 있었다.
 
코드가 길지 않아서 style이랑 script태그로 HTML 문서 하나에 작성했는데,
추가로 해 보고 싶은 작업이 많아서 실습한 코드는 남겨두고 새로 css, js를 나누어 작성하려고 한다.
 
우선 지금
  1. HTML/CSS 강의 듣고 실습 한번 해 봄
  1. 자바스크립트는 딥다이브 책을 공부하다가 만 상태.
… 솔직히 챗지피티와 MDN, 유튜브, 책 없으면 웹 구현 하나 하는 데 하루 종일 걸리는 실력이다()
그래서 일단 냅다 시작하고 필요한 부분을 찾아쓰며 익숙해지려고 함 ^^..
 
 
 
 
 
 
Share article

CodeYH