MoMemo

Moment, Memo

해야 할 일을 간단히 기록해요. 타이머로 집중해요.

Vanilla Javascript 를 공부하면서 온전히 동작하는 무언가를 하나 만들어볼까 하다가, 크롬 확장프로그램으로 유명한 모멘텀(Momentum)을 클론코딩하여 Memo 보드를 만들었습니다. Moment를 Memo한다는 의미, MoMemo 입니다.

니꼬샘의 노마드코더 클론코딩의 Vanilla Javascript Course가 레퍼런스 입니다. 친절하고 알찬 수업 감사합니다, 니꼬샘~

접속주소

http://www.momemo.net

2023

2022

Mome, memo

https://mcnorton.github.io/mome/

Mome, memo 1.0

웹브라우저에 할 일이나 급히 메모할 것들을 적어둘 수 있고, 웹브라우저 자체의 저장공간에 기록되므로 서버가 사용되지 않습니다. (그래서 브라우저마다 따로 따로 기록됩니다) 

특징

• 웹폰트를 적용하여 시원시원한 화면.
• Javascript, HTML, CSS로만 제작되어 있음.
• 할일이나 메모를 완료상태로 체크 할 때, 천천히 사라지는 애니메이션.
• 브라우저의 크기에 따라 글꼴의 크기가 적절히 바뀜.
• 크롬 브라우저와 확장프로그램을 활용하면 더욱 편리. (아래 안내되어 있음)

용도

• 아주 심플한 메모 보드
• 교실TV 로 시각, 수업안내, 알림장 보여주기
• 예약알림, 일정알림용 스크린 보드 (F11로 전체화면)
• 개인 할일관리 및 업무상황 대쉬보드 등

History

2023. 07. 15. New

• 아날로그 시계 기능 추가

2023. 06. 29.

• 미니타이머 기능 추가 (+1, +5, -1, -5, 이전 타이머 기억)

2023. 05. 13.

• 전체화면 보기 기능 추가

2023. 03. 31.

• 체크마크 디자인 개선

2023. 03. 17.

• 배경화면 고정, 랜덤 선택

2022. 01. 26.

• 반응형 웹 최적화
• 고정폭 글꼴 다시 적용

2021. 12. 08.

• 코드 최적화

2021. 10. 15.

• 첫 커밋

권장 활용 1. 데스크탑 앱으로 설치

• Install
  • 좌측 상단의 [INSTALL]  버튼을 클릭하여 PC에 설치하세요.
  • 바탕화면에 아이콘이 추가되어서 손쉽게 실행할 수 있어요.
  • 설치가 완료되면, 버튼은 사라집니다.
• Uninstall
  • (Windows) 설정 > 프로그램 추가 제거 > [MoMemo] 선택 > 삭제
  • (MacOS) 응용프로그램 > [MoMemo] 선택 > 휴지통으로 옮기기

History

• 반응형 웹 적용
• 완료 체크 후 서서히 사라지는 애니메이션
• 완료 체크 시 취소선 표시
• 완료 체크 시 체크 마크
• 목록이 많아져서 입력란을 침범하는 문제
• 시계 위에 날짜, 요일 표시
• 도움말 링크 버튼
• 버전 넘버 표시
• 수업중 화면이 잠기거나 꺼지지 않도록 유지
• 블랙보드 기능
• 유튜브 배경음악 재생 기능

Simple is Best

• 완료 목록 따로 보관, 백업, 동기화
• 우선순위에 따라 할일 재정렬