블로거(blogger)에서 이진 변환기 도구로 숫자를 만드는 방법

해당 게시물에서는 블로거에서 숫자를 이진수로 변환하는 도구를 만드는 방법, 자바스크립트에서 이진수를 십진수로 변환하는 방법, 십진수를 이진수로 변환하는 방법을 알려드립니다.

이진-변환기-도구-숫자

숫자를 이진수로 변환하는 도구란?

숫자에서 이진 변환기는 주어진 숫자를 해당 이진 코드로 변환하는 도구입니다. 컴퓨터 프로그래밍을 배우는 사람들에게 가장 일반적으로 사용되는 도구 중 하나입니다.

도구를 사용하면 브라우저의 모든 문자와 기호 뒤에 숨겨진 바이너리 코드를 보고 컴퓨터가 어떻게 작동하는지 이해할 수 있습니다. 이 도구를 사용하여 자바스크립트에서 이진수를 십진수로 변환하고 자바 스크립트에서 십진수를 이진수로 변환할 수 있습니다.

이러한 유형의 코딩을 통해 기계는 인터넷을 통해 통신할 수 있습니다. 다음은 블로그에서 숫자를 이진수로 변환하는 도구를 만드는 몇 가지 방법입니다.

바이너리 코드란?

바이너리는 디지털 정보의 기본 단위입니다. 이는 모든 최신 컴퓨팅을 위한 빌딩 블록을 제공합니다. 모든 컴퓨터 명령은 CPU가 수행할 수 있는 명령으로 변환되기 전에 이진수로 계산됩니다.

2진수는 0과 1이라는 두 자리 숫자로만 구성되므로 10진수를 16진수로 변환하는 것보다 10진수를 2진수로 변환할 때 약간의 단계가 있습니다. 이러한 이유로 10진수에서 2진수로의 변환 알고리즘은 일반적으로 10진수에서 16진수로의 변환 알고리즘보다 더 간단하고 효율적입니다. 숫자를 이진 변환기 도구로 쉽게 만들 수 있습니다.

이진 코드는 컴퓨터가 서로 통신하는 데 사용하는 언어입니다. 이 언어에는 예와 아니오라는 두 가지 유형의 명령이 있습니다. 이진 코드의 다른 모든 명령어는 이 두 명령어의 조합입니다.

컴퓨터가 작동하는 방식을 이해하려면 먼저 이진 코드를 이해해야 합니다. 디지털 세계에서 가장 널리 사용되는 언어 중 하나입니다. 컴퓨터는 이를 사용하여 인터넷이나 기타 기계 기반 네트워크를 통해 통신합니다.

변환기 도구의 이점

바이너리 코드는 컴퓨터가 아는 유일한 언어이며 컴퓨터의 임무는 이를 처리하는 것입니다. 이 도구를 사용하면 컴퓨터 배경지식이 없는 사람들도 바이너리 코드가 어떻게 생겼는지 확인할 수 있습니다. 컴퓨터 프로그래밍을 배우는 사람들이 컴퓨터 작동 방식을 더 잘 이해할 수 있는 쉬운 방법을 제공합니다.

프로그래밍 언어를 배우는 것이 어떤 사람들에게는 어려울 수 있지만, 이 도구를 사용하면 다양한 기호와 숫자의 줄과 줄을 외우려고 하는 대신 코드를 보고 이해할 수 있기 때문에 더 쉬워집니다. 또한 다양한 유형의 코딩을 탐색할 수 있는 기회도 제공합니다.

숫자를 이진수로 변환하는 단순성은 또 다른 이점입니다. 변환된 숫자를 다른 프로그램이나 온라인 게임에서 사용하면 쉽게 복사할 수 있습니다. 또한 도구는 연령이나 경험 수준에 관계없이 모든 사용자가 이해할 수 있도록 매우 사용자 친화적인 방식으로 설계되었습니다.

숫자를 이진 변환기 도구로 사용하는 방법

