정방형 썸네일 메이커 제작기 - 2

개선점 리스트
1. 리셋 버튼 클릭시 초기값이 value에도 들어감
2. 색상 변경이 불가능
3. 이미지 저장 버튼이 없음
4. 스타일을 조금 더 컴포넌트화 할 것
5. 하단 input 영역 가운데 정렬

• 리셋 버튼으로 초기값 개선하기

1. 각각 input이던 영역을 form으로 그룹화
   일반 button을 type='reset'으로 클릭시 한번에 변경되도록 함
   ➡ 문제점
   기존 값이 화면에만 뜨고 input 영역에는 안뜨게 하고 싶으나 클릭시 무조건 값 삭제 or input 영역에도 값이 남아있는 현상 발생

2. form을 삭제한 이후 클릭시 다시 돌아가도록 설정하는 함수를 생성한 이후 이벤트로 연결.

다시시작으로 재설정은 가능해졌으나, 다시 input 클릭시 다시 설정된 값을 지우고 글을 적어야 한다. ➡ 더블클릭시 value가 지워지도록 설정
하단에 글씨 전체 삭제시 더블클릭 하시오 같은 문자가 필요할듯하다.

• 색상변경
  굿노트 추천 색상표를 검색하여 눈이 안아플 색상을 위주로 선택하여 배열화
  random, floor를 통해 배열의 랜덤값이 나오도록 설정하였다.

• 가운데 정렬
  텍스트 가운데 정렬은 Input 컴포넌트에서
  input 가운데 정렬은 Wrapper 컴포넌트에서 flex로 설정.