[프로젝트] 구글 크롬 확장 프로그램 모멘텀(Momentum) Javascript로 구현하기

링크

깃허브: https://github.com/crohasang/momentum_js

GitHub - crohasang/momentum_js: 구글 크롬 확장 프로그램 모멘텀(Momentum)을 Javascript로 구현하였습니다.

 

사이트 접속: https://crohasang.github.io/momentum_js/

Momentum

---

 

모멘텀(Momentum)이란 무엇인가?

모멘텀은 Chrome 웹스토어에서 설치가 가능한 구글 크롬 확장 프로그램이다.

설치가 완료되면 새로운 탭이 생성되고, 아름다운 배경화면과 함께 시간과 오늘의 날씨가 표시된다.

그리고 이름, 그리고 오늘의 할 일 리스트를 작성해서 화면에 보여줄 수 있다.

(자세한 내용은 밑의 링크를 통하여 확인할 수 있다.)

https://it-talktalk.tistory.com/401

구글 크롬 확장 프로그램 모멘텀(Momentum) 사용 후기

---

만들게 된 계기와 과정

노마드코더의 '바닐라 JS로 크롬 앱 만들기'를 수강하면서, 모멘텀의 기능들을 자바스크립트로 구현하는 방법을 배웠다.

그리고 배운 내용들을 활용하여 직접 모멘텀에 있는 기능들을 사용할 수 있는 웹사이트를 제작하였다.

강의 링크: https://nomadcoders.co/javascript-for-beginners

바닐라 JS로 크롬 앱 만들기 – 노마드 코더 Nomad Coders

---

후기

이번 프로젝트에서는 Javascript를 활용하여

• 로그인
• 시간 출력
• 랜덤한 배경화면과 문자 출력
• To Do list 생성/삭제/저장
• API를 활용하여 사용자의 위치, 기온과 날씨 출력

을 구현하였다.

 

localStorage를 활용하여서 새로고침을 하더라도 이름과 To Do list를 초기화되지 않게 만든 것이 제일 인상깊었다.

 

그리고 API를 활용해서 실시간으로 사용자의 위치, 기온, 날씨를 출력을 했을 때 Javascript로 개발을 할 때 API를 통하여 얼마나 많은 일들을 할 수 있을까라는 생각이 들었다. 그러나 딱 하나 아쉬웠던 점은 API가 해외 사이트에서 가져와서 그런가 사용자의 현재 위치를 정확하게 표기하지 않는 것 같아서 아쉬웠다.(XX-dong이라고 표기가 되었는데 차라리 포괄적으로 Seoul이라고 표기하는 것이 더 낫지 않았을까라는 생각이 들었다.)