다음과 같은 방법으로 숫자를 이진수 변환기를 사용할 수 있습니다.

  1. 먼저, 주어진 텍스트 상자에 숫자를 입력해야 합니다. 2개 이상의 숫자(예: 786)를 함께 입력할 수도 있습니다.
  2. 그리고 "바이너리로 변환" 버튼을 클릭하세요.
  3. 이진수를 숫자로 변환하려면 주어진 텍스트 상자에 이진수를 붙여 넣거나 입력하세요.
  4. 그리고 "숫자로 변환" 버튼을 클릭하세요.

이 세 숫자('786')를 합친 결과를 바이트라고 합니다. 1바이트는 8비트에 해당하며 컴퓨터에서 가장 작은 저장 단위입니다.

숫자를 바이너리 변환기 도구로 만드는 방법

블로거 사이트에 숫자를 바이너리로 변환하는 도구를 만들려면 HTML CSS 및 JavaScript(JQuery) 코드를 추가해야 합니다. 이 코드는 3단계를 거쳐 추가해야 합니다. 1단계에서는 HTML 코드, 2단계에서는 CSS, 마지막 단계에서는 JavaScript를 추가하겠습니다.

1단계 - HTML 추가

<div class="container" align="center">
<div class="head">
<h1>Number To Binary Converter</h1> </div>
<div class="input-field">
<input type="text" id="input" autocomplete="off" placeholder="Enter a number" /> </div>
<div class="btn-result">
<div class="Btn">
<button id="n" class="click">Convert to Binary</button>
<button id='b'>Convert to Number</button>
</div>
<div class="result"> <span id="answer"></span> </div>
</div>
</div>

2단계 - CSS 추가

<style type="text/css">
*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'noto sans',sans-serif;} .container{margin-bottom:70px;} .head>h1{padding:30px;}#input{width:100%;padding:15px;margin:0 0 0px 0;font-size:15px;outline:none;border:1px solid #dcdcdc;text-align:center;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;} .btn-result{background:#f3f3f3;width:100%;padding:21px;height:auto;margin-top:0;border-bottom-left-radius:7px;border-bottom-right-radius:7px;border: 1px solid #dcdcdc; border-top: none;} .Btn>button{width:160px;font-size:14px;height:auto;margin:10px;border:none;padding:10px 12px;background-color:#555EED;border-radius:3px;color:#fefefe;transition:all .3s;} .Btn>button:hover{opacity:0.7;transition:all .3s;cursor:pointer;} .result{padding:10px;}#answer{font-size:17px;font-weight:bold;}
</style>

3단계 - JavaScript 추가(2진수를 10진수 Javascript로 변환)

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script>
b.addEventListener('click', function() {
function convert() {
var bi = document.getElementById('input').value;
var biArr = bi.split('');
biArr = biArr.reverse();
var final = [];
var pickle = [];
for(i = 0; i < biArr.length; i++) {
var banana = parseInt(biArr[i]);
pickle.push(banana);
var tomato = (Math.pow(2, i));
var potato = tomato * pickle[i];
final.push(potato);
}
var final2 = 0;
for(a = 0; a < final.length; a++) {
final2 = final2 + final[a];
}
document.getElementById('answer').innerHTML = "Number: " + final2;
}
convert()
})
$(document).ready(function() {
var num;
function convert(num) {
var binary = [];
var num = document.getElementById("input").value;
num = parseInt(num);
if(!Number.isInteger(num)) {
return NaN;
}
while(num / 2 != 0) {
binary.unshift(num % 2);
num = Math.floor(num / 2);
}
if(binary.length == 2) { binary.unshift("0"); } if(binary.length == 3) { binary.unshift("0"); } if(binary.length == 1) { binary.unshift("000"); } binary = binary.join(""); return binary; } $(".click").click(function() { var insert = convert(num); answer.innerHTML = "Binary: " + insert; }); }); </script>

결론

숫자를 이진수로 변환하는 도구는 모든 숫자를 이진수로 변환하는 도구입니다. 10진수를 2진수로 쉽게 변환하는 프로그래머와 개발자에게 유용합니다. 해당 게시물은 블로그에서 10진수를 2진수로 변환하는 도구를 만드는 방법에 대해 포스팅되었습니다.

댓글 쓰기