Skip to content

Latest commit

 

History

History
42 lines (29 loc) · 1.15 KB

README.md

File metadata and controls

42 lines (29 loc) · 1.15 KB

Momentum-Clone

설명

구글 확장프로그램 Momentum Clone 코딩

사용 언어

  • HTML5
  • CSS
  • JavaScript

작업 목록

  • 시계 구현
  • 이름 저장
  • ToDoList 목록
  • ToDoList 삭제
  • 배경 이미지 설정
  • Geolocation API
  • CSS 작업
  • 명언 추가

개념

  • localStorage에는 string으로 저장 (JSON.stringify())
  • 따라서 다시 불러오고 Object로 변환해주어야 한다. (parse.JSON())
  • 삭제 시 todo.js에서 cleanToDos에 filter로 해당 이벤트가 아닌 것들만 찾아서 저장한다.
  • 삭제 후 id가 다시 1부터 시작하는 이유는 todo.js에서 toDo = []로 시작하기 때문이다.

주의사항

  • weather.js에서 API_KEY 변수에 자신의 API_KEY를 넣어야합니다. https://openweathermap.org/api 해당 사이트 API_KEY 발급 받으시면 됩니다.
  • images 폴더를 만든 후 배경 이미지로 사용할 이미지 1.jpg, 2.jpg, 3.jpg 총 3장을 넣어야 합니다.

결과물

  • API_KEY를 넣은 경우 아래와 같이 결과가 나타납니다.