사전파악

• 아이템 이름이 작성돠고, add item 을 클릭하면, 내용이 로컬스토리지에 저장된다.
• ul 에 추가된 사항에 대해, 리스트를 추가한다.
• 체크된 체크박스
• 체크되지 않은 박스에 대해 각기 다른 CSS

HTML

• checkbox 태그 형식

- HTML: HyperText Markup Language | MDN

• label 태그 형식

- HTML: Hypertext Markup Language | MDN

DOM

메뉴 입력시, 인풋 Form 초기화

• 방법 1. text input 의 value = ""
• 방법 2. HTMLFormElement.reset( )

HTMLFormElement.reset() - Web APIs | MDN

체크박스요소 모두 가져오고, 체크된 박스 파악하기

• 참고문서