fe-web-todo

📅 구현한 TODO LIST 웹페이지 기능 소개

1️⃣ 해야할 일, 하고있는 일, 완료한 일 칼럼 내의 카드 추가, 수정, 삭제 기능

2️⃣ 해야할 일, 하고있는 일, 완료한 일 칼럼 내의 카드 갯수 카운트

3️⃣ 칼럼 내의 카드 추가, 수정, 삭제 작업시 오른쪽 알림창에 진행한 작업 안내문구

4️⃣ +버튼 클릭시 새로운 칼럼 추가

1. HTML 문서 기본 구조 및 코드 작성

카드 추가하기
카드 삭제하기
카드 삭제 모달 띄우기
카드 수정하기
카드 갯수 보여주기
칼럼 추가하기
칼럼 삭제하기
칼럼 추가 모달 띄우기
알림 보여주기
드래그앱드롭

2. CSS 코드 작성

TODO 웹페이지 레이아웃
카드의 x 버튼 마우스오버시 빨간색으로 상자 색깔 변경
기타 아이콘 마우스오버시 색깔 변경
오른쪽 아래의 플러스 버튼에 마우스 오버시 버튼 크기 변경 효과