-
첫 오픈소스 기여기
에디터 오류 문의를 고치다 우연히 Lexical의 iOS 자동 대문자화 버그를 발견하고, 원인을 파고들어 직접 고쳐 facebook/lexical에 PR을 올리고 v0.50.0에 머지된 첫 오픈소스 기여 기록.
-
앱 속 웹뷰는 어떻게 대화할까 — 웹뷰 브릿지 이야기
앱 안에 글쓰기 화면이 웹뷰로 떠 있는 상황.
-
useSyncExternalStore로 Lexical EditorState를 툴바에 직접 연결하기
에디터 툴바에 “투표가 이미 있으면 투표 버튼을 비활성화한다.”
-
React에서 return; 과 return null; 뭐가 다를까 ?
React 컴포넌트에서 return;과 return null;은 뭐가 다를까? null과 undefined의 차이부터 React Reconciler 내부 동작까지 파고든 기록.
-
⚠️ 렌더링 최소화, 배칭 처리, WebWorker와 Throttle로 React 기반 실시간 대용량 데이터 처리 최적화
인포맥스 단말기 MFC 화면은 장 초반에 데이터가 다량으로 들어올때 많은 리얼 데이터가 들어오게 되면서 CPU가 올라가며 데이터가 밀려, 잠시 동안 멈춘것처럼 보이는 현상이 발생합니다.
-
⚠️ ResizeObserver 사용해서 강제 오른쪽 스크롤 만들기
🚨문제상황 /state, /profit 에서는 처음으로 페이지에 접속했을때 오른쪽 끝으로 스크롤되는 현상이 제대로 적용되는데 /rate, /flow 에서는 적용이 안되는 현상 발생 (근데 tab을 바꾸면 적용됨)
-
⚠️ 양쪽에 고정된 헤더가 있는 그리드 작업을 하며 발생한 수많은 에러 해결 과정기
양쪽에 고정된 헤더가 있는 그리드를 만들며 전달받은 비율을 계산해서 너비를 정하는 로직을 짜게 된 그 과정에 대한 이야기입니다!
-
⚠️ Stale Closure(오래된 클로저) useMemo로 해결하기
🚨문제상황
-
⚠️ agGrid에서 가상화 돔을 적용한 MultiGrid로 바꾸고 무한스크롤 적용하기
문제상황 agGrid를 제거하기 위해 react virtualized 의 List 로 바꾸는 과정을 그동안 진행했었는데,, 상하좌우 스크롤이 필요한 grid에서 List 로는 좌우 스크롤이 불가능한 문제 가 발생했다.