MyTime - 크롬 익스텐션 만들기 - 1 (화면 설계)

만들기에 앞서 디자인 및 설계를 하기로 했다. 대충 어떻게 만들지 구상을 해놓았고, 실제로 만들던 중이었기에 시간이 오래 걸리지는 않았다. 그래도 어떤식으로 만들지 직접 그려보고, 생각하면서 내가 놓치고 있던 부분도 다시 알게 되었다.

1. 메인 화면

   
   
   한 시간을 한 칸으로, 네모 칸을 눌러서 시작 시간, 끝낸 시간, 무엇을 했는지, 그에 대한 내용을 입력해서 화면에 보여줄 예정이다.

2. 설정

   
   
   무엇을 했는지에 대한 분류를 추가하고 삭제하는 설정 부분이다. 추가하기를 눌러서 분류의 이름, 색상을 지정하게 만들 것이다. 색은 몇가지의 고정색이 주어질 것이고 추후에 사용자 지정 색상을 추가할 예정이다.

3. 일정 추가

   
   사용자가 무엇을 했는지 추가하는 부분이다. 앞서 말한 것처럼 시작 시간, 끝낸 시간, 무엇을 했는지, 그에 대한 내용을 입력해서 추가 할 것이다.

4. 보기

   
   
   입력한 내용을 다시 확인하고, 또 수정할 수 있도록 하는 부분이다.

그림판으로 만들어서 그런지 퀄리티가 떨어지는 것 같다. 화면 설계 툴을 이것 저것 찾아봤지만, 손에 익지 않아서인지 마음에 드는 것이 없었다. 다음에는 쓰기 쉬운 툴을 찾아서 다시 화면 설계를 해봐야 겠다.

git 주소 : https://github.com/MaengMaeng/MyTime