하이고니의 개발 스토리

  • 홈
  • 태그
  • 방명록
  • 관리
  • 글쓰기

계산기 2

HTML CSS Javascript 계산기 구현하기 (js 로직 이해 과정 위주로)

자바스크립트 계산기 만들기 2: 계산기능 구현, 예외처리 계산 기능 구현 산술 연산자는 숫자 값을 피연산자로 받아 하나의 숫자 값을 반환합니다. 표준 산술 연산자는 덧셈(+), 뺄셈(-), 곱셈(*), 나눗셈(/)입니다. - MDN 자바스크립트에서 사칙연산과 관련 kanhi.tistory.com 아래 나오는 코드는 모두 위 블로그 복붙입니다. 이 분의 설명 굉장히 굉장합니다. 위 글은 자바스크립트를 처음 시작하고 계산기 만드는 것에 좌절하고 있던 제게, 한 줄기 빛이 되어주었습니다. 글 쓰신 분께 큰 감사의 말씀을 드립니다. HTML AC ÷ 7 8 9 × 4 5 6 - 1 2 3 + 0 . = CSS /* style.css */ main { width: 300px; } .button-wrap { dis..

부트캠프/따로 공부 2022.12.24

코드스테이츠 프론트엔드 부트캠프 Day 7 - SHARP 레트로 계산기 목업

1. container 를 둘러싼 frame 이 있다. 2. container 는 크게 4가지 영역으로 나뉜다. space, nameTag, screen, buttons 와이어프레임은 아래와 같다. HTML CSS * { margin: 0; padding: 0; box-sizing: border-box; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } body { display: flex; justify-content: center; align-items: center; } .frame..

부트캠프/TIL 2022.12.23
이전
1
다음
더보기
프로필사진

Write | Admin | Github

  • 전체 (168)
    • 부트캠프 (92)
      • TIL (37)
      • 따로 공부 (38)
      • 자바스크립트 완벽 가이드 (17)
      • 경험과 감상 (0)
    • 프론트엔드 개발 (64)
      • JavaScript (9)
      • React (10)
      • Interview (6)
      • Algorithm (19)
      • Node.js (4)
      • Typescript (16)
      • UI UX (0)
    • 아무거나 (7)
      • 티스토리 (4)
      • 생각 모음 (1)
      • 스스로에게 질문 (2)

Tag

react, 사이드프로젝트10개기술스택으로구현하는풀스택서버리스프로젝트withReact, 직장인자기계발, CSS, 패스트캠퍼스, DoM, Node.js, 패캠인강후기, 리액트, 패캠챌린지, 패스트캠퍼스후기, typescript, 인터페이스, javascript, 직장인인강, 수강료0원챌린지, 타입스크립트, html, 환급챌린지, 오공완,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Copyright © Kakao Corp. All rights reserved.

티스토리툴바