반응형
카엔입니다
카엔
카엔입니다
전체 방문자
오늘
어제
  • 분류 전체보기 (98)
    • 프론트엔드 (74)
      • JavaScript (22)
      • CSS (2)
      • React (21)
      • Next.js (12)
      • 블록체인 (2)
    • 에러 모음 (11)
    • Git (5)
    • 백엔드 (1)
      • GraphQL (1)
    • AWS (2)
    • CS (1)
    • 코딩테스트 (1)
    • 개발 이야기 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • Next.js
  • unoptimized error
  • Cloudfront
  • 자릿수 채우기
  • DOUBLE CHECK CONFIGURATION Please double check that you have setup a PAID OpenAI API Account. You can read more here: https://docs.agpt.co/setup/#getting-an-api-key
  • nextron ipc
  • 웹상동작과정
  • useMemo
  • 이벤트루프
  • useCallback
  • nextron
  • git 덮어쓰기
  • ec2
  • ChatGPT
  • 모바일 파란 박스
  • git
  • error
  • 자바스크립트 이진수 변환
  • 구글 스프레드시트 API
  • ipc 통신

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
카엔입니다

카엔

프론트엔드/JavaScript

자바스크립트 이진수 자릿수만큼 0 채우기

2023. 4. 28. 12:07

자바스크립트에서 이진수를 만들고 자릿수에 맞게 0을 채우는 간단한 코드에 대해 알아보자

보통 코딩테스트에서나 활용되는 코드인데 현업에서 가끔 이진수 등으로 변환하는 경우도 있다

먼저 이진수로 변환하는 코드이다.

let num = 123;
num.toString(2); // 1111011

위 코드처럼 toString에 인자로 2를 넣어주자 123이 이진수로 변환된 값을 반환해준다

여기서 만약 01000으로 나와야되는 수가 toString으로 변환하면 1000으로 나오는 경우가 있다
이런 경우에 0을 자릿수만큼 채워줘야하는데 이것도 간단한 함수로 해결할 수 있다

let num = `1000`;
num.padStart(5, "0"); // 01000

이렇게 padStart를 통해 첫번째 인자로 넘겨준 자릿수만큼 두번째 인자의 값으로 채워주게 된다
이건 앞자리를 채워넣는 함수이고 뒷자리를 채워주는 함수도 있다

let num = "1101"
num.padEnd(5, "0"); // 11010

이 두가지 함수를 통해 이진수 변환 및 자릿수 채우기를 쉽게 해결할 수 있다

저작자표시 (새창열림)

'프론트엔드 > JavaScript' 카테고리의 다른 글

TTS 자바스크립트로 구현하기  (0) 2023.06.13
구글 스프레드시트 API 조회하기 | Node.js  (0) 2023.05.15
리액트, Next.js에서 three.js GLFT 모델 적용하기  (0) 2023.04.25
자바스크립트 이벤트 루프가 뭘까  (0) 2023.02.16
GET과 POST의 차이는 뭘까  (0) 2023.02.15
    '프론트엔드/JavaScript' 카테고리의 다른 글
    • TTS 자바스크립트로 구현하기
    • 구글 스프레드시트 API 조회하기 | Node.js
    • 리액트, Next.js에서 three.js GLFT 모델 적용하기
    • 자바스크립트 이벤트 루프가 뭘까
    카엔입니다
    카엔입니다
    https://www.kaen.site/

    티스토리툴바