전체 글 48

[JavaScript] BigInt와 Number의 비교 연산

0n == 0 → true 0n === 0 → false 요약 BigInt와 Number 사이에 엄격한 동치 연산자(===)를 사용하면 두 값의 타입이 일치하지 않으므로 false를 반환합니다. BigInt 일반적으로 숫자의 값이 2^53 - 1보다 크거나 연산 과정에서 이보다 커질 가능성이 있는 경우 BigInt 자료형을 사용합니다. 비교 연산 BigInt 자료형 사이의 비교 연산 1n >= 0n // true 1n >= 1n // true 1n 0n // true 1n = 0 ..

함정 시리즈 2023.12.09

[JavaScript] 정말 보기 드문 RangeError

RangeError JavaScript를 사용하면서 RangeError를 마주하는 것은 생각보다 드문 일입니다. JavaScript는 배열 범위를 벗어난 인덱스를 참조해도 undefined를 반환할 뿐, 오류를 반환하지는 않으니까요! 하지만 그것을 마주해 버렸습니다. 어느 부분에서 오류가 발생했는지 알 수 없는 환경에서 말이죠. 다행히도 굉장히 짧은 RangeError 문서를 통하여 핵심을 빠르게 파악할 수 있었고, Number 또는 String의 변환과 관련한 함수에 부적절한 값을 전달한 경우를 중심으로 RangeError가 반환되도록 되어 있음을 확인하였습니다. String.prototype.normalize() Number.prototype.toFixed() Number.prototype.toExp..

함정 시리즈 2023.11.24

solved.ac 스트릭 그래프 염색

solved.acsolved.ac는 Baekjoon Online Judge 문제들에 태그와 난이도를 붙이는 커뮤니티 프로젝트입니다. - 공식 홈페이지스트릭 그래프solved.ac의 스트릭 그래프는 깃허브 잔디 심기와 매우 유사하면서도 현재 며칠 연속으로 문제를 해결했는지, 최고 기록은 며칠인지 표시함으로써 연속성(꾸준함)을 조금 더 중요시할 수 있도록 디자인된 것 같습니다.스트릭 그래프 염색https://solved.ac/coin/shop 코인샵 페이지에서 스트릭 그래프 색상을 바꿔주는 티켓을 구매할 수 있습니다.https://solved.ac/coin/exchange티켓을 구매하기 위한 코인의 교환은 환전 페이지에서 하실 수 있습니다. 12가지 색상과 일부 특별한 색상을 직접 뽑으면서 확인하실 분들은 ..

카테고리 없음 2023.11.21

부동 소수점 연산의 함정

모르면 언젠가 한 번은 당할 수밖에 없는 것 0.1 + 0.2 === 0.3 그동안 컴퓨터로 계산한 0.1 + 0.2의 결과가 0.3이 아니라는 정도로만 알고 있었지 실제로 크게 당해본 적은 없었습니다. 보통의 경우에는 값이 안 맞는다 싶을 때, 적절한 소수점 자리에서 반올림으로 처리하면 올바르게 보정됩니다. 반올림은 괜찮지만... 이 미세한 오차로 인한 진짜 문제는 반올림 연산이 아닌 내림 연산 또는 올림 연산을 사용할 때 본격적으로 발생합니다. 위의 수를 소수점 아래 셋째 자리에서 반올림 · 올림해야 한다고 생각해 봅시다. 자바스크립트로는 아래와 같이 수행할 수 있습니다. let number = 1.1 * 1.1; number; // 1.2100000000000002 Math.round(number ..

함정 시리즈 2023.11.19

[JavaScript] 0과 -0 (JavaScript 정수 자료형의 함정)

정수 자료형? 그런 건 따로 없소이다. 모든 것은 숫자(Number)로 통합니다. -0 만들기 작업에 큰 지장은 없지만 직접 마주한다면 은근히 거슬리는 -0이라는 녀석, 이 녀석은 어떻게 생길까요? 직접 -0을 입력 부호가 마이너스이면서 곱셈의 결과가 0이 되도록 하기 -0; -1 * 0; 1 * -0; 0 * -0; -0을 마주하게 된 배경 구현한 자료구조가 제대로 동작하는지 확인하기 위해 정수 범위에 걸친 랜덤한 데이터가 필요했습니다. 데이터를 만들기 위해 아래와 같은 로직을 통해 임의의 수를 생성하였습니다. (반복문 생략) const N = 100; // 숫자 범위 조정 (Math.round(Math.random())) * 2 - 1) * Math.floor(Math.random() * N); //..

