[JavaScript Mini Project #1] 코드 작성 및 디자인 적용
이번 프로젝트는 이미 짜여진 코드를 따라 작성하는 거였지만,
해당 코드를 이해하고 내 것으로 만드느라 시간이 좀 걸렸다.
JavaScript 코드를 jQuery로 바꿀지 말지 고민된다.
화면 디자이너에게 CSS를 받아 디자인을 적용했다.
http://np.llrayall.com/TypingGame/index.html

디자인이 너무 귀엽고 예뻤다. 역시 디자이너. 모바일에서 보면 더 예뻤다.
간단하기도 하고 따라서 한 코딩이었지만 게임을 만들었다는 것이 즐거웠다.
미리 HTML을 작성한 후에 디자인과 개발을 나눠 작업한 것이기 때문에
특별한 어려움 없이 CSS 링크를 연결했고, 잘 구동되었다.
아쉬운 부분이 좀 있어 서로 보완하기로 하였다.
<개발자 보완사항>
- 단어를 입력하는 input을 게임 시작을 눌러야만 입력이 가능하도록 하고 싶다.
- 한번의 게임을 완료하고 다시 시작할 때 작성하던 단어가 사라지게 하고 싶다.
- 상단의 게임 이름(Hello, World! Typing Game!)이 왼쪽에서 나타나서 오른쪽으로 사라졌으면 좋겠다.
- 게임이 종료되면 알림창에 떠서 Time Over와 점수 안내하면 좋겠다.
- 마우스 커서가 적당한 곳에서만 모양이 변하도록 하면 좋겠다.
<디자이너에게 요청사항>
- Time과 Score 버튼이 있는 Game Info 창이 단어 입력 창과 너비가 비슷했으면 좋겠다.
- 스타트 버튼이 Game Info 창 밑으로 올라왔으면 좋겠다.
- 랜덤으로 display 되는 단어의 크기가 더 컸으면 좋겠다.
- [?] 버튼 선택시 열리는 modal에서 ko, en 버튼 삭제