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

<aside> 💡 기초부터 설명하는 글이 아니라, 필자가 새롭게 배운 내용을 주관적으로 정리한 글입니다.

</aside>

Momentum 클론코딩

위 강의는 Chrome 확장 프로그램인 Momentum을 클론코딩하는 방식으로 진행된다.

Momentum App

위 링크에 들어가면, 필자의 토이 프로젝트 결과물을 볼 수 있다.

구현한 기능

• clock : 현재 시각
• greeting : username을 받아 localStorage에 저장하여 인사말 표시
  • 시간대에 따라, Good Morning, Good Afternoon, Good Evening 으로 변화
• background, quote (위 사진에서 중앙 하단) : 랜덤 배경, 랜덤 명언
• search (좌측 상단) : 구글에 검색하기
• weather (우측 상단) : OpenWeatherMap API를 이용하여 현재 지역, 날씨, 기온 표시
• today-focus : 오늘의 가장 큰 TODO 목표를 적어두는 공간
  • pomodoro-timer : 시계 아이콘을 누르면 작동하며, 25분(1뽀모도로) 타이머다.
• TODO (우측 하단) : localStorage에 저장되어 새로고침해도 초기화되지 않음.
  • 모달 창으로 만들었다.