사용자 경험과 성능 개선 방법 in 카카오웹툰
카카오웹툰의 SSR 캐싱, CDN, 지연 로딩 기반 성능 개선 사례를 소개했습니다.\n로딩 쉬머와 이벤트·애니메이션 최적화, 라이트 모드로 UX를 보완했습니다.
#Next.js#SSR
000
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
사용자 경험과 성능 개선 방법 in 카카오웹툰
사용자 경험과 성능 개선 방법 in 카카오웹툰
카카오웹툰의 SSR 캐싱, 리소스 최적화, 지연 로딩 기반 성능 개선 사례를 소개했습니다. 로딩 체감, 인터랙션, 저사양 환경까지 고려한 UX 트레이드오프를 설명합니다.
#Next.js#SSR
3000
Pytest-bdd와 Selenium을 이용한 웹 UI 테스트 자동화
광고 관리 보드의 광고주 대상 기능을 웹 UI 테스트 자동화 대상으로 소개했습니다. Pytest-bdd와 Selenium을 활용한 자동화 사례와 초기 고려 사항을 다룹니다.
#pytest-bdd#Selenium
3200
Hello, Oliveyoung!
올리브영 디지털사업본부의 조직 문화와 업무 가치를 담은 온보딩 키트를 제작했습니다. 대화형 리플렛과 생활 가이드로 신규 입사자의 적응을 도왔습니다.
#UI/UX#agile
3400
Server Driven UI 설계를 통한 UI 유연화
네이티브 앱의 배포 후 UI 수정 제약과 A/B 테스트 요구를 다룹니다. Server Driven UI로 빌드와 UI 변경을 분리하는 방향을 소개합니다.
#Server Driven UI#mobile
2300
웹에서 다크모드 지원하기
웹 다크모드는 body 클래스와 CSS variable로 제어하는 방식을 제안했습니다. SSR·CSR 환경의 깜빡임과 웹뷰·구버전 OS 호환성도 함께 고려했습니다.
#CSS#JavaScript
000
웹에서 다크모드 지원하기
웹에서 다크모드 지원하기
웹 다크모드는 body 클래스와 JavaScript로 제어해 다양한 정책을 지원할 수 있습니다. 렌더링 전 판별과 CSS 변수로 깜빡임 및 스타일 중복을 줄였습니다.
#CSS#JavaScript
1100
setSelectionRange로 검색창 커서 옮기기
검색창 재포커스 시 커서를 텍스트 끝으로 옮기는 구현 문제를 다뤘습니다. `setSelectionRange`와 `setTimeout(0)`으로 브라우저 기본 동작 이후 처리했습니다.
#JavaScript#HTML
000
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
마이스터고 출신 신입 .NET 개발자가 비브로스에서 일하는 방법
마이스터고 출신 신입 .NET 개발자가 비브로스에서 일하는 방법
마이스터고 출신 신입 .NET 개발자가 입사 후 과제와 WPF 토이 프로젝트로 적응한 과정을 소개했습니다. CSV 추출 시 UI 멈춤 문제를 비동기 처리와 진행률 표시로 개선했습니다.
#C##.NET
3600
필이 짜르르 왔어. 다시는 이런 폰트 내게 없어
Adobe Fonts는 Creative Cloud 구독에 포함된 글꼴 라이브러리로 상업적 활용 범위를 제공합니다. 필요한 글꼴만 활성화해 Adobe 앱에서 사용하고, SVG 변환으로 Figma 활용도 시도했습니다.
#Adobe Fonts#Creative Cloud
2100
이거도 모달, 저거도 모달, 이게 모람
팝업·모달·논모달의 동작 방식과 서비스 흐름상 차이를 정리했습니다. 상품 상세처럼 후속 탐색이 필요한 화면은 페이지 단위 구성이 적합함을 설명합니다.
#UI/UX#modal
2500
유저들이 정말로 원하는 컨텐츠는 무엇일까? — 우리의 추천시스템의 시작 (2)
사용자 임베딩과 Mini Batch K-Means로 관심사별 스타일 묶음을 추천했습니다. A/B 테스트에서 클릭과 콘텐츠 전환율 상승을 확인해 전체 릴리즈했습니다.
#추천시스템#임베딩
2100
당신의 홈페이지에서 채팅버튼을 제거하세요.
실시간 채팅 버튼은 전담 인력이 없는 조직의 업무를 방해하고 응답 지연 시 UX를 낮춥니다.\n상담 게시판과 챗봇으로 단순 문의를 처리하고 복잡한 문의에만 사람을 투입할 것을 제안합니다.
#챗봇#UI/UX
1400
신입 디자이너는 아무것도 몰라요
Figma Constraints와 Auto Layout으로 프레임 변화에 대응하는 카드 UI를 비교했습니다. 컴포넌트 내부는 Auto Layout, 페이지 배치는 Constraints 활용을 제안합니다.
#Figma#UI/UX
2600