개인 프로젝트 - Coolors 클론 진행상황(07/17)

Chocomilk·2021년 7월 16일
0
post-thumbnail

1. 개인 프로젝트 진행 상황

무작정 프로젝트를 시작하기 전 클론 대상인 Coolors를 충분히 사용하면서 주요기능들을 파악했다.
해당 사이트를 이용하면서 중요한 기능이라고 판단한 기능들은 다음과 같다.

  • 색상들에 대한 정보
    • 하나의 값이 아닌 다양한 정보 제공(RGB,HEX등등)

  • 간편한 조작
    • 스페이스바를 통해 팔레트 갱신 가능
    • 좌우 방향키를 통한 이전/ 다음 팔레트 이동 가능

  • 저장 기능
    • 원하는 팔레트 전체를 저장 가능 / 차후에 저장한 팔레트 확인 가능
  • 팔레트 일부만 변경 가능
    • 팔레트 갱신시 본인이 원하는 색깔은 팔레트에서 해당 위치에 고정 가능!
  • 팔레트 아이콘의 Visible 변화
    • 팔레트내에서 마우스 커서가 이동하고 있는 공간을 인식하여 아이콘의 Visible 변화

1.1 (07/17)까지의 구체적인 진행 상황

  • UI의 경우 기본적인 구성은 완료 되었다 (다이얼로그를 뺀 기본 화면)
  • 마우스 커서가 캡쳐가 안 되었지만 사진에서처럼 특정 영역에서만 아이콘들이 보이게 했다.
  • 해당 창이 포커스가 안 된 상태에서 커서가 진입을 해도 아이콘들이 보이게 설정했다.
    ( 말이 약간 이해가 안 갈 수 있는데.... 나중에 시연 영상을 제작해서 확인할 수 있습니다!)

2. 프로젝트 진행에 따른 소회(?),반성,다음 구현 목표

  • 소회 / 반성

    • Flutter에서 Flutter Icon 이외에 Cupertino Icon 또한 제공을 한다는것을 처음 알았다...
    • 마우스 커서의 이동에 따른 아이콘 변화를 하는데 있어 굉장한 시간이 걸렸다
      (해당 내용 관련해서는 다른 벨로그 글에 정리를 할 것이다)
    • 스페이스바 입력 인식이 힘들줄 알았으나 Flutter에서 제공하는 Widget으로 구현

  • 다음 구현 목표

    • 다음 목표는 회원가입과 관련된 로그인 / 회원가입 다이얼로그 UI를 구현
    • 스페이스바 입력 인식과 같은 원리로 좌우 방향키 기능 추가
    • 팔레트 내의 일부 색상 고정 후 다른 색상들만 갱신하는 기능 추가

3. 추신

이 글을 읽는 사람이 많을진 모르겠지만.... 프로젝트를 하겠다고 글을 작성한 이후 첫 글인데 생각보다 많은 양을 했다고 생각할 수 있다....
사실 프로젝트를 일정부분 진행한 이후 Velog에 글을 쓰면서 정리를 하자고 마음을 먹었기에 첫날인것에 비해 많은 양을 한 것처럼 보여졌다.
다음 글부터 구현한 양이 적더라도 놀라지 마시길......

profile
어제보다 한 발짝 더 나아가려는 Flutter 개발자

0개의 댓글