Bleeding edge

https://engineering.ab180.co/stories/yarn-to-pnpm

아직 완성된 것은 아니지만.. electron-builder와 github action 을 이용하여 배포 세팅을 마치면서, 이전에 electron-forge로 거의 2~3주정도 시간을 썼던 것이 기억나면서, 이전보다 정말 많이 늘었다는 생각도 들었고, 이 프로젝트를 만들면서 이전에 타입스크립트로 리팩토링을 진행하려고 했었지만, 실패했었던 것이 기억났다. 아무래도, 이전에 react-wai에서 파일 번들링을 이해를 못하고 사용해서 그런지 tsc에 대해서도 제대로 이해를 못하고 수정을 잘못했던 것 같다(+타입에 대해서도 잘 못다뤘던게..) 지금 일단은 태그로 업데이트를 해두었지만, 아마 3개정도를 업데이트하고 augmentedDevice 레포는 readable로 돌리고 새로운 레포로 다시 시작할 것 같다. ..

태그 올리기 $ git tag v1.0.3 $ git push --tags 태그 지우고 올리기 $ git tag -d v1.0.3 $ git push origin :v1.0.3 $ git tag v1.0.3 $ git push && git push --tags

https://blog.cro.sh/posts/four-years-of-rust/

augmentedDevice 리팩토링이 어느 정도 끝나간다. 최근에 리팩토링을 하면서 뭔가 새로운 것을 공부한다기 보다는 이전에 typescript나 bundler에 대해 다시 한 번 더 복습할 수 있는 시간이 되었던 것 같고, 이전에 진행하던 프로젝트에서 적용을 못하던 autoUpdater와, desktop application에서 필요한 간단한 어플리케이션 소개 사이트를 모노 레포를 추가할까 고민중이다. 아마 이 작업이 끝나면 이전부터 계속 고민하던 rust server with rust wasm을 진행할 것 같다. 이전에 elixir와 phoenix framework vs rust server with rust wasm에 대해 고민을 했었는데, 내가 다음으로 갈 회사가 liveview를 사용할 것 ..

영상 초반부에 나오는 State에 대한 이야기가 프론트엔드의 시점에서 보기 좋다고 생각해서 올림 https://www.youtube.com/watch?v=lAaD-6OQSHE

이번에 노마드 코더 슬랙채널에서 티스토리 성능 개선하는 방법에 대한 질문의 글이 올라와서 그냥 스레드에 글을 남기기엔 긴 것 같아서 블로그에 정리를 하게 되었다. 우선 슬랙채널에 올라온 스킨은 #1 였고, 나는 #2 였다. 스킨이 다르더라도 공통되는 진단사항을 수정하는 것이 좋을 것 같아서 그 사항을 수정하려고 한다. # 2스킨에서 진단하였을 때 나온 문제점은 요렇게 5가지가 있었고 공통되는 사항은 4가지였다.이 중에서 차세대 형식이미지 제공은 jpeg를 webp로 바꾸는 것을 의미하고, 효율적으로 이미지 인코딩 역시 이미지 사이즈를 변경하는 것이니, 코드로 해결할 수 있는 것에 한계가 있음으로 생략하겠다 # 0 스킨 편집하는 페이지로 이동 1번을 시작하기에 앞서 우선 스킨을 편집하는 페이지로 이동하는 ..

간만에 Notion Prettier를 업데이트 하였다. 이번에 새로운 기능을 추가를 위하여 테스팅을 하면서 나도 모르는 버그를 찾았고 이 버그도 같이 수정하였다. (이번 기회에 텍스트 노드에 대해서도 공부할 수 있었다, 이것도 나중에 정리를 해야겠다) 이번에 신규 기능은 백준 에드온이나 다른 사이드에서 사용하지 않았던 contextMenu를 사용하는 부분이 있었고, contextMenu는 내가 생각하던 것과 다른 아키텍쳐를 가지고 있어서 내가 생각했던 시간보다 2시간 정도 더 소모하였다. #1 권한 설정 우선 contextMenu을 사용하기 위해서는 우선 extension의 manifest에서 권한을 열어야한다. { //manifest.json "permissions": ["contextMenus"], ..

이번에 구현야할 리스트 Margin 없이 Silent printing 우선 2번 같은 경우에는 아래와 같은 방법을 이용하여 silent printing을 아주 쉽게 구현할 수 있다. const win = new BrowserWindow() win.webContents.print({silent: true}); 주의 : webContents의 pageSize의 경우 올바르게 사이즈가 작동을 안하는 경우가 있으니 참고를 하고, silent true 옵션은 24.8.x 버전까지는 잘 작동하지만 그 의상의 버전에서는 이상하게 작동하니 이 역시 참고하자 Margin 없애기 1. MarginType 3번에서 사용한 silent:true을 사용한 오브젝트에 MarginType을 사용하면 가능해보여서 이리저리 노력을 해..