프로젝트(2)
-
JavaScript로 계산기 기능 구현하기
지난번에 HTML,CSS로 만든 계산기 Mock-Up을 기반으로 계산기 기능을 구현해 봤다. document.querySelector("클래스명")으로 자식을 포함한 해당엘리먼트의 정보를 모두 담을수 있었고 button.addEventListerner("click",function (event)) 로 클릭이벤트시 수행할 기능을 정의 할 수 있었다. document.getElementsByClassName("클래스명") 으로 해당 클래스명에 해당하는 정보를 객체 형식으로 반환하여 정보를 가져오거나 추가, 삭제 할수 있었다. 추후에 버튼이벤트, querySelector의 동작 방식을 찾아 봐야겠다. element = document.getElementsByClassName("operator"); for (v..
2022.07.05 -
계산기 Mock-up 만들기
CSS와 Html를 공부할겸 계산기 Mock-up을 만들어 봤다. CSS는 기능이 많아 프론트엔드 개발자로 일하려면 계속 공부해야 할것 같다. flexbox, text-shadow, box-shadow, inset, animation, transition, linear-gradient, 웹폰트 등 여러가지 시도를 해봤다
2022.07.04