개요
- 사용자가 접속 후 사용자를 기억하며, 브라우저 내 ToDo-List를 생성, 저장, 삭제 기능을 통해 할 일을 정리할 수 있도록 한다.
목표
- JavaScript, CSS, HTML 기본 문법 및 상호간의 유기적인 움직임의 대한 이해.
- 실제 사용자가 접속할 수 있는 서비스를 제작.
- 작성된 코드를 공개하여 피드백 수용.
구현 기술
- 로그인 : 사용자의 ID(name) 입력받아 인사말과 함깨 출력, 새로고침 되어도 사용자의 이름을 기억하여 재로그인을 안할 수 있도록 구현.
- 배경 : 정해진 여러 이미지들이 접속할 때 마다 랜덤으로 하나씩 출력되게 구현.
- 구문출력 : 지정된 여러 구문을 접속할 때 마다 랜덤으로 하나씩 출력되게 구현.
- 시간 : 현재 시간을 00:00:00 포맷으로 출력, 실시간을 변경될 수 있도록 구현.
- 날씨 : 사용자의 위치를 인식하여 실시간 날씨 표기 (API 활용)
- ToDo-List : 사용자로 할일(ToDo-List) 입력받아 저장, 또는 삭제 기능 구현 이후 재접속시에도 입력받았던 ToDo-List 는 유지될 수 있도록 구현.
기술 스택
- HTML
- CSS
- JavaScript
API
- https://openweathermap.org/ : 날씨 연동 API