전체 글3 javscript 소수점 계산 위험해 대부분 백엔드에서 계산해서 결과값을 넘겨주면 프론트에서 화면에 뿌려주는 편이다. 그런데 이번에 프론트에서 계산해서 적용해달라는 요구가 왔다. (##.##) x 0.###### x #.##### x (##.## - ##.###) = "사용해야할 결과 값" 저런식의 계산인데 소수 계산이 아마무시했다. 과연 javascript에서 올바른 계산을 할 수 있을까..? 우선 javascript가 소수점 계산 오류가 나는 이유를 알아보자면, 1. 컴퓨터는 2진수(0,1)로 계산한다. 2. 우리가 사용하는 10진수를 2진수로 변환하면서 '무한소수'가 생성된다. ex) 0.30000000000000004 3. 컴퓨너 메모리의 한계까지 아주 근사한 값을 표시된 '무한소수'는 완전 일치가 아닌 근사값으로 계산 오류가 나타난.. 2023. 3. 28. tspan 가로/세로 정렬 text-anchor 웹퍼블리싱을 받아서 작업하는데 svg 안의 문구를 변경해야할 때가 있다. 내가 받은 웹퍼블리싱 svg는 아래 코드와 같이 x,y 위치가 잡혀있다. 텍스트 이러면 '텍스트'를 '텍스트텍스트'처럼 길게 변경하거나 짧게 변경하면 정렬이 깨지게 된다. 이럴 때 사용하는 'text-anchor' 속성이다. (참고url : text-anchor MDN) 텍스트텍스트 이렇게 속석을 넣으면 x,y 위치를 잡지 않고 가로 정렬이 유지된다. 세로 정렬은 alignment-baseline로 가능하다. (참고url : alignment-baseline MDN) 2023. 3. 28. ?? js문법 평소에 사용하지만 이름을 제대로 모른채, 물음표 2개로 칭했던 ?? js문법 ?? js문법 명칭은 Nullish coalescing operatior (Nullish 병합 연산자) 라고 한다. ES6(ES2015)문법이 아닌 이후 ECMAScript11(ES2020)에 만들어진 기능이다. (참고url : ES6 이후) 왼쪽에 연산자가 null이거나 undefind일 때, 오른쪽 결과를 보낸다. (참고url : Nullish 병합 연산자 MDN) const falsy = null || undefined; const nullish_coalescing_operator = falsy ?? "잘못된 값"; console.log("nullish_coalescing_operator : , nullish_coalesc.. 2023. 3. 27. 이전 1 다음
