회원가입

로그인

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

Momentum 클론 / Memo 아니고 'Mome'

Profile
맥노턴

Vanilla Javascript 를 공부하면서, 온전히 동작하는 무언가를 하나 만들어볼까 싶어 크롬 확장프로그램으로 유명한 모멘텀을 클론코딩하여 Memo 보드를 만들었습니다. 아무 생각없이 Memo 로 붙였던 이름을, Mome로 바꿨습니다.

 

니꼬샘의 노마드코더 클론코딩이 레퍼런스 입니다. (친절하고 알찬 수업 감사드립니다, 니꼬샘~)

 

screen_mome.png

 

Mome

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

 

 

Mome 1.0

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

 

특징

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

 

용도

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

 

권장 활용

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

 

(열심히 공부하여) 개선할 예정.

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

 

알면서도 안할 예정

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

 

 

Profile
맥노턴
레벨 28
147147/151380
59%
McNorton & Education Lab.
Director
작성자의 다른 글
댓글
0
댓글 쓰기
권한이 없습니다.

로그인

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