Retro_todo (ver.1)
코드스테이츠 프리코스에서 HTML, CSS, DOM을 배운 후, 배운 것을 활용해보고 싶어서 Solo Week 기간 동안 진행했던 미니 프로젝트이다.
CRUD 구현에 용이한 투두리스트를 선택했고, 코드스테이츠에서 배운 내용 이상의 것을 적용하진 않았다.
Time Span of the project
2020.08.27 ~ 2020.08.30 (Pre-course Solo week)
개인 프로젝트
Overview
Bare Minimum Requirements
- Mock Up (HTML/CSS)
- 컨셉보드 만들기 (Figma 사용)
- HTML, CSS를 이용하여 목업 구현하기
- CRUD (Basic JavaScript, DOM)
- Draw.io로 플로우 구성하기
- DOM으로 투두리스트의 추가, 수정, 삭제 구현하기
- 날짜 출력
- Data Management (Local Storage)
- 로컬 스토리지에 정보 저장하기
- 로컬 스토리지 리셋하기
- Sort
- 타입별로 필터 구현하기
Related Posts
Retro_todo 프로젝트에 대한 블로깅 순서는 이렇다.
[Project] Retro_todo (ver.1) : Preview << now here!
[Project] Retro_todo (ver.1) : Concept
[Project] Retro_todo (ver.1) : Mock up (HTML, CSS)
[Project] Retro_todo (ver.1) : CRUD, Data, Sort (DOM, Local Storage)
디자인 참고 : Gustavo Zambelli
https://www.pinterest.co.kr/pin/406027722656020491/
