반응형
계산기모양_CSS
-
JavaScript 입문 : 계산기 만들기 - CSS활용 계산기 그리기컴퓨터 알아가기/JavaScript 2022. 2. 16. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있으며 CSS는 그동안 공부한 내역을 가지고 복습하면서 만들어 가고자 합니다. 우선 계산기의 기본모양을 HTML과 CSS를 통하여 만들어야 합니다. ▒ CSS를 이용한 계산기 모양 1. 원래 계산기 모양 본 과정 공부에 도움을 받는 사이트에서는 자바스크립트 강좌가 메인이기 때문에 구체적으로 CSS를 활용힌 강의는 진행이 되지 않습니다. 그래도 계산기 그림하에 작동하는 프로그램이 필요합니다. 아래 그림은 아주 기본적인 계산기 모양입니다. 2. CSS를 이용하여 계산기 꾸미기 ① 태그와 태그를 이용하여 계산기 기본형 만들기 아래 그림과 같이 버튼을 16개 만들어서 기본 계산기 모양을 만들고 각각에 id를 부여합니다. 아울러 공부를 하다가 모르는 문법들..