카운터
바닐라 자바스크립트로 카운터 만들기
요구사항
필수
Counter클래스를 별도의 파일 모듈로 구현- 표시되는 숫자: 현재 카운터 값
- 증가 버튼: 카운터 숫자를 1 증가
- 감소 버튼: 카운터 숫자를 1 감소
- 리셋 버튼: 카운터 숫자를 0으로 초기화
선택
- 카운터 추가 버튼: 클래스 인스턴스를 여러 개 생성하여 카운터를 원하는 만큼 추가
- 로컬 스토리지에 카운터 정보를 저장하여 데이터 보존
배운 점
- 클래스 개념과 문법
- 이벤트 위임 개념을 사용하여 이벤트 리스너 생성하기
- 별도의 파일 모듈을 구현하여
import/export를 통해 사용하기 - 로컬 스토리지를 사용하여 페이지를 새로고침한 후에도 데이터 보존하기
- html에 요소를 추가하는
insertAdjacentHTML메서드 - Github
Issues기능을 사용해서 코드 리뷰 남기기
저장소
- @dopamingo: dopamingo/js-counter
- @hhkim0729: hhkim0729/vanilla-counter
- @MichelleJin12: MichelleJin12/vanila_js_counter
- @S0YKIM: S0YKIM/VANILLA_COUNTER
- @srngch: srngch/vanilla-js-counter