전체 글
총 12개
웹 접근성과 에디터에서의 적용
Word 문서 에디터의 문단과 표, 그림 정보를 스크린 리더에 전달하고 기존 편집 동작을 활용해 키보드 접근성을 개선한 과정을 정리합니다.
에디터웹접근성HTML
프론트엔드에서 도메인 로직을 처리하게 된다면
실시간 리치 텍스트 에디터의 붙여넣기 기능을 리팩토링하며 도메인 로직이 프론트엔드에도 있어야 했던 이유와, 이를 구조화한 패턴 세 가지를 정리했습니다.
에디터JavaScript아키텍처
CSS display 한 줄이 hit-test를 깨뜨린 이야기
중첩된 DOM에서 caretRangeFromPoint가 엉뚱한 노드를 반환한 원인과 해결
CSS브라우저JavaScript
웹접근성, 그리고 에디터에서 적용해보기
일반 웹접근성 기본부터 에디터에서 달라지는 접근성 포인트까지
에디터웹접근성HTML
Kubernetes에서는 외부 요청, 저장소, 오토스케일링을 어떻게 다룰까
Ingress, Gateway API, PV/PVC, HPA 등 Kubernetes 운영에 필요한 핵심 리소스를 정리
클라우드DockerKubernetes인프라
클라우드, Docker, Kubernetes는 뭐가 다를까
클라우드, Docker, Kubernetes가 각각 어떤 문제를 해결하는 기술인지 정리
클라우드DockerKubernetes인프라
브라우저의 텍스트 입력 처리 과정
브라우저 이벤트(Keyboard/Composition/BeforeInput)와 IME, 그리고 iOS Safari 차이
에디터JavaScript브라우저
DOM API 에서 발견한 숫자의 기준값
caretRangeFromPoint API에서 부동소수점 경계값이 일으킨 커서 위치 오류
에디터JavaScript브라우저
React key가 컴포넌트를 구별하는 방법
React key 중복으로 인한 컴포넌트 복제 이슈와 재조정 과정에서의 마운트/언마운트 생명주기
에디터React
수학은 개발을 위한 필요조건일까요?
DOM API만으로는 해결하기 어려운 문제를 고등학교 수학으로 해결한 경험
에디터JavaScript
알고리즘으로 프론트엔드 최적화하기
레이아웃을 직접 해주는 에디터에서 이분 탐색을 활용한 줄바꿈 최적화 경험
에디터알고리즘JavaScript
React18에서 이벤트를 처리하는 방식: 동기와 비동기
Concurrent Rendering과 Auto Batching이 실제 DOM 렌더링 순서를 어떻게 바꿨는지, React 내부 코드를 분석하며 알게 된 이야기
에디터ReactJavaScript