IT 공부 기록 블로그

IT 공부 기록 블로그

  • 분류 전체보기 (20)
    • Monthly I Learned (0)
    • CS (1)
    • C# (0)
    • WEB (13)
      • CSS (0)
      • HTML (0)
      • Javascript (13)
      • React (0)
    • 미분류 (4)
    • 프로젝트 (2)
  • 홈
  • 태그
  • 방명록
RSS 피드
로그인
로그아웃 글쓰기 관리

IT 공부 기록 블로그

컨텐츠 검색

태그

최근글

댓글

공지사항

아카이브

프로젝트(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
이전
1
다음
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바