때는 바야흐로 지금으로부터 6년 전인 2019년, 한창 비트마스킹으로 스트레스를 받던 시절이었다. 회사에서 출시하는 IoT 장비의 모델이 늘어날 때마다 새로운 기능이 추가되는데, 이 기능이 벌써 32개를 넘어가면서 64비트로 확장하는 업무를 할 때였다. 당시만해도 여러대의 IoT 장비를 관리하는 제품을 만드시는 분은 '설마 기능이 64개까지 늘어나겠냐'면서 단순히 int로 작성된 타입을 int64로 변경하는데 그쳤지만, Javascript를 사용해야하는 나는 그럴수가 없었다. Javascript에서 제공하는 number의 범위는 -(2^53-1) ~ (2^53-1)인데, 이는 64비트를 온전히 표현하지 못한다는 의미가 된다. 따라서 브라우저 콘솔 등에 (1을 출력해보면, 오버플로로 인해 0이 아닌 -2..

GitHub - zerodice0/youtube_thumbnail_generatorContribute to zerodice0/youtube_thumbnail_generator development by creating an account on GitHub.github.com 문자열 리터럴 유니온 타입이란?  TypeScript에서 문자열 리터럴 유니온 타입(String Literal Union Type)은 변수가 특정 문자열 값들 중 하나만 가질 수 있도록 제한하는 타입 시스템 기능이다. 다른 언어의 enum값이랑 비슷한데, Typescript가 제공하는 enum값에는 알려진 문제점들이 여럿 있다고 들어서 되도록이면 enum값 대신 문자열 리터럴 유니온 타입을 사용하고 있었다.   기존에는 queued,..

Remix에 Pico.css를 적용해보자 React 기반 풀 스택 프레임워크라고 소개된 Remix. 대충 Blog tutorial를 따라서 해봤는데, CSS와 관련된 내용이 하나도 없더라구요. 기왕 마크다운을 읽고 쓰는 것 까지 됐는데말이죠. 그래서 좀 꾸며볼까하다가 얼마전에 건너건너로 들은 10Kb미만의 CSS 프레임워크, Pico.css를 적용해보기로 합니다. 당연히 삽질에 삽질을 했지만 검색해봐도 뾰족한 답이 없었기에, 나중에 까먹으면 찾아보려고 작성합니다. Pico.css를 설치하자 Pico.css의 Getting Started 페이지를 보면 Pico.css를 설치하기 위한 세 가지 방법이 나와있습니다. Pico.css 다운로드 후 {/* ... */} ); } 이렇게 간단한 걸 못해서 삽질을 하..