New Love Park _ Coding_Story

  • 홈
  • 태그
  • 방명록

Practice 1

<22.08.25> 바닐라 자바스크립트로 계산기를 만들어보자

국비학원에서 HTML/CSS/JS를 이용하여 웹 페이지를 만드는 과제를 하다가 시간이 남아 바닐라 JS로 계산기를 만드는 개인 과제를 진행해보았다. 더하고 빼고 곱하고 나누기만 가능한 최소한의 기능만 가진 계산기를 만드려고 했다. 기능이 얼마 없으니 그렇게 까다롭지 않을 것이라 생각했는데 생각보다 어려웠다. 오늘은 바닐라 자바스크립트로 계산기를 만들기 위해 구상했던 것과, 실제 JS 코드를 소개하고자 한다. 1. 구상 HTML/CSS로 계산기 UI를 구성하고, JS를 통해 핵심적인 기능을 구현한다. 계산기에 들어갈 기능은 아래와 같다. 사칙연산(덧셈, 뺄셈, 곱셈, 나눗셈) + 몫 계산(JS에서의 % 연산) 화면창 초기화 삭제버튼 숫자패드 출력창(최종결과출력화면 / 입력현황출력화면) 계산기 기능 구현을 ..

Practice/Javascript 2022.08.25
이전
1
다음
더보기
프로필사진

New Love Park _ Coding_Story

프론트엔드 개발자가 되기 위해 노력하는 예비개발자

  • 분류 전체보기 (86)
    • 컴퓨터 지식 공부 (15)
      • 웹 (6)
      • 네트워크 (4)
      • 하드웨어 (2)
      • 기타 (3)
    • 웹 프로그래밍 (35)
      • HTML (7)
      • CSS (11)
      • JavaScript (8)
      • HTML\CSS\Javascript 연습 (4)
      • React (5)
    • 프로그래밍 (5)
      • Python (2)
      • JAVA (3)
    • GIT (2)
    • Practice (1)
      • Javascript (1)
      • Java (0)
    • Programmers (28)
      • Level 0 (20)
      • Level 1 (8)

Tag

encoding, Practice, java, LEVEL 1, Algorithm, network, CSS, javascript, frontend, web, H/W, Level 0, COMPUTER BASIC, PYTHON, Programming, Git, react, HTML, programmers,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바