HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🧚
[1기]최종 프로젝트 데브코스
/
🎫
[팀5] 코코단 (Coding & Coworking) - Triplan
/
🗒️
회의록
/
🛋️
2021/11/26(금) 회의록
/
🎲
다이스(Dice)의 사본
🎲

다이스(Dice)의 사본

  • 일주일 단위 TIL 혹은 다이어리를 한 개의 dice로 설정
  • 주사위는 육면체이므로 6일 간의 기록 작성 후 일주일 단위 회고를 포장(wrapping)이라는 키워드로 묶을 수 있게 정의
  • UI는 다음과 같은 형태로 구상
  • 메인 화면
    • 주사위 3D 객체 회전 및 조정 가능
    • 주로 작성한 기기(브라우저) 통계
    • 작성 시간 그래프 (월 별, 주 별, 일 별)
    • 1년 혹은 한달에 생성할 수 있는 최대 다이스 갯수가 정해져 있으므로 예시로 3/52 개의 다이스를 완성했다는 카드
    • 글을 작성하면서 집중한 시간 / 글을 작성하는데 소요된 총 시간으로 나누어 몰입(집중) 비율 산정
      • 지난 주에 비해 % 단위로 증감 표현
      Soft UI Pro - React Admin Dashboard Template | MUI Store
      This is a collection of the best React templates, React dashboard, and React themes. Our collection was curated by MUI's creators. It includes templates and themes for dashboard, admin, landing page, e-commerce site, application, and more.
      https://material-ui.com/store/previews/soft-ui-pro-dashboard/
  • 사이드바
    • 다음의 형태로 크게 4개 정도의 메인 카테고리
    • 그 외에 다이스들은 Privates 밑의 요소처럼 트리뷰 형태로 제공
    • Overview, Show window, Writing, Setting 정도의 탭으로 구상하였음
    • notion image
  • Show window
    • 알라딘 ebook, 리디북스 책장처럼 구성되었다가 클릭하면 알라딘 ebook 형태로 펼쳐지는 효과로 렌더링
    • 다이스의 각 면을 캐러셀 형태로 볼 수 있도록 구현
    • 각 페이지에 해당 다이스에 대한 통계 정보 제공.
  • Writing
    • 채널톡 위젯 형태로 우측 하단에 현재 글쓰기 상태에 대한 통계 수치를 제공
    • 글을 작성하고 난 이후 실질 시간(예를 들어 오후 2시에 작성 시작하면 현재 시간과의 차이)
    • 글을 작성하기 시작하고 실제로 해당 페이지에 포커싱 혹은 키보드 타이핑을 시작한 시간(실제 작성 시간 제공)
    • 나중에 수정할 수 있는 기능은 우선 미뤄두고 무조건 당일에 대한 기록만 가능하게끔 강제한다.
    • 기본적으로 노션의 글 작성 형태를 따르되 기본적인 마크다운 에디터의 역할만 가능한 정도로만 1차 구현
    • notion image
  • setting (제일 낮은 우선순위)
    • 폰트 설정, color scheme, 기타 필요한 설정들 제어할 수 있도록 구상