기획의도

대학교 학습 지원 프로그램에서 과제나 일정을 확인하는데 과정이 번거롭다고 생각했다. 그래서 크롬 익스텐션을 활용해서 매번 탭을 열 때마다 확인가능한 투두리스트 프로그램이 있다면 일정을 관리하는데 도움이 되지 않을까라는 아이디어에서 시작했다. 특히 타겟 사용자인 대학생의 경우, 노트북이나 컴퓨터를 활용하는 경우가 많기 때문에 Local Storage를 활용하는 데 어려움이 없을 것이라고 생각했다.

추후에는 서버를 활용해서 다양한 기기에서 사용 가능하도록 확장해야겠지만 현재 배운 내용으로 구현할 수 있는 한계를 고려해서 해당 아이템을 선정했다.

최소 구현 기능

할 일 데이터 등록하고 보여주기

과제의 형식이 다양하기 때문에 할 일(이름), 해당 과목(주제), 마감일 그리고 형식을 데이터로 받기로 선택했다.

• 예상 구현 아이디어
  바닐라 JS로 크롬 앱 만들기에서 Local Storage에 Input을 추가해서 Submit 할 수 있도록 해서 구현해볼 예정이다.

학습용 타이머

해당 과제를 하는 데 사용한 시간을 측정하고 등록된 할 일에 추가할 수 있는 기능을 만들었다. 매번 학습용 타이머를 사용하지만 어떤 할 일에 얼마나 시간을 사용했는지 알기 쉽도록 하기 위해 기능을 생각해봤다.

• 예상 구현 아이디어
  바닐라 JS로 크롬 앱 만들기에서 Date 기능을 활용해서 시간 차이를 기록한 후, Hh:Mm:Ss로 변환해서 화면에 띄울 예정이다. 해당 사이트를 닫혔을 경우, 닫힌 시간을 저장해서 닫혀있는 기간에도 스톱워치가 유지된 것처럼 보이게 해볼 예정이다.

Sort By Subject

할 일 목록을 주제에 따라 분류할 수 있도록해서 공부를 넘어 일상생활의 데이터도 활용 가능하도록 구상했다.

• 예상 구현 아이디어
addEventListener()에서 Click을 할 경우, 해당 Subject에 해당하는 정보를 local Storage에서 가져와서 보여주는 함수를 실행하면 될 것 같다.