TOAST UI

리액트 훅의 useEffect를 사용할 때 꼭 알아야 할 네 가지를 공유하려고 한다.

Gatsby와 Next.js로 똑같은 앱을 만들었을 때 더 나은 성능을 가진 Gatsby를 발견했다.

정말 길고 긴 장마가 끝이 났습니다. 올해 장마 기간은 관측 이래 최장기였다고 하는데요. 다들 큰 피해가 없으셨길 TOAST UI 팀 모두가 바라고 있습니다. 장마가 끝나고 날씨가 상당히 더워졌지만, 코로나 19는 더욱 기승을 부리고 있습니다. 날이 더워지고 마스크를 쓰는 기간이 길어짐에 따라 많이 지치고 힘들지만, 주변 친구들과 가족들을 위해 조금만 더 노력해서 조심했으면 좋겠습니다.💪 건강 유의하시고 이번 달에도 즐겁고 행복한 코딩 하세요!

WebAssembly(wasm)을 사용하면 자바스크립트 외의 언어로 작성된 코드를 브라우저에서 실행할 수 있다. 대부분의 주요 브라우저에서 wasm을 지원하고 전 세계적으로 90% 이상의 사용자가 wasm을 동작시키는 브라우저를 사용한다.

필자는 이 글에서 Vue 3 베타 버전을 사용한 경험, 특히 Vue 3로 마이그레이션할 때 주의해야 할 점을 얘기하고자 한다. 만약 이미 Vue 2로 개발된 앱을 Vue 3로 업그레이드할 예정이라면 이 글이 유용할 것이다. 아래의 목록은 성공적으로 Vue 3로 옮기는 데 많은 도움을 줄 것이며, Vue 2와는 달리 Vue 3에서는 문제를 일으키는 케이스를 피하는 데 도움을 줄 것이다.

2020년이 시작된 지 벌써 반년이 지났습니다. 그동안 TOAST UI는 열심히 달려왔고 남은 시간도 열심히 달릴 예정입니다. 😎 여러분도 더운 여름 쉬엄쉬엄 컨디션 관리하시면서, TOAST UI와 함께 즐거운 코딩 하세요~!🏊‍♀

픽셀은 웹에서 의외로 복잡한 주제이다. 이제 ResizeObserverEntry에 있는 새로운 devicePixelContentBox 속성을 통해 그 정보를 알 수 있으며, <canvas>를 사용하여 픽셀 단위까지 완벽한 렌더링을 할 수 있게 되었다.

각종 커뮤니티에 주기적으로 등장하는 "private 메서드를 테스트하려면 어떻게 하나요?" 혹은 "private 메서드를 테스트해야 하나요?" 와 같은 질문을 보면서 언젠가는 관련해서 정리해봐야겠다고 생각했었는데 꽤 시간이 흘러 이 내용으로 글을 써본다. 주제 자체는 간단한 편이지만 사람마다 생각이 다른 것 같다. 특히 해외 개발자들의 의견이 분분한 것 같다. 사실 이 문제는 효과적인 테스트 케이스(이하 TC)란 무엇인가란 질문과 비슷하다.

자바스크립트 세계에서 E2E 테스트는 신나는 한 때를 보내고 있다. 지난 몇 년 동안, 자바스크립트 커뮤니티에서 cypress와 Puppeteer와 같은 도구들이 쏟아져나왔고 빠르게 채택되어 왔다. 오늘은 Puppeteer에 관해서 이야기할 것이다.

여느 해보다 빨리 한여름 무더위🔥🔥🔥가 찾아온 6월입니다. 끝날듯 끝나지 않는 코로나와 장기전에 돌입하였지만, 이번달에도 TOAST UI는 멈추지 않고 릴리즈를 위해 열심히 달렸습니다. 🏃‍♂ 건강 유념하시면서 TOAST UI와 함께 즐거운 코딩하세요! (즐코하!🙋‍♂🙋‍♀)