Category: Tech note

Spring Camp 2018 : 11번가 Spring Cloud 기반 MSA로의 전환 – 지난 1년간의 이야기

안녕하세요. SK 플래닛 개발혁신팀 윤용성입니다. 지난 4월 21일 있었던 Spring Camp 2018 행사에서 “11번가 Spring Cloud 기반 MSA로의 전환 : 지난 1년간의 이야기”라는 제목으로 발표를 하였습니다. 이번 발표에서 11번가 MSA를 이루고 있는 Spring Cloud의 기본 요소에 대한 핵심적인 개념 및 11번가 안에서 어떻게 사용되고 있는지에 관한 공유가 되었으며, 11번가의 MSA기반 모니터링 환경에 관해서도 소개되었습니다. 당일 […]

SK ICT Tech Summit 2017 추천 플랫폼 콜로세오

안녕하세요. SK플래닛 개인화추천팀 정재훈입니다. SK그룹 기술 컨퍼런스인 SK ICT Tech Summit 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를 이용한 […]