함정 시리즈 2023.11.09

[JavaScript] Set.prototype.add()의 함정

Set.prototype.add()는 Array.prototype.push()와 달리 오직 하나의 전달인자만을 추가할 수 있습니다. 1. 메서드 호출 구문 mySet.add(value); // 예시 mySet.add(1); mySet.add('hi'); // 잘못된 예시 mySet.add(1, 'hi'); // 집합에는 1만 추가되며, 'hi'는 무시됩니다. arr.push(element1[, ...[, elementN]]); // 예시 arr.push(1); arr.push(1, 'hi', [0]); 2. 전달인자 개수 메서드 전달인자 개수 Set.prototype.add 1 Array.prototype.push N 3. 전달인자를 생략한 경우 const mySet = new Set(); mySet.a..

함정 시리즈 2023.11.07

[기록] 윈도우 MySQL ↔ ubuntu node.js(mysql2) 연결 시도

요약 MySQL 연결에 어려움을 겪는 경우 해볼 수 있는 갖가지 방법 적용 socat을 사용하여 소켓 통신을 시도하였으나 배경지식 부족으로 인하여 실패 socat을 통하여 ubuntu localhost:3306 - pc ip 주소:3306 연결 sql 요청 host로 pc ip 주소를 직접 입력하여 socat을 거치는 불필요한 단계 제거 상황 MySQL 서버를 윈도우에서 실행중 동일한 기기의 WSL2 ubuntu 환경에서 node.js(mysql2)를 활용하여 데이터베이스 접근 시도(localhost:3306) -111: ECONNREFUSED 오류 발생 code: 'ECONNREFUSED', errno: -111, sql: undefined, sqlState: undefined, sqlMessage: ..

[로컬 개발 환경] 윈도우 MySQL ↔ ubuntu node.js(mysql2) 연결 오류 해결

-111: ECONNREFUSED 윈도우 환경에서 실행중인 MySQL 서버와 동일한 디바이스의 ubuntu 환경에서 실행중인 node.js를 연결합니다. 두 환경 모두 로컬 환경입니다. 준비물 네트워크 연결 요약 두 환경 모두 로컬이지만 서로 분리되어 있으므로 로컬호스트 주소가 아닌 컴퓨터의 ip 주소를 통해 접근해야 했습니다. 외부 데이터베이스 서버에 접근하는 것처럼요. 해결 1. 서버 호스트 변경 요청 대상 호스트 주소를 MySQL이 실행중인 PC의 ip 주소로 변경합니다. const pool = mysql.createPool( { host: 'localhost', // 이 부분을 '172.xxx.xxx.xxx'로 변경하였습니다. user: 'user', database: 'db', password:..

[JavaScript] new Array(3).fill([]) - 참조 자료형의 함정

문제 // 길이가 3인 배열을 만들어 빈 배열을 채웁니다. const arr = new Array(3).fill([]); // arr의 첫 번째 배열에 요소를 추가합니다. arr[0].push(1); arr; // [[1], [1], [1]] ? 오직 0번 인덱스의 배열에만 접근하여 값을 추가했음에도 불구하고 모든 배열에 값이 추가되었습니다. 이는 곧 fill 메서드의 적용 결과로써 각각의 인덱스에 대하여 새로운 배열이 할당된 것이 아니라 메서드의 인자로써 전달된 배열 하나만으로 모든 자리를 채웠다는 이야기가 됩니다. 모든 인덱스가 동일한 배열에 대한 참조를 가지고 있었기 때문에 발생한 문제입니다. 해결 fill 메서드를 호출한 뒤 map 메서드를 통해 배열을 할당합니다. map 메서드를 사용하면 map..

함정 시리즈 2023.09.23