오늘은 내 첫 개인 토이 프로젝트인 Wordle Clone Project를 시작한 날이다.
시작 동기
군대에서 처음 Wordle을 접했는데 생각보다 재밌었다. 원래 숫자야구 게임을 워낙 좋아했던 지라 진입장벽 없이 시도할 수 있었다. 전역한 지 한 달이 다 되어 가는데 아직까지도 매일 Wordle을 하고 있다. 마침 말출부터 공부하던 React와 Nodejs 책들을 모두 끝내서 매우 간단한 프로젝트 하나를 하고 싶었는데 그것이 바로 Wordle Clone Project 이다.
시작 계획
2022년 10월 15일부터 시작하여 얼마나 걸릴지는 모르겠지만 10월 안으로는 끝내고 싶다. 언어는 Javascript. 프론트는 React 라이브러리, 백엔드는 express를 활용할 것이다. 목표는 현재 뉴욕타임스에서 제공하고 있는 웹 사이트인 Wordle을 거의 비슷하게 구현하는 것이다.
목표
- React 프로젝트 생성 및 구성
- 디자인 1차 작업
- git/github 연동
- velog에 개발 과정 기록
- notion에 개발 과정 기록(velog보다 세세하게)
진행
딱 보면 Wordle인 것을 알 수 있을 정도로만 디자인해놓음.
styled-components 사용하여 디자인
보충해야할 것
- 글꼴 파일 받아와서 적용
- 키보드의 백스페이스 부분이 지금은 유니코드로 되어 있는데, 부자연스러워보여서 사진을 넣는 것이 좋을 듯
- Header 부분에 설정, 사용자 통계, 도움말이 필요. 이 부분은 프로젝트 끝자락에 할 예정
- 비슷하게 디자인만 하는 데도 많은 시간이 걸림. CSS 지식이 많이 부족함.
내일 할 것
- 디자인 2차 작업
- 키보드 눌렀을 시 각 칸에 차례대로 해당하는 문자가 입력되는 기능 구현
- 시간이 남았을 시 다른 기능도 구현
마무리
velog 글을 어떤 형식으로 써야할 지 몰라서 생각나는 대로 끄적였는데 매일 쓰다 보면 체계적으로 바뀔 것이라고 생각한다. 첫 프로젝트라 시간이 많이 걸릴 것 같지만 조급해질 필요는 없을 것 같다.
