DevLog

모든 게시글

Html 입력 엘리먼트의 숫자 입력

Html 입력 엘리먼트의 숫자 입력

2024-06-09

2분 소요

HTML에서 숫자 입력을 받을 때, 보통 <input type="number">을 사용해 왔습니다. 하지만 프로젝트 진행 중 증가/감소 스피너 제거 및 0이 아닌 비어있는 기본값 설정 등 몇 가지 성질을 변경할 필요가 있었습니다. 그래서 <input> 엘리먼트에 대해 조사를 해보던 중, 몇 가지 재미있는 게시글을 발견했습니다. 그 게시글들에 의하면, <input type="number">에는 몇 가지 문제가 있으며, 다른 입력 방법을 사용하는 ...

Node.js 네이티브 모듈 만들기

Node.js 네이티브 모듈 만들기

2024-01-27

3분 소요

지난 번에 Electron에서 DLL을 호출하는 작업을 진행했었는데, FFI를 통하지 않고 직접 C++에서 호출할 수 있지 않을까 생각했습니다. 당시 사용했던 koffi 같은 FFI 라이브러리도 네이티브 모듈로, C++로 작성된 코드를 바인딩을 통해 JavaScript에서 호출하는 모듈입니다. 이와 같은 네이티브 모듈을 작성해보기로 했습니다. C++ Addon Node.js에서 Addon은 C++로 작성된 동적 라이브러리(dynamically-...

가로로 흘러가는 디스플레이 만들기

가로로 흘러가는 디스플레이 만들기

2023-12-28

2분 소요

디지털 사이니지 중에는 글자가 흐르는 모습을 종종 볼 수 있습니다. 해당 디스플레이를 CSS로 작성해보았습니다. MUI를 사용하여 작성하였습니다. 흘러갈 대상 컴포넌트를 작성합니다. 글자를 흐르게 할 예정이므로 Typography를 사용했습니다. function FloatingText({ children }: { children: ReactNode }) { return ( <Typography position={"absol...