[Toy Project] Shopping List 쇼핑리스트 만들기

쇼핑 리스트를 만들어보았다. 구현하고자 하는 것 은 아래와 같았다. 1. input에 쇼핑 item 넣고 Enter 혹은 아래 버튼을 누르면 쇼핑 목록에 추가된다. 2. input에 구매할 item 개수를 넣어 리스트에 개수도 추가된다. 3.아이콘을 이용해서 item을 삭제할 수 있다. 4. 체크 아이콘을 클릭하면 완료된 리스트로 보인다. ( 글씨에 줄 긋고 연하게, 아이템 박스 배경 없애기, 아이콘 배경 없애기, 아이콘 컬러 어둡게 바꾸기) 5. 삭제한 것을 반영하지 않은 items 개수와, check 아이콘을 클릭하지 않은 남은 items 개수를 상단에 표시한다. 추가로 input에 커서를 자동으로 넣고 스크롤도 items가 들어있는 div안에서 움직이도록 설정해줬다. 구현하고자 했던 것들 중 두 개..
Frontend/ToyProject 2022. 1. 25. 18:01
1