구현기
리액트로 형광펜 기능 구현하기 (feat. Selection API, XPath)
Selection API와 XPath로 형광펌 기능을 구현하면서 겪은 문제들을 이야기합니다.
10개의 글
Selection API와 XPath로 형광펌 기능을 구현하면서 겪은 문제들을 이야기합니다.
JavaScript 프로토타입 체인과 proto, prototype의 관계를 정리했습니다.
URLSearchParams로 쿼리 파라미터를 생성하고 수정하고 삭제하는 방법을 정리했습니다.
JavaScript의 this 바인딩 규칙을 함수, 메서드, 화살표 함수로 나눠 정리했습니다.
옵저버 패턴으로 바닐라 JS 컴포넌트의 상태 변경을 감지합니다.
이벤트 위임과 data-action으로 이벤트 리스너를 중앙에서 관리합니다.
바닐라 JS로 React 같은 컴포넌트 시스템을 직접 만들어봅니다.
Vite 프로젝트를 GitHub Actions로 GitHub Pages에 자동 배포합니다.
사용자가 드래그를 하면 셀렉션 박스를 만듭니다.
실제 프로젝트에서 함수형과 객체지향을 어떻게 섞어 썼는지, 부수 효과는 어떻게 분리했는지 정리했습니다.