안녕하세요. SK 플래닛 개발혁신팀 윤용성입니다. 현재 11번가는 Legacy Application을 Spring Cloud 기반의 Micro Services로 전환하는 작업을 진행 중입니다. 1단계로 기존 하나의 Application으로 구성되어있는 서버를 단위 기능별로 API화하여 서버를 분리 진행 중이며, 이를 통해서 단위 기능별 빠른 배포와 증가하는 트래픽을 안정적으로 수용하기 위한 준비를 하고 있습니다.  아래 발표는 이 전환 작업에 대한 소개입니다. 첫번째 영상에서는 Tech Infra 개발본부의 백명석 본부장님께서 본 프로젝트의 개요와 추진 방향 및 일정에 대해서 설명해 주셨으며, 두번째 영상에서는 Spring Cloud의 주요 요소에 대한 설명과 11번가에 어떻게 적용되어 있는지에 관하여 소개합니다. 자세한 내용은 자료 슬라이드와 동영상을 참고 부탁 드립니다. 백명석 본부장님의 11번가 MSA 개발 사례에 대한 소개입니다. 11번가 Legacy application의 Spring Cloud 기반 Micro Services […]

안녕하세요. SK플래닛 System Software 개발팀 우종호입니다. 요즘 A/B테스트가 중요한 키워드로 급부상하고 있습니다. 구글 GA에서 데이터 분석지표를 많이 보고 있었는데요, 구글은 Optimize라는 A/B테스트 솔루션을 제공하고 있습니다. 또한 넷플릭스에서도 자체 개발한 Experimentation Platform이라는 A/B테스트 플랫폼을 가지고, 영화, 드라마 컨텐츠 추천 알고리즘 등을 A/B테스트하고 있습니다. A/B테스트란 무엇인지, 왜 필요한지에 대한 내용과, 사내에서 A/B테스트를 수행하기 위해 SK플래닛에서 개발한 Planet […]

flex item의 팽창과 수축, flex item의 방향과 순서에 이어 오늘은 ‘flex item의 정렬과 간격‘에 관하여 설명합니다. 먼저 진행 축(main axis)과 교차 축(cross axis)을 이해할 필요가 있습니다. ‘진행 축’이란 flex item이 배치되는 축(x/y)을 의미합니다. ‘교차 축’이란 flex item이 배치되는 방향과 90도 교차하는 축을 의미합니다. 진행 축과 교차 축은 상대적인 개념이라서 flex-direction의 값(row, column)에 따라 교차 축이 바뀌기 […]

이전에 “CSS flexible 레이아웃: flex item의 수축과 팽창” 이라는 포스트를 작성했는데요. 오늘은 flex item의 방향과 순서를 설명합니다.  오늘 설명할 속성은 flex item의 방향을 제어하는 flex-direction, 줄 바꿈을 제어하는 flex-wrap, 그리고 방향과 줄 바꿈을 단축 속성으로 제어하는 flex-flow, 배치 순서를 제어하는 order 라는 속성입니다. 예제를 보면서 이해하기에 충분하므로 자세한 설명은 생략합니다. flex item의 ‘방향’을 제어하는 ‘flex-direction’. […]

오늘은 흔히 flex 또는 flexible 박스 모델이라고 부르는 CSS Flexsible box layout module level 1(Candidate Recommendation) 명세를 설명해 보려고 합니다. 아직 표준 후보 단계이지만 현존하는 최신 브라우저에 flexible box layout module은 이미 구현되어 있습니다. 기존에 우리가 사용하던 레이아웃 기법은 display, float, position 으로써 컬럼 레이아웃을 표현하는데 한계가 있고 구현 방법이 복잡한 문제가 있었는데요. flexible(신축성 있는, […]

안녕하세요~ SK planet 전우진입니다. 최근 Front-End영역은 따라가기 힘들만큼 빠르게 변화하고 있습니다. 이런 환경속에서 우리가 작성해야하는 코드의 양도 점차 많아지고 복잡해지고 있는데요. “과연 우리가 생산하고있는 코드는 좋은 코드일까?”, “어떻게 하면 더 빠르고 가벼운 코드를 만들 수 있을까?” 하는 물음에서 시작된 FE CI/정적분석 서버 구축에 대한 내용을 공유드립니다. 이번 발표는 Jenkins를 이용한 빌드자동화와 이력관리 그리고 SonarQube를 이용한 […]

안녕하세요. Data Infrastructure팀(이하 DI팀)에서 최근에는 주로 Data Application 개발을 하고 있는 Data Engineer 추이삭입니다. 이번 내용은 데이터 입수 과정에서 주요한 이상징후를 탐지하고 탐지 결과를 유관된 구성원들에게 전파하기 위한 시스템 또는 활동에 대한 소개입니다. 배경 SK플래닛은 다양한 서비스와 BM을 보유하고 있고, 200여개의 클라이언트/서버 로그와 800여개의 DB스냅샷데이터를 입수하고 있습니다. 원천 데이터의 제공 방식도 매우 다양하여 여러 가지 […]

안녕하세요. Data Infrastructure팀(이하 DI팀)에서 최근에는 주로 Data Application 개발을 하고 있는 Data Engineer 추이삭입니다. 이번 내용은 DI팀에서 입수한 데이터가 어떻게 파생되어 사용되는지 검색/조회할 수 있는 도구의 소개입니다. 배경 DI팀이 운영/제공하는 하둡 클러스터의 데이터 입수는 주로 DI팀이 담당하지만, 이 클러스터(이하 DIC)를 이용하여 데이터 프로덕트 개발 또는 분석을 수행하는 조직은 약 90여개 팀이 있습니다. 그리고 Hive 테이블은 […]

안녕하세요. Data Infrastructure팀(이하 DI팀)에서 Data Infra/Application 개발을 하고 있는 Data Programmer 엄태욱 입니다. 이번 글을 통해 지난 글에 공유 드렸던 실시간 데이터 처리 결과와 함께 Spark으로 재구현한 xTogehter를 이용해, 기존에 11번가에서 사용하던 레코픽(이하 RecoPick) 추천 엔진을 Colloseo 추천 엔진으로 교체한 과정을 공유하겠습니다. 11번가의 추천 서비스 11번가는 RecoPick에서 제공하는 두 가지 추천 서비스를 사용합니다. 먼저, “실시간 개인화 […]