[VanilaJS] Mometum 제작

 

- Github 바로가기

 

Mometum

• DEMO
• HTML + CSS + VanilaJS 로만 구현
• Open Weaher API 사용
• 기간 : 약 1일
• 참조 video : 초보자를위한 Vanila JavaScript
• 참조 Model : Chrome웹스토어 확장프로그램 Momentum
• Chrome Browser 에서만 정상 작동

 

구현목록

• Clock
• User Name Input
• ToDo Input
• Weather
• CurrentLocation

CRUD

•  Create (Create User Name, To Do)
•  Read
•  Update
•  Delete (Create User Name, To Do)

기능

• 시계
• User Name 등록
• User Name 삭제
• 리로드시 배경 이미지 랜덤 변경
• 할일 목록 등록
• 완료체크시 완료 목록 박스로 이동
• 삭제버튼 클릭시 삭제목록박스로 이동
• 완료된 목록중에 삭제 진행하면 완료된 목록에서 제거되고 삭제목록으로 이동
• 우측상단에 현재 브라우저가 접속한 지역의 온도와 지역명이 나옴