word-search-maker

개발정보 요약

필수 기능

• word search maker에서 Title, Description 및 20개 이상의 단어 등록
• 게임 생성
• n x n에 영어 글자가 랜덤하게 생성
• 유저가 이름을 입력하여 게임에 참여
• 정답 단어 클릭시 정답 표시 및 오답 단어 클릭시 오답 표시
• 게임 페이지 왼쪽에 찾아야할 단어 리스트 표시 및 정답시 표시 유지
• 게임 페이지 오른쪽에 유저들의 현재 점수와 소요 시간 표시

개발한 기능

• word puzzle maker 메인페이지
• 퍼즐을 미리 체험해볼 수 있는 puzzle 페이지
• 닉네임 입력 및 게임 시작 버튼 클릭시 초 계산
• 게임완료후 닉네임과 시간 데이터를 배열에 저장하여 div에 렌더링

추가적으로 개발이 필요한 부분

• svelte를 사용하여 html 컴포넌트화 시키기
• mock array data를 firebase에 저장하기
• firebase 데이터를 html에 렌더링 시키기

1차 개발에 대한 회고

• 기간이 정해져 있다보니 개발 우선순위를 정하는데 어려움이 있었다
• 순수 javascript만을 사용하다보니 왜 라이브러리를 사용해야 하는지 알게 되었다
• svelte, React를 사용하여 html을 컴포넌트화 시켜야 하는 이유를 알 수 있었다
• 이벤트를 다루는 방법에 익숙해질수 있었다