Thinking
Ideveloper's
css-in-js 라이브러리 코드로 파악해보는 css-in-js의 이모저모
emotion을 현재 조직에서 사용하고 있기도 하고, 예전에 팀원분이 이슈 디버깅중 실제 개발환경에서는 style코드들이 확인되는데, 운영 환경에서 style이 비어있는 이슈를 마주하셨습니다. 이를 계기로 emotion…
Read more…
Read more…
간단하게 만드는 A/B테스트 컴포넌트
시작하기에 앞서 많은 회사들에서 여러 유저들이 여러 UI 상황에서 어떻게 행동하고, 또 어떤 UI를 보여줬을때 더 많이 반응(ex: 클릭)하고, 더 효과적인지 파악하기 위해 많이들 a/b테스트를 진행한다. 또 최근에 UI A/B…
Read more…
Read more…
시각적 회귀 테스트 (Visual Regression Test)
시각적 회귀 테스트란? 작년 많은 프론트엔드 컨퍼런스에서, 시각적 회귀테스트 관련 세션들이 유독 많이들 등장했다. 이는 유닛테스트, 통합테스트 등등으로 해결되지 않았던 UI…
Read more…
Read more…
상태 패턴(state pattern)을 활용하여 앱스킴, 인터페이스 효과적으로 관리하기 (App protocol manager)
시작하며 🔥 웹뷰환경에서 앱스킴과 인터페이스를 효과적으로 관리하고, 사용하는 방법에 대해서 알아봅시다. 개념설명 우선 여러가지 개념에 대해서 미리 설명을 드리자면 아래와 같습니다. 딥링킹은 딥링크(Deeplink…
Read more…
Read more…
DOM의 알아두면 좋을 사실들 / 몰랐던 사실들
시작하며 우리는 dom의 메서드나 속성에 대해서 잘알지 못하거나 애매하게 알고있다. react나 vue angular 혹은 이전엔 jquery의 도움을 받아 웹 개발을 했었기 때문이다. 때문에 dom에 대해 면밀히 파악해 볼겸 "DOM…
Read more…
Read more…
video tag React 컴포넌트로 custom 하기
😀 시작하기에 앞서 video tag를 사용하여 각 브라우저에서 제공하는 비디오 UI를 노출시킬수 있지만, 브라우저마다 다르게 보여지기도 하고, 원하는 디자인 혹은 원하는 기능을 추가하여 custom…
Read more…
Read more…
Rollup.js+ Typescript + Storybook으로 구축하는 디자인 시스템
시작하기에 앞서 😀 rollup.js + typescript + storybook…
Read more…
Read more…
storybook 잘 활용하기
🎬 시작하기에 앞서 Storybook은 UI 컴포넌트 개발을 할때 뛰어난 UI를 체계적이고 효율적으로 구축 할 수 있도록 도와주는 유용한 tool입니다.
이 포스팅에서는 storybook…
Read more…
Read more…
