음악, 삶, 개발

npm i react-device-detect import { browserName, isChrome, isChromium, isDesktop, BrowserTypes, deviceDetect, } from 'react-device-detect' https://www.npmjs.com/package/react-device-detect 접속한 Client 의 브라우저 정보를 구할때 사용할수있다. 반드시 import 는 클라이언트, 즉 react app 안에서 수행되어야한다.

React JS 를 공부를 하게되었다. (React Native 아님) Max For Live 의 UI 를 웹 기술을 사용하여 만들어보고싶었기때문이다. 내가 이런 생각을 할수있었던 이유는 Max 8 이후부터 Node.js 를 지원하기때문이다. 한마디로 HTML, CSS, JavaScript 를 사용하여 UI 를 만들어보겠다는 이야기다. 사실 모든 M4L 개발자들은 Max 에서 제공하는 UI 를 가지고만 만든다. 이게 제일 쉽고 또, Ableton Live 와의 연동성도 가장 뛰어나기때문이다. 하지만 그만큼 나만의 멋진 디자인 또는 유니크한 기능을 만들어낼수는 없는 큰 한계점을 가지고있다. 버튼이나 슬라이더를 이야기하는게 아니다. 근사한 피아노롤을 만들수있을까? Ma..