Digital assistant app, 간단히 만들어보기
Android VoiceInteractionService를 기반으로 디지털 어시스턴트 앱의 구성과 동작 흐름을 설명했습니다.세션 생성, 화면 정보 수집, 스크린샷 분석을 통해 맞춤형 지원을 제공하는 방법을 다뤘습니다.
#Android#VoiceInteractionService
60005분
새로운 기술 블로그가 추가되었어요
필터 0
타입 안전한 API 모킹으로 프론트엔드 생산성 높이기
타입 안전한 API 모킹으로 프론트엔드 생산성 높이기
JSON 모킹의 스펙 변경 대응 한계를 줄이기 위해 TypeScript 기반 타입 안전 모킹을 도입했습니다. 공통 베이스 파일과 시나리오 변형 구조로 유지보수성과 생산성을 높였습니다.
#TypeScript#MSW
33005분
Jetpack Compose로 접근성 최적화하기
Jetpack Compose에서 semantics와 포커스 제어로 접근성을 높이는 방법을 정리했습니다. TalkBack 사용성을 개선하는 실무 팁과 비동기 콘텐츠 알림 방법도 함께 다뤘습니다.
#Jetpack Compose#Android
69005분
User-Agent vs. Feature Detection: 무엇을 언제 어떻게 써야 할까?
브라우저와 기기 환경에 따른 기능 제공 방식으로 User-Agent Sniffing과 Feature Detection을 비교했습니다. 기본적으로는 Feature Detection을 우선하고, 필요할 때만 User-Agent 계열 정보를 제한적으로 활용하는 방향을 권장했습니다.
#User-Agent#Feature Detection
117005분
인도인들은 대출을 어떻게 신청할까?
인도인들은 대출을 어떻게 신청할까?
인도 대출 신청 퍼널을 현지 고객 관찰과 테스트로 개선한 사례를 소개했습니다. 아이콘과 힌디어·영어 병기로 이해도를 높여 이탈률을 크게 줄였습니다.
#UI/UX#검색
0005분
단 한 줄로 전환하는 다크 테마 - Variables 기반 디자인 토큰 자동화
Figma Variables와 CSS Variables를 연결해 디자인 토큰을 자동화한 사례를 소개했습니다. data-theme 속성만으로 다크 테마와 브랜드 테마를 단순 전환하도록 구성했습니다.
#Figma#CSS
11005분
FE News 25년 5월 소식을 전해드립니다!
FE News 25년 5월 소식을 전해드립니다!
FE 뉴스 25년 5월 소식과 주요 프론트엔드 기술 동향을 소개했습니다. React Compiler RC, 최신 JavaScript 기능, LLM-first Web Framework 사례를 함께 다뤘습니다.
#React#JavaScript
296005분
디자이너가 48시간만에 만든 Figma Plugin
디자이너가 Cursor AI로 Figma 플러그인을 만들어 애셋 배포 검수 비효율을 줄였습니다. 이틀 만에 완성해 배포 실패를 사전 차단했고 실무 효과도 확인했습니다.
#Figma#Cursor
25005분
소프트웨어 접근성과 한컴오피스
접근성의 개념과 국내외 기준, OS별 프레임워크를 정리하고 한컴오피스의 접근성 지원 기능을 소개했습니다. 스크린리더 연동과 문서 접근성 개선 방향도 함께 살펴보았습니다.
#접근성#WCAG
44005분
더 잘 팔고, 더 잘 살 수 있는 방법
가격 혜택 정보를 최종가 주변에 명확히 보여주도록 UX를 개선한 사례를 다뤘습니다. 1차 실험의 문제를 재분석해 문구와 연결성을 수정한 뒤 지표 개선과 런칭까지 이어졌습니다.
#UI/UX#A/B 테스트
82005분
신세계백화점 PC 메인 React 전환기
신세계백화점 PC 메인 페이지를 Spring에서 React와 Next.js 기반으로 전환했습니다.\n초기 로딩, 인피니트 스크롤, SEO까지 함께 고려해 사용자 경험과 유지보수성을 개선했습니다.
#React#Next.js
241005분
iOS App Extension의 안정성 확보하기
App Extension은 별도 프로세스라 크래시와 실패를 놓치기 쉬워 별도 모니터링이 필요했습니다. 공유 컨테이너와 메인 앱 수집 구조로 경량 안정성 시스템을 구축했습니다.
#iOS#Swift
185005분