이상한 버그 리포팅이 있었다. 분명히 maxLength를 지정해두었고 눈에도 그 숫자로 보이는데 그보다 많은 글자가 들어간다는 것이었다. 처음엔 maxLength를 지정하기 전에 저장한 것을 착각한 것이 아닌가 했는데 실제로 해보니 눈에 보이지 않는 글자가 들어가고 있었다. Textarea maxLength ... codepen.io 확인해본 결과는 놀라웠다. 분명 ant design은 자체적인 maxLength 구현을 가지고 있고 이 부분에 문제가 있는 것 같다. 그런데 브라우저 모듈에도 문제가 있었다. 둘 모두 maxLength 10으로 지정되어 있는데 더 많은 글자가 들어간다. 파이어폭스나 사파리등은 입력하는 도중에 저런 상태가 되긴하지만 blur 이벤트 발생 후 다시 10자로 조정을 한다. 하지만..

joostory/oh-my-bible flutter로 만든 성경앱입니다. Contribute to joostory/oh-my-bible development by creating an account on GitHub. github.com 1년전에 마지막으로 커밋했던 성경앱을 조금 수정해볼까 싶은 마음이 들었다. 오랜만에 flutter upgrade도 해주고 새로운 마음으로 개발을 하려는데... 앱이 더이상 동작을 하지 않는다. 뭔가 많이 바뀌었다. 안드로이드도 많이 업그레이드 되었고 flutter도 많이 업그레이드되었다. 잘 모르는 상황에서 이걸 고쳐볼 엄두가 안난다. 그래서 다시 처음부터 시작하는 마음으로 한땀한땀 따라가보려고 한다. 과연 잘 될 것인가. 두근두근하다. 2021/1/2 20:00 flu..

회사에서 공식적으로 사용하는 VPN은 pulse secure다. 근데 이 client가 ubuntu 18.04까지만 지원하고 있다. 그래서 울며겨자먹기로 18.04에 yaru 테마를 설정해서 비슷하게 사용하고 있었다. 20.04에서 이 앱이 동작하지 않는 이유는 ui에서 오래된 라이브러리를 사용하기 때문이다. webkit이나 keyring같은 것들이다. 이제는 나왔을까 싶어서 찾아봤는데 여전히 없다. 그냥 예전 라이브러리를 설치하는 방법만 누군가가 찾아놨다. pulseUi doesn't work in ubuntu 20.04 Could you help me to fix pulseUi on Ubuntu 20.04? /usr/local/pulse/pulseUi: error while loading shared..

Minimum viable dark mode How to create a quick and dirty dark mode for simple apps and websites using pure CSS. chasem.co 자동으로 다크모드에 어울리는 색 구성을 만들어주면 좋겠다는 생각을 했는데 css로 그것이 구현가능했다. 방법은 css의 filter function인 invert와 hue-rotate를 사용하는 것이다. invert(100%)를 사용하면 색이 반전되고 다시 invert(100%)를 하면 원래대로 돌아온다. hue-rotate는 정확히 맞는지는 모르겠지만 생상좌표를 회전하는 것같다. 그래서 hue-rotate(25deg)를 했다면 hue-rotate(-25deg)로 되돌릴 수 있다. @med..

혹시나 theme를 변경하게 될까 싶어 앱 전체 UI 스타일을 css가 아닌 material-ui 자체 style로 만들었다. 하지만 theme를 변경하여 내맘대로 커스텀을 하려면 theme 전반에 대한 이해가 있어야 해서 약간 망설여지게 되었다. 감각없는 나에게 디자인 작업이라는 것은 아주 시간이 오래걸리고 힘든일이다. 결국 어찌어찌 수정해서 완료하기는 했는데 의외로 material-ui의 theme라는 것이 간단해서 어떤 부분을 건드렸는지, 어떤 부분을 주의해야하는지 정리해보려고 한다. material-ui style material-ui의 style은 makeStyles로 theme를 이용하여 class들을 만들고 이를 component요소에 className으로 지정하는 방식이다. v1 릴리즈에서..