무작정 프로젝트를 시작하기 전 클론 대상인 Coolors를 충분히 사용하면서 주요기능들을 파악했다.
해당 사이트를 이용하면서 중요한 기능이라고 판단한 기능들은 다음과 같다.
- 색상들에 대한 정보
- 하나의 값이 아닌 다양한 정보 제공(RGB,HEX등등)
- 간편한 조작
- 스페이스바를 통해 팔레트 갱신 가능
- 좌우 방향키를 통한 이전/ 다음 팔레트 이동 가능
- 저장 기능
- 원하는 팔레트 전체를 저장 가능 / 차후에 저장한 팔레트 확인 가능
- 팔레트 일부만 변경 가능
- 팔레트 갱신시 본인이 원하는 색깔은 팔레트에서 해당 위치에 고정 가능!
- 팔레트 아이콘의 Visible 변화
- 팔레트내에서 마우스 커서가 이동하고 있는 공간을 인식하여 아이콘의 Visible 변화
- UI의 경우 기본적인 구성은 완료 되었다 (다이얼로그를 뺀 기본 화면)
- 마우스 커서가 캡쳐가 안 되었지만 사진에서처럼 특정 영역에서만 아이콘들이 보이게 했다.
- 해당 창이 포커스가 안 된 상태에서 커서가 진입을 해도 아이콘들이 보이게 설정했다.
( 말이 약간 이해가 안 갈 수 있는데.... 나중에 시연 영상을 제작해서 확인할 수 있습니다!)
소회 / 반성
- Flutter에서 Flutter Icon 이외에 Cupertino Icon 또한 제공을 한다는것을 처음 알았다...
- 마우스 커서의 이동에 따른 아이콘 변화를 하는데 있어 굉장한 시간이 걸렸다
(해당 내용 관련해서는 다른 벨로그 글에 정리를 할 것이다)- 스페이스바 입력 인식이 힘들줄 알았으나 Flutter에서 제공하는 Widget으로 구현
다음 구현 목표
- 다음 목표는 회원가입과 관련된 로그인 / 회원가입 다이얼로그 UI를 구현
- 스페이스바 입력 인식과 같은 원리로 좌우 방향키 기능 추가
- 팔레트 내의 일부 색상 고정 후 다른 색상들만 갱신하는 기능 추가
이 글을 읽는 사람이 많을진 모르겠지만.... 프로젝트를 하겠다고 글을 작성한 이후 첫 글인데 생각보다 많은 양을 했다고 생각할 수 있다....
사실 프로젝트를 일정부분 진행한 이후 Velog에 글을 쓰면서 정리를 하자고 마음을 먹었기에 첫날인것에 비해 많은 양을 한 것처럼 보여졌다.
다음 글부터 구현한 양이 적더라도 놀라지 마시길......