Toy Project - Pixel Art Maker

토이 프로젝트 진행 목적

canvas 라이브러리를 사용하지 않은 픽셀 메이커 만들기. javascript와 html, css, 그리고 json의 데이터를 사용하여 1~60 pixel 사이로 동적으로 구현되는 그림판을 만들어보자.

최종 구현 화면 이미지 / 동영상

• git page - https://hmyo2853.github.io/pixel-art-maker/
  
  

구현 요구 사항 목록

• [o] 순수 javascirpt와 css, html을 사용해서 구현한다.
• [o] json에서 fetch로 컬러칩 data를 받아와서 출력한다.
• [o] 선택된 컬러에 맞춰 컬러 색상이 바뀌어야 한다.
• [o] Reset 버튼으로 그림판을 초기화한다.
• [o] grid를 이용하여 입력되는 픽셀 값에 따라 동적으로 구현되는 그림판
• [o] 복잡하지 않고 가독성이 높은 UI
• [o] 아주 작거나 너무 큰 픽셀 값에 제한을 둔다. (alert)