음악, 삶, 개발

https://www.npmjs.com/package/objc objc NodeJS ↔ Objective-C bridge www.npmjs.com OS 의 clipboard 에 텍스트 복사는 라이브러리도 있고 Node.js 에도 가능하지만, 파일 복사는 불가능하다. 이를 구현하기위해서 하루종일 구글링을하다가 결국 JUCE 의 가장 밑단 코드들까지 뒤져보게되었고, 결국 macOS 의 native api 를 node.js 에서 호출할수없을까라는 고민까지 하게되었다. JUCE 의 DragAndDropContainer 에서 결국 object-c 로 작성된 코드가 가장 밑바닥에 자리하고있었기때문이다. 지금 나는 JUCE 로 개발하고있지않기때문에 Node.js 에서 os 의 native 함수를 호출할수없나 찾아보게..

https://www.npmjs.com/package/tonal https://github.com/tonaljs/tonal 음악 관련 패키지가 그리 많지는 않지만 쓸만한 라이브러리이다. 노트를 이것저것 변환할때 유용하다.

https://www.npmjs.com/package/fdir fdir The fastest directory crawler & globbing alternative to glob, fast-glob, & tiny-glob. Crawls 1m files in < 1s www.npmjs.com 이 라이브러리를 꽤 오래전에 사용했었는데, 겨우 다시 찾았다. 만약 샘플 브라우저를 만들게된다면, 사용자의 폴더안에 있는 모든 샘플들의 경로를 다 가져올수있어야한다. (빠른 시간안에) 이때 이 fdir 라이브러리를 사용하여 Node For Max 에서 구현했었는데, 정말 빨랐다. 몇십만개 샘플이 들어가 있는 폴더를 테스트했었는데, 정말 몇초 걸리지않았다. 반면에 C 로 구현된 Max 의 [folder] 객체를 사용할..

tailwindcss.com 앞서 animate.css 를 통해 남이 만들어놓은 애니메이션 css 클래스를 가져다쓰는것을 보았었다. 이보다 훨씬 더 나아가, Taliwind css 는 모든것을 클래스명으로 정의할수있게 해주는 CSS 프레임워크이다. Hello World! 거의 2만개가 넘는 클래스를 가지고있다고한다. CSS 의 모든 속성을 클래스명으로 대체할수있다. Taliwind css 의 창시자는 "Separation of concerns (걱정의 분리)" 라는 프로그래밍의 best practice 는 HTML & CSS 의 세계에서는 통하지않는다고한다. 결국 CSS 코드를 작성하고있으면서도, 우리는 계속해서 HTML 의 구성을 걱정하고있다는것이다. 따라서 별도의 CSS ..

animate.style Animate.css | A cross-browser library of CSS animations. Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints. animate.style www.npmjs.com/package/animate.css?activeTab=versions npm i animate.css animate.css 는 다른 개발자가 만들어놓은 css 의 애니메이션 클래스 모음이다. ..

animejs.com/documentation/ anime.js Javascript animation engine animejs.com www.npmjs.com/package/animejs npm i animejs github.com/juliangarnier/anime anime.js 는 CSS 의 여러 속성을 JavaScript 안에서 쉽게 animation 하게 해주는 라이브러리다. 굉장히 직관적으로 사용하기 쉽다. button 2016년 중순에 출시한뒤, 2020년 10월에 마지막으로 업데이트되었다. 거의 5년을 유지보수하고있으니 믿고 사용해도 될듯하다.

popmotion.io Popmotion: The animator's JavaScript toolbox Quick start import { animate } from "popmotion" animate({ from: 0, to: 100, onUpdate: latest => console.log(latest) }) Animation animate animate performs a keyframes or spring animation. import { animate } from "popmotion" animate({ from: 0, to: 100, onUpd popmotion.io www.npmjs.com/package/popmotion npm install popmotion < 용도와..

tagilog.tistory.com/539 인기 JavaScript 애니메이션 라이브러리 11 선 쓸만한 자바스크립트 라이브러리를 찾고 있던 중에 git 허브의 스타 순으로 작성된 아래의 목록을 찾을 수 있었습니다. 이 시간에서는 웹개발시에 유용하게 사용할 수 있는 자바스트립트 애니메 tagilog.tistory.com github.com/thednp/kute.js/wiki/How-To-Use thednp.github.io/kute.js/svgMorph.html svg path 를 다양한 방식으로 변형하게해주는 라이브러리이다. 가장 중요한 svg morph 기능을 가장 잘 표현해준다. 2015년에 시작하여.. 2021년 9월에 마지막으로 업데이트도있다. < 예..