Session 4 연습문제

직접 만들어보며 익히기

문제 1: 좋아요 버튼 ❤️

버튼을 누르면 하트 색이 바뀌고 숫자가 증가/감소

힌트: classList.toggle, 변수로 상태 관리

문제 2: 간단한 투두 📝

할 일을 추가하고 체크하면 줄이 그어지도록

힌트: line-through 클래스 토글
⭐⭐

문제 3: 장바구니 🛒

상품을 추가/삭제하고 총 금액 계산

힌트: 배열로 관리, reduce로 합계
⭐⭐⭐

문제 4: 모달 창 🪟

버튼으로 모달 열고 닫기

힌트: fixed 포지션, 배경 클릭 감지
⭐⭐

문제 5: 필터링 리스트 🔍

검색어로 리스트 필터링

힌트: input 이벤트, includes로 검색
⭐⭐⭐
← 돌아가기