Binary, Octal, Decimal, Hexadecimal을 변환해주는 웹페이지를 구현해보자!

프로젝트 아이디어에 대한 조언이나 피드백은 적극 환영입니다!
Welcome your Feedback via Email!

Repository

성공적으로 생성, 로컬에 clone 했다.

Screen Shot 2022-11-16 at 1 41 32 PM

Generic Features

숫자변환기 역할을 하는 기존의 사이트를 참조하여,
웹페이지에서 구현해야 할 기능적 부분과 비기능적 부분(주로 디자인)에 대한 개요를 작성했다.

참조한 사이트는 다음과 같다.

Functional

  • from-to: 사용자의 입력 포맷(from)과 사이트가 반환해야 하는 출력 포맷(to)을 정한다.
    • binary(이진수), octal(팔진수), decimal(십진수), hexadecimal(십육진수) 형식을 지원한다
    • 각각의 숫자 형식은 자기 자신을 제외한 다른 형식으로 전환되어야 하므로 from-to는 총 12쌍을 구현해야 한다.
  • result: 결과값을 반환한다.
    • 이 때, 출력 포맷에 따라 결과값 우측의 작은 area에 표시되는 값도 다르게 한다.
    • 예를 들어 출력 포맷(to)가 이진수였다면, ‘(2)’를 우측 하단에 표기하여 이진수로 표기되었음을 보여준다.

Non-functional

  • 이번 프로젝트의 경우, 비기능적 측면보다는 기능적 측면을 구현하는 것이 더 중요하다.
  • 따라서 디자인이나 SW chracteristic은 차후에 수정하는 것으로 한다.

Checkpoint Questions

    1. 사용자의 입력을 받는 창, 클릭을 catch하는 event listener, 출력값을 보여주는 창을 무엇이라고 부를까?
    1. 1.의 창은 JS에서 정하는 것인가? –> 생활코딩에서 공부하기