calculator 메모 정리

또치·2022년 8월 16일
0

내가 다시 볼 용도

2022.07.20


HTML 데이터 속성(data-, dataset)

  • HTML에서 데이터속성을 설정해 그 데이터를 JS나 CSS에서 부를 수 있음
    대문자 사용 안됨!

JS
예를 들어 html에서 data-key-value로 적용시켜놓고 JS에서 접근할 때는 dataset사용!

const practice = document.querySelector('.class');
console.log(practice.dataset.keyValue);

데이터속성 이름에서 data-를 빼고 camelCase로 변환해서 사용

*camelCase-> 단어의 중간에 띄어쓰기나 표기 없이 대문자를 사용하는 방법을 의미
ex) iPhone, eBay, FedEx

참고) let e= event.target.dataset.keyValue;

CSS

.class[data-key-value="~~"] {  
    display: grid;  
    }  
parseFloat()
parseFloat(string)

parseFloat()

parseFloat(string)

  • 문자열을 실수로 바꾸는 함수
  • 띄어 쓰기로 여러 개의 수가 있으면 첫번째 수만 바꿔줌
  • 공백으로 시작하면 공백무시
  • 주어진 값의 첫 글자를 숫자로 변환할 수 없는 경우 NaN을 반환

parseInt(string, radix)

  • 문자열을 특정진수의 정수로 바꾸는 함수
  • string을 n진법일 때의 값으로 바꿔줌
  • radix는 2부터 36까지 입력할 수 있고
  • 입력값이 0x로 시작하면 radix를 16으로 간주 그외의 다른 값으로 시작하면 10으로 처리됨

toFixed()

numObj.toFixed(digits)

  • Number 객체를 주어진 digits 만큼의 소수점 이하 자리수를 정확하게 갖는 문자열 표현으로 반환
  • 숫자를 고정 소수점 표기법으로 표시함
  • digits->소수점 뒤에 나타날 자릿수
  • 0 이상 20 이하의 값을 사용할 수 있고, 값을 지정하지 않으면 0을 사용함

0개의 댓글