Yearly Archives: 2017

    11번가 챗봇 바로

    안녕하세요, SK플래닛 Bot Platform 개발팀 노세호입니다. 모바일 커머스의 중요한 소비자 트렌드로 대화형 커머스(Conversational Commerce)가 떠오르게 되었고, 이 대화형 커머스의 중심에 있는 Chatbot을 개발하여 11번가의 전자제품을 상담해주는 디지털 컨시어지에 적용시켰던 경험을 공유해보려고 합니다. 그 중에서도 Chatbot의 두뇌 역할을 담당하는 DM(Dialog Management) 서버가 돌아가는 예시를 들면서 원리를 설명하고자 합니다. 자세한 내용은 강의 동영상과 자료 동영상을 참고 부탁 […]

    Streaming Platform으로써의 Apache Kafka

    안녕하세요. SK planet Data Infrastructure팀 강병수입니다. 이번 발표는 Apache Kafka에 대한 간단한 소개로 시작하여 팀의 현황과 고민, 그리고 해결 방향을 담고 있습니다. 고민을 해결하기 위해 Kafka Summit 2017 New York에 참석하여 외국의 사례들을 보고 왔고, 인터넷 자료들을 통해 도움을 많이 얻었습니다. 주로 Kafka Streams와 Kafka for microservices, Change Data Capture 이 주제가 되는 내용입니다. 그 […]

    Spring Cloud 기반 Micro Services로의 전환 개발 사례

    안녕하세요. 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 […]

    A/B 테스트 플랫폼

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

    CSS flexible 레이아웃: flex item의 정렬과 간격

    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의 방향과 순서

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

    CSS flexible 레이아웃: flex item의 수축과 팽창

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

    JavaScript Static Analysis Report System with SonarQube

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

    데이터 입수 이상징후 탐지

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