웹 표준과 접근성에 대해 알아보기

웹 표준은 무엇이며 왜 지켜야 하는지, 접근성은 무엇인지에 대해 알아봅니다.

이미지 접근성 향상시키기

이미지 접근성을 향상 시키는 방법에 대해 알아봅니다.

키보드 접근성 향상 시키기

키보드를 사용하여 웹을 탐색하는 경우, 접근성을 향상 시키는 방법에 대해 알아봅니다.

ARIA를 사용해 접근성을 향상 시키기

aria를 사용하여 마크업으로는 표현할 수 없는 정보를 표현하는 방법에 대해 알아봅니다.

ROLE을 사용해 접근성 향상 시키기

HTML 요소의 역할을 왜 지정해야 하는지, 어떻게 접근할 수 있는지 알아봅니다.

접근성 좋은 폼을 개발하는 방법

사용자에게 정보를 입력 받기 위해 사용하는 폼 개발 시, 접근성을 향상 시킬 수 있는 방법에 대해 알아봅니다.

UI 컴포넌트 개발전 접근성 항목 확인하기

자주 사용하는 UI 패턴별로 접근성 향상을 위해 어떤 코드를 작성해야 하고, 어떤 기준을 준수해야 하는지 알아봅니다.

beautiful mermaid 메이크로그

mermaid를 사용해서 다이어그램이나 플로우차트를 예쁘게 그리는 프로젝트

일렉트론에서 IPC 통신 시 타입 안정성을 보장하도록 DX 개선하기

일렉트론의 invoke 메소드를 타입 추론 및 런타임 데이터 검증이 가능하게 사용하는 방법을 소개합니다.

1개의 vite 프로젝트에서 turborepo로 마이그레이션 진행기

dependency-cruiser, jscodeshift, zx 와 같은 도구를 사용해 turborepo로 마이그레이션 한 기록

리액트 19 베타 6가지 주요 업데이트 사용해보기

리액트 19 베타에서 공개된 기능들을 사용해보고, 6가지 카테고리로 묶어서 정리해봤습니다.

react email로 이메일 마크업 편하게 작성하기

이메일 템플릿 마크업 작성의 제약과 react-email을 사용하여 이메일 마크업을 편하게 작성하는 방법을 소개합니다.

자바스크립트 프로젝트 타입스크립트로 점진적 마이그레이션 하기

코드별로 우선순위를 설정해서 점진적으로 타입스크립트로 마이그레이션 하는 과정과 타입 생성 도구나 타입 선언만 추가해 작업 시간을 최소화

useReducer 메소드 타입 자동으로 추론하기

useReducer 훅 메소드 타입을 자동으로 추론하는 방법에 대해 고민해봤습니다.

vite에서 gzipped json을 불러올 때, 개발 환경과 프로덕션 환경에서 데이터를 다르게 불러오는 이슈 트러블슈팅

개발 환경과 프로덕션 환경에서 gzip 으로 압축된 JSON 데이터를 다르게 가져오는 이슈에 대해 알아봅니다

vite 트러블슈팅: 사전 번들링 시 서버 모듈 참조를 시도하고, 실패하는 이슈

vite에서 사전 번들링 시 서버 모듈 참조를 실패하는 이슈를 해결하고, vite 사전 번들링이 어떻게 동작하는지 알아봅니다.

weakmap에 대해 알아보고 메모리 해제 확인해보기

weakmap에 대해 알아보고, Map과 비교해 메모리 누수 이슈가 없는지 확인하는 등 일반적인 유즈케이스를 살펴봅니다.

타입스크립트 <-> 다른 언어 간 공용 json 스키마 관리 시스템 만들기