imsmallgirl/chrome-app

바닐라 자바스크립트를 공부하기 위해 만든 작은 크롬 사이트

💁  Demo Site

• https://verdant-cranachan-19b8a4.netlify.app/

📚  사용 언어

---

📑   기능 설명

Login

• localStorage 에 사용자 정보를 저장하고, 메인화면에서 사용자 이름을 보여주기 위해서, 로그인 페이지를 따로 구성했습니다.

clock

• 실시간 시간을 보여주는 기능입니다.
• 시간 밑에는 로그인한 유저의 이름이 나올 수 있도록 했습니다.

quote

• 새로고침할 때마다, 랜덤 명언이 페이지 상단 가운데 부분에 나오도록 했습니다.
• 명언을 hover 했을 시에, 명언을 말한 사람을 볼 수 있도록 했습니다.

weather

• main 페이지로 접속했을 시에, 위치정보를 확인할 수 있도록 했습니다.
• 받아온 위치 정보를 weather api 를 사용해, 사용자 위치의 날씨를 api를 통해 받아와, ui에 보여줍니다.

random background

• 새로고침할 때마다, 배경화면이 랜덤으로 바뀌도록 했습니다.

mini todo-list

• 추가 기능과, 삭제 기능만 있는 작은 todo-list 입니다.
• localStorage 를 사용해, 새로고침해도 todo-list가 초기화되지 않고 유지되도록 구현했습니다.

Logout

• 다시 로그인 페이지로 돌아갈 수 있도록 하는 logout 기능입니다.
• localStorage에서 사용자 정보가 삭제되도록 구현했습니다.