해당 게시물에서는 블로거에서 숫자를 이진수로 변환하는 도구를 만드는 방법, 자바스크립트에서 이진수를 십진수로 변환하는 방법, 십진수를 이진수로 변환하는 방법을 알려드립니다.
숫자를 이진수로 변환하는 도구란?
숫자에서 이진 변환기는 주어진 숫자를 해당 이진 코드로 변환하는 도구입니다. 컴퓨터 프로그래밍을 배우는 사람들에게 가장 일반적으로 사용되는 도구 중 하나입니다.
도구를 사용하면 브라우저의 모든 문자와 기호 뒤에 숨겨진 바이너리 코드를 보고 컴퓨터가 어떻게 작동하는지 이해할 수 있습니다. 이 도구를 사용하여 자바스크립트에서 이진수를 십진수로 변환하고 자바 스크립트에서 십진수를 이진수로 변환할 수 있습니다.
이러한 유형의 코딩을 통해 기계는 인터넷을 통해 통신할 수 있습니다. 다음은 블로그에서 숫자를 이진수로 변환하는 도구를 만드는 몇 가지 방법입니다.
바이너리 코드란?
바이너리는 디지털 정보의 기본 단위입니다. 이는 모든 최신 컴퓨팅을 위한 빌딩 블록을 제공합니다. 모든 컴퓨터 명령은 CPU가 수행할 수 있는 명령으로 변환되기 전에 이진수로 계산됩니다.
2진수는 0과 1이라는 두 자리 숫자로만 구성되므로 10진수를 16진수로 변환하는 것보다 10진수를 2진수로 변환할 때 약간의 단계가 있습니다. 이러한 이유로 10진수에서 2진수로의 변환 알고리즘은 일반적으로 10진수에서 16진수로의 변환 알고리즘보다 더 간단하고 효율적입니다. 숫자를 이진 변환기 도구로 쉽게 만들 수 있습니다.
이진 코드는 컴퓨터가 서로 통신하는 데 사용하는 언어입니다. 이 언어에는 예와 아니오라는 두 가지 유형의 명령이 있습니다. 이진 코드의 다른 모든 명령어는 이 두 명령어의 조합입니다.
컴퓨터가 작동하는 방식을 이해하려면 먼저 이진 코드를 이해해야 합니다. 디지털 세계에서 가장 널리 사용되는 언어 중 하나입니다. 컴퓨터는 이를 사용하여 인터넷이나 기타 기계 기반 네트워크를 통해 통신합니다.
변환기 도구의 이점
바이너리 코드는 컴퓨터가 아는 유일한 언어이며 컴퓨터의 임무는 이를 처리하는 것입니다. 이 도구를 사용하면 컴퓨터 배경지식이 없는 사람들도 바이너리 코드가 어떻게 생겼는지 확인할 수 있습니다. 컴퓨터 프로그래밍을 배우는 사람들이 컴퓨터 작동 방식을 더 잘 이해할 수 있는 쉬운 방법을 제공합니다.
프로그래밍 언어를 배우는 것이 어떤 사람들에게는 어려울 수 있지만, 이 도구를 사용하면 다양한 기호와 숫자의 줄과 줄을 외우려고 하는 대신 코드를 보고 이해할 수 있기 때문에 더 쉬워집니다. 또한 다양한 유형의 코딩을 탐색할 수 있는 기회도 제공합니다.
숫자를 이진수로 변환하는 단순성은 또 다른 이점입니다. 변환된 숫자를 다른 프로그램이나 온라인 게임에서 사용하면 쉽게 복사할 수 있습니다. 또한 도구는 연령이나 경험 수준에 관계없이 모든 사용자가 이해할 수 있도록 매우 사용자 친화적인 방식으로 설계되었습니다.
숫자를 이진 변환기 도구로 사용하는 방법
다음과 같은 방법으로 숫자를 이진수 변환기를 사용할 수 있습니다.
- 먼저, 주어진 텍스트 상자에 숫자를 입력해야 합니다. 2개 이상의 숫자(예: 786)를 함께 입력할 수도 있습니다.
- 그리고 "바이너리로 변환" 버튼을 클릭하세요.
- 이진수를 숫자로 변환하려면 주어진 텍스트 상자에 이진수를 붙여 넣거나 입력하세요.
- 그리고 "숫자로 변환" 버튼을 클릭하세요.
이 세 숫자('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진수로 변환하는 도구를 만드는 방법에 대해 포스팅되었습니다.