새로운 기술 블로그가 추가되었어요

필터 0
선택된 필터 없음
원칙보다 사용성에 집중할 때 | 접근성 업무일지 #1
토스
프론트엔드

원칙보다 사용성에 집중할 때 | 접근성 업무일지 #1

보이스오버의 읽는 순서가 사용성에 어떤 불편을 만드는지 살펴보고 개선 방향을 고민했습니다. iOS 18.4의 컨트롤 항목 순서 설정처럼 사용자 선택권이 중요하다는 점도 확인했습니다.

#iOS#접근성
80005분
Android 오디오 경험을 향상시키는 필수 요소, Audio Focus
데보션
프론트엔드

Android 오디오 경험을 향상시키는 필수 요소, Audio Focus

Android의 Audio Focus를 공유 오디오 자원으로 설명하며, 요청·반납과 상태 변화 대응이 필수라고 정리했습니다. 미처리 시 발생하는 소리 충돌 사례와 AOSP 코드로 동작을 확인하는 방법도 함께 소개했습니다.

#Android#AudioManager
45005분
MDS(Musinsa Design System) 지속 가능한 디자인 시스템을 향한 여정
무신사
프론트엔드

MDS(Musinsa Design System) 지속 가능한 디자인 시스템을 향한 여정

무신사는 디자인 시스템 MDS를 설계하며 중복 제거와 유지보수성 사이의 균형을 고민했습니다. Atomic Design, Compound Pattern, 자동화 스크립트를 통해 생산성을 높이고 운영 부담을 줄이려 했습니다.

#React#UI/UX
386005분
탐색을 돕는 광고 UX를 만들 수 있을까?
여기어때
프론트엔드

탐색을 돕는 광고 UX를 만들 수 있을까?

탐색 흐름에 맞춘 광고 UX 실험으로, 피로감은 줄이고 클릭과 전환을 높이는 방법을 살펴보았습니다. 광고는 많이 보여주는 것보다 맥락에 자연스럽게 녹아들 때 더 효과적임을 확인했습니다.

#UI/UX#광고
94005분
React Server Component와 Streaming으로 웹 성능 극대화하기: Next.js 실전 가이드
뤼이드
프론트엔드

React Server Component와 Streaming으로 웹 성능 극대화하기: Next.js 실전 가이드

Next.js App Router에서 React Server Components와 Streaming을 활용해 데이터 패칭 패턴을 비교했습니다. loading.tsx와 Suspense, use 훅으로 체감 속도와 로딩 시간을 함께 개선하는 방법을 설명했습니다.

#React#Next.js
215005분
한 줄로 끝내는 iOS 화면 생성: Scaffold + Makefile
여기어때
프론트엔드

한 줄로 끝내는 iOS 화면 생성: Scaffold + Makefile

Tuist Scaffold와 Makefile로 iOS 화면 생성용 보일러플레이트를 한 줄 명령으로 자동화하는 방법을 다뤘습니다. 반복 작업을 줄이고 팀의 코드 일관성과 생산성을 높인 사례를 소개했습니다.

#iOS#SwiftUI
58005분
네트워크 기반 Compose Preview가 안보인다면?
여기어때
프론트엔드

네트워크 기반 Compose Preview가 안보인다면?

네트워크 기반 Compose Preview에서 이미지가 보이지 않는 원인을 분석하고 해결 방법을 공유했습니다. LocalInspectionMode로 프리뷰 환경을 감지해 기본 이미지를 렌더링하도록 개선했습니다.

#Android#Jetpack Compose
50005분
KMP 기반 UI 컴포넌트 통합 전략
네이버 D2
프론트엔드

KMP 기반 UI 컴포넌트 통합 전략

KMP 기반으로 멀티플랫폼 디자인 시스템과 UI 컴포넌트 통합 전략을 다뤘습니다. 아이콘 리소스 자동화 관리와 배포 방식까지 함께 소개했습니다.

#KMP#UI/UX
124005분
WWDC 2025 —" What’s New in Passkey" 요약
데보션
프론트엔드

WWDC 2025 —" What’s New in Passkey" 요약

WWDC 2025에서 소개된 패스키 통합 인증 프레임워크를 요약했습니다. 회원가입부터 동기화, 자동 전환, 기기 간 이전까지의 개선점을 정리했습니다.

#Swift#iOS
51005분
에이닷 및 D9을 위한 웹뷰 인터페이스 소개
데보션
프론트엔드

에이닷 및 D9을 위한 웹뷰 인터페이스 소개

웹뷰 인터페이스를 통해 네이티브 앱과 웹이 어떻게 양방향으로 소통하는지 정리했습니다. 또한 명명 규칙, 보안, 성능 관점의 설계 가이드와 주요 함수 예시를 소개했습니다.

#JavaScript#Android
72005분
웹빌더 시스템 Part 1: GrapesJS와 Next.js로 만드는 웹빌더 개발기
여기어때
프론트엔드

웹빌더 시스템 Part 1: GrapesJS와 Next.js로 만드는 웹빌더 개발기

GrapesJS와 Next.js로 펜션 홈페이지용 웹빌더를 구성한 사례를 정리했습니다. 정적 배포와 S3 연동으로 운영 효율과 비용 절감을 함께 확보했습니다.

#Next.js#GrapesJS
95005분
개발 생산성 200% 높이는 커뮤니케이션 전략 \:\ 코드 밖에서도 성공하는 DevOps
인포그랩
프론트엔드

개발 생산성 200% 높이는 커뮤니케이션 전략 \:\ 코드 밖에서도 성공하는 DevOps

개발 생산성을 높이는 핵심으로 커뮤니케이션 전략을 정리했습니다. 프론트엔드 협업 사례와 실무 적용 팁까지 함께 제시했습니다.

#UI/UX#API
77005분