Lpla 개발 블로그

menu-opener icon
  • HTML&CSS
  • JavaScript/기초
  • JavaScript/실전
  • React
  • PHP
  • 그누보드
  • ETC
반응형
[JavaScript] 계산기 포스팅 썸네일 이미지

JavaScript/실전

[JavaScript] 계산기

이 글은 유튜브 ZeroCho ES2021 자바스크립트 강좌에 나온 내용을 기초로 작성했지만 다른 부분이 존재합니다. 1. HTML 마크업, CSS 추가 자바스크립트로 단순한 사칙연산 계산기를 만들어보겠다. 실제 계산기는 신경 써야 할 게 훨씬 많고 복잡하기 때문에 여기서는 다루지 않는다. 먼저 HTML과 CSS는 아래 내용을 그대로 복사한다. 7 8 9 + 4 5 6 - 1 2 3 / C 0 = X * { box-sizing: border-box; } #result { width: 180px; height: 50px; margin: 5px; text-align: right; } #operator { width: 50px; height: 50px; margin: 5px; text-align: center..

2021.06.20 게시됨

1
반응형

최근글

인기글

반응형
08-21 15:44

활동 내역

«   2025/08   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

태그 클라우드

  • 자바스크립트
  • css
  • 그누보드
  • 영화 웹서비스 만들기
  • 리액트
  • React
  • 파이썬
  • swiper
  • gsap
  • 노마드코더
Copyright 2025. lpla all rights reserved.
Designed by 베이스캠프
닫기 아이콘
사이드 프로필 배경이미지
블로그 이미지

Lpla

자기개발 블로그입니다. (2019.07.15~)

  • 분류 전체보기 (156)
    • 일상 (9)
    • HTML&CSS (16)
    • JavaScript (78)
      • 기초 (34)
      • 실전 (44)
    • React (9)
    • PHP (6)
    • 그누보드 (10)
    • Python (9)
    • WordPress (4)
    • etc (10)
    • 웹디자인기능사 (5)

전체

오늘

어제

Designed by 베이스캠프

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.