@daybrush

Front-End Engineer (egjs, scenejs, moveable) #motiongraphic #css #javascript #animation #scenejs #moveable

daybrush.com
Joined April 2018
  • Tweets421
  • Following65
  • Followers588
94Media
연사자는 아니지만 티켓을 얻는 방법; 홈페이지 개발 참여.
FECONF Korea Official@FeConf4 Jul 2023
FEConf2023 Preview를 공유합니다. 그런 이야기가 있더라고요. FEConf 티켓을 얻는 가장 쉬운 방법은 연사자에 지원해서 쟁취하거나 후원사로 참여하는 것이라고. 2023.feconf.kr/

FECONF 2023

국내 최대 프론트엔드 개발 컨퍼런스, FECONF 2023가 10월 21일 오프라인으로 찾아옵니다.

2023.feconf.kr
1
2
1
8
2,600
Moveable 스타 8K 달성 github.com/daybrush/moveable 2019년부터 지금까지 132번 배포를 해왔습니다. 1. 1.0 까지 열심히 준비중입니다. 2. 문서도 준비중입니다. 3. 성능 개선도 준비중입니다. 4. 용량 개선도 준비중입니다. 5. SVG 기능도 준비중입니다. 6. 근데 준비만 4년째...
2
12
2,171
홈페이지 변경 예정. Vanilla => Svelte로 만들 예정.
2
11
1,700
해볼까?
FECONF Korea Official@FeConf19 May 2023
FEConf 2023 is coming forms.gle/SwonS8vkk29FCf79A

FEConf2023 - Call for Share

올해로 7번째인 FEConf2023에서 소중한 경험을 공유해 주실 분을 찾습니다. FEConf는 “프론트엔드 개발자에 의한, 프론트엔드 개발자를 위한" 컨퍼런스입니다. 단순한 기술 개요가 아닌, 실제 현장의 경험이 묻어있는 진정성이 있는 이야기를 공유합니다. (FEConf는 특정 법인이 아닌 프론트엔드 개발자들의 자발적인 참여로 이뤄진 비영리 단체에서...

docs.google.com
1
568
내가 원하는 스토리북 e2e 테스트가 제대로 동작한다 ㅠㅠ 앞으로 이슈 들어올 때마다 데모와 테스트 케이스가 동시에 추가 github.com/daybrush/moveable… 스토리북 daybrush.com/moveable/storyb…
3
14
1,561
우아 하도 다크모드만 쓰다보니 라이트모드 만드는게 어색함.
1
1
732
github.com/tnfe/FFCreator 저런거 만드는거 목표. Canvas가 맘이 편한데 하지만 DOM이 더 좋음.

GitHub - tnfe/FFCreator: A fast video processing library based on node.js (一个基于node.js的高速视频制作库)

A fast video processing library based on node.js (一个基于node.js的高速视频制作库) - tnfe/FFCreator

github.com
2
432
Moveable 데모 100개 JavaScript, React, Vue2, Vu3, Svelte, Angular, Lit 코드 전부 추가완료. daybrush.com/moveable/storyb…
1
6
620
css zoom을 사용하는 이유를 잘 모르겠다. 예상과 다른 offset값 clientrect값. 동작 분석해서 위치 절대값을 계산하는 코드를 작성하고 글을 정리해도 볼 때마다 햇갈림. 잊고 싶다.
235
1번째 사진: 4년전 만든 에디터 데모 2번째 사진: 2년전 만든 에디터 데모 3번째 사진: 지금 만들고 있는 에디터 데모 github.com/daybrush/scena
4
1
23
2,774
8년전 과제로 만든 에디터
2
4
447
1
346
Scene.js Render v1 soon Node 또는 브라우저에서 Scene.js 애니메이션을 녹화할 수 있는 모듈. github.com/daybrush/scenejs-…

GitHub - daybrush/scenejs-render: 🎬 Make a movie of CSS animation through scenejs.

🎬 Make a movie of CSS animation through scenejs. Contribute to daybrush/scenejs-render development by creating an account on GitHub.

github.com
4
415
PSD import 하는 모듈 너무 좋습니다. curve 정보 이용해서 SVG로 전환하는 작업이 아마도 넥스트. github.com/webtoon/psd
2
244
브라우저에서 애니메이션을 녹화할 수 있다니 정말 멋진걸! 생각보다 빨라서 괜찮은 것 같다. 내가 찾던 기능이 나와줘서 고맙다. scenejs-render-demo.netlify.…
1
8
3년만에 DEVIEW에 참여합니다. react vue svelte 프레임워크에 대한 이야기를 합니다.
1
1
13
Moveable 홈페이지 변경중 바꾸지 않은지 거의 1년이 되감... 일부 기능은 동작도 안함. 1. class => function 2. context => recoil과 비슷한 store 3. children 구조 Group => flatten 구조 Group 4. 모든 컴포넌트 버전 업데이트 hooks는 정말 좋다. github.com/daybrush/scena

GitHub - daybrush/scena: 🎬 Scena is a component that represents the timeline of Scene.js. You can...

🎬 Scena is a component that represents the timeline of Scene.js. You can control time, properties, and items. - daybrush/scena

github.com
상태 재개 이슈가 조금씩 늘어나네. target의 rect box에 대한 첫렌더링을 해결할 수 있는 방법을 고민해야겠네... 가상 엘리먼트를 만든다거나. 이러면 SSR도 자동지원일테고... github.com/daybrush/moveable… github.com/daybrush/moveable…

When pressing ctrl to select two elements, the upper left corner elements will flash · Issue #760 ·...

Environments Framework name:vue Framework version:^2.6.11 Moveable Component version:0.36.3 Testable Address(optional): https://codesandbox.io/p/github/Teaghy/my-vue-app/csb-tt6ogb/draft/confident-...

github.com
1
1
TypeScript와 같이 번들한 용량이 10MB(gzip 1.75mb), min 3MB(gzip 806kb) .ㅇ.
AST를 이용한 코드 컨버터 Croffle. 언젠가 나옴. 아무튼 언젠가 나옴. npmjs.com/package/croffle 욕심만 가득한 컴포넌트... 1. HTML 작업중 2. 문서작업 한글로 끄적하는중 3. TS SourceMap 제거
1
4. README 작성중 5. 데모 만드는중 6. 로고 만드는중 7. CLI 만드는중
Load more