Daybrush (Younkue Choi)

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

[Daybrush (Younkue Choi) @daybrush]

연사자는 아니지만 티켓을 얻는 방법; 홈페이지 개발 참여.

[FEConf Korea Official @FeConf]

FEConf2023 Preview를 공유합니다.
그런 이야기가 있더라고요. FEConf 티켓을 얻는 가장 쉬운 방법은 연사자에 지원해서 쟁취하거나 후원사로 참여하는 것이라고.

https://t.co/5XVChSJjOJ

[Daybrush (Younkue Choi) @daybrush]

@easylogic 감사합니다. 앞으로 더 노력하겠습니다 ㅎㅎ

[Daybrush (Younkue Choi) @daybrush]

Moveable 스타 8K 달성

https://t.co/mK021ZqwJA

2019년부터 지금까지 132번 배포를 해왔습니다.

1. 1.0 까지 열심히 준비중입니다.
2. 문서도 준비중입니다.
3. 성능 개선도 준비중입니다.
4. 용량 개선도 준비중입니다.
5. SVG 기능도 준비중입니다.
6. 근데 준비만 4년째...

[Daybrush (Younkue Choi) @daybrush]

@hmmhmm_hm Svelte 부흥해라.

제 Svelte 라이브러리들 사용해주세요.

[Daybrush (Younkue Choi) @daybrush]

@hmartapp 크으.... 로망이죠

[Daybrush (Younkue Choi) @daybrush]

홈페이지 변경 예정.
Vanilla => Svelte로 만들 예정.

[Daybrush (Younkue Choi) @daybrush]

@easylogic 로망, 멋, 재미. 그냥 해보고 싶었어요 ㅋㅋㅋㅋ. 스벨트 라이브러리도 많이 만들어봤는데 홈페이지도 해봐야져 ㅋㅋ. 일딘 큰 서비스를 만드는건 아니기도 하고요

[Daybrush (Younkue Choi) @daybrush]

해볼까?

[FEConf Korea Official @FeConf]

FEConf 2023 is coming
https://t.co/oYbmNhWik7

[Daybrush (Younkue Choi) @daybrush]

내가 원하는 스토리북 e2e 테스트가 제대로 동작한다 ㅠㅠ

앞으로 이슈 들어올 때마다 데모와 테스트 케이스가 동시에 추가

https://t.co/3WWeULlRzX

스토리북
https://t.co/Xj2BTDwno3

[Daybrush (Younkue Choi) @daybrush]

@easylogic 사실 애니메이션 에디터지만요 ㅎㅎ

[Daybrush (Younkue Choi) @daybrush]

우아 하도 다크모드만 쓰다보니 라이트모드 만드는게 어색함.

[Daybrush (Younkue Choi) @daybrush]

https://t.co/qFErml4Bp0

저런거 만드는거 목표.

Canvas가 맘이 편한데 하지만 DOM이 더 좋음.

[Daybrush (Younkue Choi) @daybrush]

@easylogic 18 strict 모드가 render => render => mounted => unmount => mounted로 알고 있어요.
이런식으로 발생하는 것으로 알고 있어요

[Daybrush (Younkue Choi) @daybrush]

Moveable 데모 100개 JavaScript, React, Vue2, Vu3, Svelte, Angular, Lit 코드 전부 추가완료.

https://t.co/7to1h9CCyD

[Daybrush (Younkue Choi) @daybrush]

@cometkim @easylogic

[Daybrush (Younkue Choi) @daybrush]

@cometkim @easylogic moveable의 getElementInfo라는 함수를 사용하면 회전 관련해서 고려되고 있습니다.

[Daybrush (Younkue Choi) @daybrush]

@cometkim @easylogic 그래서 selecto를 만들었습니다.

https://t.co/JN2AiJjn2I

https://t.co/9TKKHBiQWd

[Daybrush (Younkue Choi) @daybrush]

@easylogic 그래서 OverlapArea를 만들었습니다.
https://t.co/b8VlligFO9

[Daybrush (Younkue Choi) @daybrush]

@easylogic 커서를 만들어서 쓰고 있어요. 10도 간격 18개 data svg로요.

[Daybrush (Younkue Choi) @daybrush]

@easylogic 커서 모양도 회전각도에 따라 바꿔보시죠.