시각 정보를 소리로 번역하는 법 - 시각장애인을 위한 얼굴 인증 개선기 | 접근성 업무일지 #2
시각장애인 사용자를 위한 얼굴 인증 흐름을 별도로 설계하고, 진행 상태와 오류를 소리와 안내로 전환해 개선했습니다. 카메라 권한과 인증 절차도 단계별로 나눠 혼자서 인증을 마칠 수 있게 했습니다.
#접근성#스크린리더
72005분
새로운 기술 블로그가 추가되었어요
필터 0
Flutter Riverpod 200% 활용하기
Flutter 상태 관리 라이브러리 Riverpod의 기본 사용법과 서버 데이터 처리, 캐시, 오프라인 대응 같은 응용법을 소개했습니다. 또한 provider 설계 단순화, watch 최적화, 생명 주기 관리 같은 유의점도 정리했습니다.
#Flutter#Riverpod
76005분
접근성을 지원한다는 착각
접근성을 별도 비용이 드는 작업이 아니라 텍스트 기반 인터페이스 설계로 바라보는 관점을 설명했습니다. 스크린리더와 테스트코드에서 같은 구조를 활용하는 예시도 함께 제시했습니다.
#접근성#test
96005분
iOS 앱 사이즈 줄이기
iOS 앱 사이즈를 줄인 경험을 소개했습니다. 이미지 최적화와 중복 리소스 제거로 17MB를 줄였습니다.
#iOS#image optimization
110005분
Kotlin Flow를 통한 단방향 데이터 스트림 설계서
Kotlin Flow를 단방향 데이터 스트림 관점에서 활용해 Android 화면 상태 관리를 단순화한 사례를 설명했습니다. shareIn, merge, combine, flatMapLatest의 사용 기준과 주의점을 정리했습니다.
#Kotlin#Flow
96005분
Docusaurus를 이용한 API 문서 플랫폼의 진화
Docusaurus를 이용한 API 문서 플랫폼의 진화
Docusaurus와 Typesense로 기존 Redoc 기반 API 문서 플랫폼을 재구성한 사례를 소개했습니다. 문서 UX, 검색, 배포 흐름 개선과 그 결과를 함께 공유했습니다.
#Docusaurus#Typesense
137005분
프론트엔드 개발, 바이브코딩 라이브 웹앱 개발 사용 경험기
프론트엔드 개발자가 바이브코딩을 통해 생산성 향상을 체감한 경험을 공유했습니다. 동시에 테스트 코드, 업무 분할, 프롬프트 설계, 도메인 지식의 필요성도 강조했습니다.
#React#LLM
181005분
FE News 25년 7월 소식을 전해드립니다!
FE News 25년 7월 소식을 전해드립니다!
2025년 7월 프론트엔드 주요 소식과 읽을거리, 튜토리얼, 도구를 한데 모아 소개했습니다. React 생태계 변화, i18n, MCP, ECMAScript 2025 같은 주제를 함께 살펴볼 수 있습니다.
#React#Next.js
290005분
Windowing 기법을 적용한 대용량 고성능 표 컴포넌트 개발기
Windowing 기법을 적용한 대용량 고성능 표 컴포넌트 개발기
웹브라우저에서 대용량 데이터를 고성능으로 보여주기 위한 Windowing 기법과 React Virtualization을 소개했습니다. Big Table 구현 사례를 통해 성능 최적화 포인트와 한계도 공유했습니다.
#React#Virtualization
129005분
채널톡 iOS 채팅 입력기의 작은 비밀
iOS 채팅 입력기에서 다국어 입력과 서식 적용을 함께 다루는 방법을 공유했습니다. 한글과 일본어의 입력 방식 차이와 Marked Text 처리 전략을 설명했습니다.
#iOS#Swift
5005분
클릭했는데 새 창이 안 열려요? – 실전 팝업 차단 이슈 해결기
iOS Safari에서 일부 새 창 열기 동작이 팝업 차단 정책으로 막힌 원인을 분석하고 해결했습니다. 빈 창을 먼저 열고 이후 URL을 지정하는 방식으로 기능과 사용자 경험을 개선했습니다.
#iOS#Safari
94005분
Figma MCP로 UI 컴포넌트 개발 효율화하기
Figma MCP를 Cursor와 연동해 디자인을 코드로 변환하는 방법을 소개했습니다. 실제 업무 적용으로 컴포넌트 작업 시간을 줄이고 스토리북 관리에도 도움을 얻었습니다.
#Figma#MCP
202005분