회원가입

로그인

아이디
비밀번호
ID/PW 찾기
아직 회원이 아니신가요? 회원가입 하기

Mome 1.0 : 큰 시계와 웹 브라우저 메모

Profile
맥노턴

Mome, memo

웹 브라우저 메모장 (Javascript, HTML, CSS)

 

mome.gif

 

mome.png

 

 

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

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

 

http://www.momemo.net

 

2023

229038614-eaae12b2-33b4-4ef3-8bd5-a909584816a2.png

 

2022

screen_mome.png

 

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 Desktop App. 버튼을 클릭하여 PC에 설치하세요.

 

mome-install.gif

 

권장 활용 (2)

Google Chrome 확장프로그램 "Custom New Tab URL" 이용

탭을 열 때, Mome를 자동으로 실행하여 엄청나게 편리함.

 

  1. 크롬 웹스토어 'Custom New Tab URL' [바로가기링크] 접속.
  2. [Chrome 에 추가] 버튼을 눌러 설치.

mome-CNTU-guide-01-1280x.png

 

  1. 설치 완료 후, 새 탭을 열어 [Options page] 실행.
  2. 'Custom New Tab URL' 을 [Enable] 체크.
  3. [URL or local file path] 에  https://mcnorton.github.io/mome/  을 복사하여 붙여넣기.

 

mome-CNTU-guide-02-1280x.png

 

  1. [새 탭]을 열 때마다 Mome로 시계, 일정, 할일, 메모 등 활용.

 

screen_mome.png

 

 

 

권장활용 (3)

Microsoft Edge 에서도 Custom New Tab URL 추가기능

(1) Microsoft Edge 추가 기능 홈페이지에서 "Custom New Tab URL" 검색

https://microsoftedge.microsoft.com/addons/Microsoft-Edge-Extensions-Home

 

(2) Custom New Tab URL - Microsoft Edge Addons 설치

https://microsoftedge.microsoft.com/addons/detail/custom-new-tab-url/oeibmbobgpgnbnlbaffdgebpeepfbnhi

 

(3) Option 에 New Tab URL 주소를 https://mcnorton.github.io/mome 로 채우기

 

EdgeCustomNewTaUrlOption.PNG

 

 

 

 

(열심히 공부하여) 개선할 예정. (모두완료)

  • 반응형 웹 적용
  • 완료 체크 후 서서히 사라지는 애니메이션
  • 완료 체크 시 취소선 표시
  • 완료 체크 시 체크 마크
  • 목록이 많아져서 입력란을 침범하는 문제
  • 시계 위에 날짜, 요일 표시
  • 도움말 링크 버튼
  • 버전 넘버 표시

 

알면서도 안할 예정

  • 완료 목록 따로 보관하는 기능
  • 우선순위에 따라 임의로 정렬하는 기능

 

 

Profile
맥노턴
레벨 30
579883/686490
82%
McNorton & Education Lab.
Director
작성자의 다른 글
댓글
0
댓글 쓰기
권한이 없습니다.

로그인

아이디
비밀번호
ID/PW 찾기
아직 회원이 아니신가요? 회원가입 하기