총 10개 글 · 원본 블로그 방문 →
명품 커머스 트렌비의 기술 블로그
들어가며 안녕하세요. 트렌비에서 QA 업무를 맡고 있는 리타입니다. 트렌비의 QA(Quality Assurance)는 트렌비 서비스의 품질을 보증하기 위해 기획 단계부터 최종 딜리버리까지 개발의 모든 부분에 참여하며 다양한 업무를 수행하고 있습니다. 그 중에서도 테스트가 차지하는 비중이 상당히 클 수 밖에 없는데요. 신규 서비스 런칭을 위해 테스트케이스를 설계하고 테스트 계획을 수립한 후 최종적으로 테스트를 수행하는 업무는 항상 많은 노력을 요
들어가며 안녕하세요. 트렌비 스토어팀에서 백엔드 개발을 맡고 있는 오언입니다. 최근 마이크로 서비스 환경에서 API 문서를 효율적으로 관리할 수 있는 공용 API 문서 서버를 구축하였고 이에 대한 내용을 공유하고자 합니다. 1. API 문서를 효율적으로 관리할 수 없을까? API를 제공하거나 사용하는 개발자들에게 있어서 API 명세를 정리하고 공유하는 것은 주요한 업무 중 하나입니다. 백엔드 개발자가 생성한 API를 프론트엔드 개발자에게 전달해
들어가며 안녕하세요. QA Engineer 미키입니다. 이 글에서는 트렌비 프론트 서비스의 더 나은 서비스 품질보증을 위해 도입한 API 테스트 자동화에 대해서 이야기 해보고자 합니다. 배경 및 목적 트렌비는 Selenium을 통한 UI 테스트 자동화를 업무에 적용시켜 회원가입, 로그인, 결제, 장바구니, 전시영역에 이르는 대부분의 주요 구매 플로우(flow) 영역을 자동화하여 테스트하고 있습니다. 하지만 UI 테스트 자동화를 서비스의 모든 영
개편 배경 서비스를 리뉴얼을 하는 작업은 생각보다 많은 수고와 인내가 필요한 작업입니다. 단순 심미적인 만족감뿐 아니라 사용자 고객여정을 파악하여 더 편리한 구매와 탐색 경험을 서비스에 녹여 반영해야 하기 때문이죠. 그런데도 불구하고 왜 수많은 서비스들은 리뉴얼을 하는 걸까요? 여러 가지 이유가 있겠지만 대부분은 다음과 비슷한 이유를 포함하고 있을 것입니다. ‘디자인이 오래되었다거나 구성이 복잡하거나, 모바일에 최적화되어있지 않거나, 지표 성과
들어가며 안녕하세요, 트렌비 백엔드 개발자 도현입니다. 이 글에서는 트렌비 리뷰 서비스 (review-service) 의 성능을 개선하게 된 이야기를 해보고자 합니다. 문제 상황 작년 11월경 리뷰 서비스가 런칭되고 시간이 지남에 따라 비즈니스가 점점 고도화되었고, 사용자와 트래픽이 증가함에 따라 아래와 같은 시스템 알럿이 발생하기 시작했습니다. 발생하는 원인은 다양했는데, 다음 2가지 유형이 가장 빈번했습니다. DB 커넥션풀 고갈 이슈 API
들어가며 안녕하세요. 트렌봇 개발팀 타노스입니다. 트렌봇 개발팀은 세계 곳곳에서 상품 정보를 수집하고 정제하여 트렌비 서비스나 운영 페이지에 제공하는 역할을 담당하고 있습니다. 각 상품의 브랜드, 색상, 구매옵션, 가격, 세일정보 등 여러가지 정보들을 관리하고 이와 관련된 다양한 요청을 받아 이를 운영에 반영해 드리고 있습니다. 예를 들면 특정 판매처의 상품들은 10%의 세일가를 적용하거나 혹은 특정 상품들을 ‘아울렛’ 같은 특수한 카테고리에
도입배경 트렌비 웹페이지는 react-boilerplate 기반으로 작성되었습니다. 그래서 상태관리에 대해서도 보일러플레이트에서 사용한 리덕스(redux)를 그대로 사용해 왔습니다. 리덕스를 사용하는데 있어 큰 문제는 없었으나, 개발과정에서 아래와 같은 몇 가지 불편함이 있었습니다. 첫째, API를 호출하고 그 결과를 화면에 그리기 위해서 해야할 게 너무 많았습니다. 컴포넌트에서 API를 호출하기 위한 액션(action)을 정의해 줘야 합니다.
백오피스 엑셀 다운로드 속도 개선하기 안녕하세요, 트렌비 가든 개발팀의 도리입니다. 저희 가든 팀에서는 내부 직원들이 사용하는 백오피스(Back Office)를 개발하고 있습니다. 백오피스를 개발하다 보면 엑셀 다운로드 기능을 제공해야 하는 경우가 굉장히 많은데 최근 기존에 존재하던 엑셀 다운로드 기능이 정상적으로 동작하지 않아 이를 개선한 과정을 공유해 드리고 자 합니다. 문제 상황 평화로웠던 어느 날 갑자기 사내 메신저(슬랙)을 통해 가든의
FE Lazy Loading 적용기 안녕하세요! 트렌비 Growth Marketing 개발팀의 FE개발자 이리입니다! 자세한 제 소개는 인터뷰 내용을 참고해주세요! 목차 개요 문제가 되는 부분은 어딜까? - 원인 분석과 해결책 찾기 Lazy Loading…? Lazy Loading을 적용하는 방법! 개선 후 결과 개요 트렌비의 세일스캐너 부분은 만족스러운 사용자 경험을 위해 다양한 변화와 실험을 하고 있는 페이지입니다. 참고로, 현재는 좀 더
리덕스(Redux) 리덕스(Redux)의 필요성 리액트(React)는 상태(State)를 가지고 어떻게 돔(DOM)으로 잘 변형할지에 대해 다루고 있습니다. 여기서 상태란 애플리케이션(Application)이 기본적으로 가지고 있는 아주 중요한 요소인데요. 애플리케이션의 규모가 커질수록 상태 즉 데이터를 관리하기가 매우 까다롭기 때문에 상태를 잘 다루고 실제 돔(DOM)으로 업데이트하기까지 이를 도와주는 라이브러리가 필요합니다. 리액트(Reac
페이지 1 / 1 (총 10개)
