모메모 (MoMemo) 1.0
순간을 메모하세요. (Moment + Memo = MoMemo)
시계 + 메모 + 체크리스트 & 유용한 도구들
Quick Guide
Connect
[!IMPORTANT]
접속주소(URL) - https://www.momemo.net
Using
- 웹브라우저의 홈페이지나 새 탭 기본페이지로 지정하여 시계와 메모, 할일을 관리 할 수 있습니다.
- 개인용으로 사용해도 좋고, 대형스크린용 게시판으로 사용해도 좋습니다.
- 저장된 목록은 사용자의 웹 브라우저에만 기록됩니다.
- 간단한 도구들로 쓸모있게 활용하세요. (아날로그시계, 타이머, 경기점수판, 화이트보드)
Install
데스크탑, 태블릿, 스마트폰 앱으로 설치하여 바탕화면, 작업표시줄, 시작메뉴 등에서 바로 사용하세요.
Feature
- 웹폰트를 적용하여 가독성을 높임
- Vanilla Javascript, HTML, CSS 로만 제작
- 완료된 할일과 메모를 체크, 천천히 사라지는 동안 마음을 정리
- 웹 브라우저의 크기와 화면 크기에 따라 글꼴의 크기가 적절히 조절
- [INSTALL] 버튼을 눌러 데스크탑 앱으로 설치 가능 (new)
- 창이 활성화 되어있는 동안, 에너지 절약모드의 화면꺼짐이 무시되고 깨어있는 상태로 유지
- 브라우저의 확장프로그램을 이용해, 새 탭에서 자동으로 열기 응용 가능
Function
- 날짜 표시
- 대형 숫자 시계 - 12시간제
- 대형 아날로그 시계 - 3가지 종류 (숫자-아날로그 전환)
- 이름, 메시지, 목표 표시
- 긍정의 명언
- 체크리스트 - 리스트 추가, 완료
- 원형 파이 타이머
- 화이트 보드
- 경기용 스코어 보드
- 만년 달력
- 개인의 업무용 메모보드, To Do List
- 교실의 대형화면을 활용한 현재시각, 수업안내, 알림장, 타이머, 안내판, 게임점수판
- 전체화면 모드로 행사장 안내판, 예약 현황판
- 프로젝트 관리용 당일/주간 업무일정, 공지사항
Update log
- 2021.10.15. 시작
- 2021.12.08. 코드 최적화
- 2022.01.26. 반응형 웹 적용, Fixed Font로 변경, 배경화면 고정
- 2023.03.17. 배경화면을 선택하여 고정할 수 있음.
- 2023.03.31. 체크마크 디자인 개선
- 2023.05.13. 전체화면보기 토글 기능
- 2023.06.29. 미니 타이머기능 추가
- 2023.07.16. 아날로그 시계 기능 추가 (디지털 시계를 클릭)
- 2023.07.19. 짧은 도메인 www.momemo.net 적용
- 2023.07.23. 경기 점수판(스코어보드) 기능
- 2023.12.19. 간단한 칠판(초크보드) 기능
- 2024.03.03. 봄 테마로 배경 업데이트
- 2024.03.19. 타이머 배경음악 재생 기능 (Hawaii Five O Theme)
- 2024.04.20. Mome => MoMemo 로 재명명
- 2024.05.06. 타이머 종료 알람사운드 선택 기능
- 2025.03.10. 만년 달력 기능
- 2025.03.19. 활성화 상태에서 화면이 꺼지지 않도록 기능 추가
- 2025.03.21. 타이머의 색상이 바뀌도록 기능 개선
- 2025.05.13. 설치된 상태에서 오프라인이 되어도 작동하도록 캐시 적용
- 2026.08.19. 오프라인 캐시 정상화, PWA 설치 버튼 개선
- 2026.09.01. 반응형 개선 - 큰 요소를 min(vw,vh)로 세로 예산에 묶고, dvh·box-sizing·flex 2열 적용으로 다양한 화면비에서 잘림 방지
- 2026.09.09. 뮤직 플레이어 URL 히스토리 표시
- 2026.09.10. 빌드 번호 표시 (Build 313.260910)
- 2026.09.11. 뮤직 히스토리 hover 가독성, 기본 YouTube URL
- 2026.09.30. 할일 완료 취소, 더블클릭 수정, 드래그로 순서 변경. 입력 placeholder는 처음 30초 안내 문구 뒤 MoMemo...
- 2026.09.30. 인삿말은 항상 표시. 이름이 없으면 입력란을 유지하고, 있으면 더블클릭으로 고친 뒤 커서를 맨 뒤에 둔다
- 2026.09.30. 인삿말 이름은 한글·영문 80자까지 저장하고, 칸을 넘치면 ... 으로 표시
- 2026.10.01. 인삿말과 할일은 더블클릭한 글자 자리에 커서를 둔다
- 2026.10.01. 배경화면을 가을과 모노라이트로 교체
- 2026.10.02. 자주 가는 사이트 북마크
- 2026.10.02. 북마크 편집은 오른쪽 아래 (+)로, 빈 칸은 반투명 라운드 테두리로 표시
- 2026.10.02. 북마크 아이콘을 가운데로 모으고 빈 칸 간격을 고정
- 2026.10.02. 북마크 빈 칸의 + 를 더 어둡게
- 2026.10.02. 북마크 아이콘은 apple-touch-icon 등 큰 이미지를 먼저 고른다
- 2026.10.02. HTML을 못 읽으면 라이믹스 아이콘 경로도 시도
- 2026.10.06. 북마크 기본값 Thinkdown을 왼쪽 아래 빈 칸에 두고, 파비콘 주소도 함께 저장
- 2026.10.13. 카드덱 추첨
- 2026.10.13. 카드 목록은 한 줄로 표시하고, 편집 중 카드 안쪽 오른쪽 위 (−)로 내용을 비운다
- 2026.10.13. 카드 실행 아이콘을 주사위로 변경
- 2026.10.13. 이미 뽑은 카드는 정사각형으로 표시
- 2026.10.13. 뒤집힌 릴 카드는 정사각형을 유지하고, 다른 덱의 닫힌 카드는 길쭉하게 다시 그린다
- 2026.10.13. 기본 트럼프 카드는 1 🤍 One, Q 🤍 Queen처럼 이름과 영어 설명을 넣는다
- 2026.10.13. 카드 입력 중 한글 조합의 Enter는 다음 칸으로 넘기지 않는다
- 2026.10.13. 카드 설명 입력란의 안쪽 여백을 없앤다
- 2026.10.13. 카드덱을 다시 섞을지 묻는 창을 1.5배로 키운다
- 2026.10.13. 덱 편집 중 카드를 고치거나 Ready를 누르면 편집을 마친다
- 2026.10.14. 북마크 아이콘을 수정할 때 라벨도 고친다
- 2026.10.14. 북마크 아이콘은 shortcut icon, image/x-icon 형식도 고른다
Ready
- 화이트 노이즈
- 정각 알림
- 실내 소음 측정기
- 주사위 던지기
- 기록 측정 스톱워치
- 주크박스
Screenshot
2021-2022
2023
응용
새 탭에서 Mome 자동으로 열기
새 탭을 열 때, Mome 페이지를 자동으로 열리도록 하면 엄청나게 편리합니다.
1. 'Custom New Tab URL' 설치
2. Options Enable + URL을 추가
Coffeeware
"A software engineer is a device for turning coffee into software"
(소프트웨어개발자는 커피를 소프트웨어로 바꾸는 기계이다) - mcnorton
Special Thanks!
후원 - 소영, 현석, 기성, 찬, 기영
Nomardcoder (Vanilla JS Course) - https://nomadcoders.co/
Pixabay - https://pixabay.com/
Internet Archive - https://archive.org/
