접근성을 지원한다는 착각
접근성을 별도 비용이 드는 작업이 아니라 텍스트 기반 인터페이스 설계로 바라보는 관점을 설명했습니다. 스크린리더와 테스트코드에서 같은 구조를 활용하는 예시도 함께 제시했습니다.
#접근성#test
10500
프론트엔드 기술 블로그 최신 글
필터 0
iOS 앱 사이즈 줄이기
iOS 앱 사이즈를 줄인 경험을 소개했습니다. 이미지 최적화와 중복 리소스 제거로 17MB를 줄였습니다.
#iOS#최적화
12300
Kotlin Flow를 통한 단방향 데이터 스트림 설계서
Kotlin Flow를 단방향 데이터 스트림 관점에서 활용해 Android 화면 상태 관리를 단순화한 사례를 설명했습니다. shareIn, merge, combine, flatMapLatest의 사용 기준과 주의점을 정리했습니다.
#Kotlin#Flow
10400
Docusaurus를 이용한 API 문서 플랫폼의 진화
Docusaurus를 이용한 API 문서 플랫폼의 진화
Docusaurus와 Typesense로 기존 Redoc 기반 API 문서 플랫폼을 재구성한 사례를 소개했습니다. 문서 UX, 검색, 배포 흐름 개선과 그 결과를 함께 공유했습니다.
#Docusaurus#Typesense
14000
프론트엔드 개발, 바이브코딩 라이브 웹앱 개발 사용 경험기
프론트엔드 개발자가 바이브코딩을 통해 생산성 향상을 체감한 경험을 공유했습니다. 동시에 테스트 코드, 업무 분할, 프롬프트 설계, 도메인 지식의 필요성도 강조했습니다.
#React#LLM
19200
FE News 25년 7월 소식을 전해드립니다!
FE News 25년 7월 소식을 전해드립니다!
2025년 7월 프론트엔드 주요 소식과 읽을거리, 튜토리얼, 도구를 한데 모아 소개했습니다. React 생태계 변화, i18n, MCP, ECMAScript 2025 같은 주제를 함께 살펴볼 수 있습니다.
#React#Next.js
29600
Windowing 기법을 적용한 대용량 고성능 표 컴포넌트 개발기
Windowing 기법을 적용한 대용량 고성능 표 컴포넌트 개발기
웹브라우저에서 대용량 데이터를 고성능으로 보여주기 위한 Windowing 기법과 React Virtualization을 소개했습니다. Big Table 구현 사례를 통해 성능 최적화 포인트와 한계도 공유했습니다.
#React#Virtualization
13200
채널톡 iOS 채팅 입력기의 작은 비밀
iOS 채팅 입력기에서 다국어 입력과 서식 적용을 함께 다루는 방법을 공유했습니다. 한글과 일본어의 입력 방식 차이와 Marked Text 처리 전략을 설명했습니다.
#iOS#Swift
1900
사이드 프로젝트로 업무 효율화하기
스프레드시트 텍소노미를 기반으로 GTM 설정을 자동 생성하는 도구를 개발했습니다. API 재시도와 도구별 템플릿으로 설정 시간을 60배 단축했습니다.
#Google Tag Manager#Google Sheets API
000
클릭했는데 새 창이 안 열려요? – 실전 팝업 차단 이슈 해결기
iOS Safari에서 일부 새 창 열기 동작이 팝업 차단 정책으로 막힌 원인을 분석하고 해결했습니다. 빈 창을 먼저 열고 이후 URL을 지정하는 방식으로 기능과 사용자 경험을 개선했습니다.
#iOS#Safari
10000
Figma MCP로 UI 컴포넌트 개발 효율화하기
Figma MCP를 Cursor와 연동해 디자인을 코드로 변환하는 방법을 소개했습니다. 실제 업무 적용으로 컴포넌트 작업 시간을 줄이고 스토리북 관리에도 도움을 얻었습니다.
#Figma#MCP
20800
원칙보다 사용성에 집중할 때 | 접근성 업무일지 #1
보이스오버의 읽는 순서가 사용성에 어떤 불편을 만드는지 살펴보고 개선 방향을 고민했습니다. iOS 18.4의 컨트롤 항목 순서 설정처럼 사용자 선택권이 중요하다는 점도 확인했습니다.
#iOS#접근성
8700
Android 오디오 경험을 향상시키는 필수 요소, Audio Focus
Android의 Audio Focus를 공유 오디오 자원으로 설명하며, 요청·반납과 상태 변화 대응이 필수라고 정리했습니다. 미처리 시 발생하는 소리 충돌 사례와 AOSP 코드로 동작을 확인하는 방법도 함께 소개했습니다.
#Android#오디오
5300
MDS(Musinsa Design System) 지속 가능한 디자인 시스템을 향한 여정
무신사는 디자인 시스템 MDS를 설계하며 중복 제거와 유지보수성 사이의 균형을 고민했습니다. Atomic Design, Compound Pattern, 자동화 스크립트를 통해 생산성을 높이고 운영 부담을 줄이려 했습니다.
#React#UI/UX
47600