CJ온스타일

RSS

게시글: 34
등록: 2026년부터

All Frontend Backend AI DevOps Architecture Etc

Frontend
[APP] 라이브방송에서 360 영상을 보여줄 수 있을까?
CJ온스타일 앱 개발팀에서 라이브 방송 중 360도 영상을 송출하는 기술적 도전과 구현 과정을 공유합니다. 특히, WebRTC를 활용하여 실시간으로 360도 영상을 스트리밍하는 데 중점을 두었습니다. 360도 영상의 특성상 일반 영상보다 많은 데이터 처리와 낮은 지연 시간이 요구되는데, 이를 극복하기 위한 다양한 테스트와 최적화 방안을 모색했습니다. 이 글은 라이브 커머스 환경에서 몰입감 있는 시청 경험을 제공하기 위한 프론트엔드 기술의 가능성과 실제 적용 사례를 보여줍니다.
360 영상라이브 스트리밍WebRTC
CJ온스타일·2024년 10월 30일
Frontend
Android 온스타일 홈탭 스크롤 속도 개선 Mission Possible
본 글은 Android 온스타일 홈탭의 스크롤 속도 개선 경험을 공유합니다. 기존에는 스크롤 시 끊김 현상이 발생하여 사용자 경험을 저해했지만, 다양한 성능 최적화 기법을 적용하여 이를 해결했습니다. 구체적으로는 RecyclerView의 불필요한 렌더링 방지, 이미지 로딩 최적화, 레이아웃 계산 최소화 등의 방법을 사용했습니다. 이러한 개선을 통해 스크롤 성능을 크게 향상시켜 부드러운 사용자 경험을 제공할 수 있었습니다. 이 글은 모바일 앱 개발자들에게 스크롤 성능 최적화에 대한 실질적인 팁과 인사이트를 제공합니다.
Android스크롤 속도성능 개선
CJ온스타일·2024년 8월 22일
Frontend
선물하기 UX 개선
CJ온스타일 기술 블로그의 "선물하기 UX 개선" 글은 온스타일의 선물하기 서비스에서 경험했던 불편함을 개선한 과정을 다룹니다. 사용자들이 선물하기 기능을 이용하면서 겪었던 문제점들을 분석하고, 이를 해결하기 위한 UI/UX 개선 방안을 모색했습니다. 구체적인 개선 내용과 그 과정에서 얻은 인사이트를 공유하며, 사용자 경험 향상을 위한 IT 담당자들의 노력을 엿볼 수 있습니다. 이 글은 서비스 개선 경험을 통해 사용자 중심의 사고와 기술적 해결 과정을 배우고 싶은 개발자들에게 유용한 정보를 제공합니다.
UX선물하기개선
CJ온스타일·2024년 3월 25일
Frontend
[온스탕탕] 상품 상세페이지를 개편하고 클릭률이 .. 더보기
CJ온스타일에서 상품 상세페이지를 개편하며 겪은 비하인드 스토리를 공유하는 글입니다. 이번 프로젝트의 핵심 목표는 상품의 핵심 구매 요소를 효과적으로 전달하여 고객의 구매 의사결정을 지원하는 것이었습니다. 이를 위해 온스타일만의 차별화된 정보(영상, 방송 혜택, 쿠폰, 특화 배송, MD 소개, 인기 데이터, 리뷰 등)를 강조하고, 정보의 중요도와 특성에 따라 최적화된 UI와 편리한 기능을 제공하는 데 집중했습니다. 또한, 상세페이지에서 다른 탐색 동선으로의 연결을 강화하여 플랫폼 내 체류 시간을 늘리고 구매 전환율을 높이는 전략을 사용했습니다. 개편 결과, 상품 조회수가 25% 향상되는 성과를 거두었습니다.
상품 상세페이지UI 개편UX 개선
CJ온스타일·2024년 3월 8일
Frontend
Android APP 숏츠 영상 플레이어 설계 : 다음 개발자를 고려하여
본 글은 CJ 온스타일의 프론트개발팀 APP파트에서 진행한 Android 앱 숏츠 영상 플레이어 설계 경험을 공유합니다. 특히, 다음 개발자가 유지보수하기 쉽도록 설계하는 데 중점을 두었습니다. 영상 플레이어의 핵심 기능과 함께, 개발 생산성 향상을 위한 구조 설계 및 고려 사항들을 상세히 다룹니다. 재사용 가능한 컴포넌트 설계, 상태 관리, 비동기 처리, 그리고 성능 최적화 방안 등을 통해 효율적인 개발 프로세스를 구축하는 방법을 제시합니다. 이를 통해 복잡한 영상 플레이어 기능을 안정적이고 확장 가능하게 구현하는 노하우를 얻을 수 있습니다.
AndroidAPP숏츠
CJ온스타일·2024년 2월 16일
Frontend
숏츠 영상이 슉슉 넘어가게 하기 위한 Mobile Web 개발자의 고민
본 글은 모바일 웹 환경에서 숏츠 영상과 같이 짧은 콘텐츠가 끊김 없이 빠르게 넘어가도록 구현하기 위한 프론트엔드 개발자의 고민과 해결 과정을 다룹니다. 특히, 영상 로딩 및 렌더링 성능 최적화에 초점을 맞춰, JavaScript와 CSS를 활용한 다양한 기법들을 소개합니다. 예를 들어, Intersection Observer API를 사용하여 화면에 보이는 영상만 로드하거나, `requestAnimationFrame`을 활용하여 부드러운 스크롤링 경험을 제공하는 방법 등을 설명합니다. 이를 통해 사용자 경험을 향상시키고, 웹 애플리케이션의 전반적인 성능을 개선하는 방안을 제시합니다.
Mobile Web숏츠Performance Optimization
CJ온스타일·2024년 2월 16일
Frontend
마오지? Jira 일감을 크롬 확장앱에서! [개발자편]
CJ 온스타일 상품서비스개발팀의 개발자가 그룹스터디 프로그램 'DT:Lab'을 통해 Jira 일감을 크롬 확장앱으로 개발한 경험을 공유하는 글입니다. 이 글은 기획자편, 설계자편과 함께 연재되며, 개발자로서 아이데이션부터 개발, 서비스 오픈까지 참여한 과정을 다룹니다. 전문적인 기술보다는 개발 과정 자체에 초점을 맞추고 있으며, Jira 작업을 더 효율적으로 관리할 수 있는 크롬 확장앱 개발 경험을 공유하여 다른 개발자들에게 인사이트를 제공합니다.
JiraChrome ExtensionJavaScript
CJ온스타일·2023년 11월 28일
Frontend
마오지? Jira 일감을 크롬 확장앱에서! [기획자편]
CJ온스타일 정보전략팀에서 진행한 그룹스터디 프로그램 'DT:Lab'의 결과물인 '마오지' 크롬 확장앱 개발 후기입니다. 이 글은 기획자 관점에서 프로젝트 진행 과정과 서비스 기획에 초점을 맞추고 있습니다. '마오지'는 Jira 일감을 브라우저에서 한눈에 볼 수 있도록 도와주는 확장앱으로, 개발자편과 설계자편도 별도로 존재합니다. 이 프로젝트는 팀원들의 아이디어를 바탕으로 실제 서비스를 기획하고 구현하는 과정을 경험하며 그룹스터디를 기술 블로그 포스팅으로 마무리하는 것을 목표로 진행되었습니다.
Jira크롬 확장앱브라우저
CJ온스타일·2023년 10월 19일