View Transitions API
View Transitions API로 웹 화면 전환을 외부 라이브러리 없이 쉽게 구현하는 방법을 소개했습니다. 상태 변경과 트랜지션 제어를 단순화하고, 세부 애니메이션 확장 예시까지 함께 설명했습니다.
#React#CSS
24005분
필터 1
101 Sherpa: 2023년 2월호
클래스101의 2023년 2월 사내 뉴스레터를 정리한 글입니다. 제품 개선 소식과 크리에이터·클래스메이트 관련 이야기를 함께 소개했습니다.
#UI/UX#모바일
17005분
Webview에서 핀치 줌(pinch zoom) 구현하기
웹뷰에서 핀치 줌을 직접 구현하는 방법을 설명했습니다. TouchEvent와 좌표 보정을 활용해 확대 중심을 유지하는 로직을 소개했습니다.
#TypeScript#web
60005분
Delightful UX
클래스101 시니어 프로덕트 디자이너 Jeanne가 UX 프로세스와 협업 방식을 소개했습니다. 글로벌 론칭, 구독 전환, 다국어·모바일 최적화 경험을 바탕으로 Delightful UX 철학을 이야기했습니다.
#UI/UX#A/B테스트
15005분
TV APP 디자인할 때 고려해야하는 요소들
스마트TV 앱은 리모컨 조작과 포커스 상태를 전제로 모바일과 다른 기준으로 설계해야 합니다. 색상, 글자 크기, 성능 제약까지 고려해 TV 환경에서 직접 검증하는 과정이 중요합니다.
#UI/UX#모바일
139005분
2023년 채용연계형 인턴십 프로그램을 소개합니다.
X
#UI/UX
22005분
Scroll Snap API를 통해 이미지 캐러셀 완성하기
Scroll Snap API로 이미지 캐러셀을 만드는 방법을 정리했습니다. 스크롤 컨테이너와 자식 요소에 필요한 속성을 설정해 자연스러운 스냅 동작을 구현했습니다.
#CSS#web
26005분
드디어 리뉴얼 하는 날이 오는구나
서비스 리뉴얼 배경과 문제 정의, 개선 목표를 데이터와 사용자 조사로 재정립한 과정을 정리했습니다. 메인홈과 검색 UX를 개편해 탐색성과 체류시간을 높인 사례를 공유했습니다.
#UI/UX#디자인 시스템
14005분
Velopers 추천광고
쿠팡 파트너스
개발자를 위한 인기 상품을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발자#노트북#컴퓨터
Now is a good time to multiply your Design team capacity
디자인 팀의 용량을 늘리기 위해 측정 가능한 결과 지표부터 정의해야 한다고 설명했습니다. 작은 팀도 리더십 방식에 따라 일정과 품질을 충분히 확보할 수 있다고 보았습니다.
#UI/UX#design
14005분
라이브관 프론트엔드 입장에서 바라보기
올리브영 라이브관을 신규 아키텍처와 SSR 기반으로 전환한 프론트엔드 경험을 공유했습니다. 이미지·영상 최적화와 공통 코드 관리, 크로스 브라우징 대응 방향도 함께 정리했습니다.
#Next.js#TypeScript
31005분
고속성장 중인 주니어 개발자 6인을 소개합니다.
아이디어스 Web platform 셀 주니어 프론트엔드 개발자의 업무와 성장 경험을 소개합니다. 하이브리드 작가 앱 개발, 코드 리뷰, 회고 문화와 함께 서비스 개선 사례를 공유했습니다.
#React#Android
20005분
사람인 접근성 개선 회고
사람인 서비스의 웹 접근성 향상을 위해 길드를 구성해 개선 프로젝트를 진행한 회고입니다. 접근성 기준 마련과 개선 과정에서의 진행 내용을 공유했습니다.
#웹#UI/UX
16005분