본문 바로가기

분류 전체보기179

2019년 10월 5주차 - "생존 위해 적과 손 잡았다, SKT·카카오 '3000억 지분동맹'" 등 1. 생존 위해 적과 손 잡았다, SKT·카카오 '3000억 지분동맹' 카카오의 확장이 멈출 줄 모르고 뻗어나가고 있습니다. 지난주에 이어, 이번 주에도 카카오에 대한 뉴스입니다. 카카오와 SKT가 사업과 서비스뿐만 아니라 연구개발(R&D) 영역까지 협력하는 지분 동맹을 맺었습니다. 카카오가 SKT의 지분을 1.6%, SKT가 카카오의 지분을 2.5% 보유하게 되었습니다. 크게 통신과 커머스, 디지털 콘텐츠, 미래ICT 4개 분야에 있어 협력 체계를 만들어갈 예정이라고 하는데, SKT가 보유한 5G와 통신 인프라, 미디어 서비스와 카카오의 플랫폼, 컨텐츠 역량이 합쳐졌을 때, 어떤 시너지가 일어날지 기대가 됩니다. 무엇보다도 SKT의 자회사인 11번가와 카카오 쇼핑의 연계에 주목할 필요가 있어 보입니다... 2020. 11. 15.
[최신 웹 프론트엔드 개발환경 세팅] 3. Babel? Webpack? 3) Babel? Webpack? 최신 프론트엔드 개발 환경에서 Babel과 Webpack은 거의 필수적이라고 말할 수 있습니다. 프론트엔드 프레임워크, React나 Angular, Vue 등을 사용하는 경우는 물론, 코드 작성 시 ES6+를 이용한다면 역시 마찬가지로 Webpack과 Babel을 필요로 하게 됩니다. 예를 들어, ES6의 대표적인 기능인 Template Literal을 사용했다고 가정해 봅시다. 보이는 바와 같이 IE에서는 템플릿 리터럴을 지원하지 않는 것을 알 수 있습니다(최신 브라우저 버전 기준이며, 다른 브라우저에서도 버전에 따라 지원하지 않을 수 있습니다) 크롬이야 실행만 해도 최신버전으로 관리되지만, IE나 사파리는 사용자가 별도로 업데이트하지 않는 한 처음 OS에 설치한 버전.. 2020. 11. 15.
2019년 10월 4주차 - "판 커지는 미디어커머스 시장...카카오도 참전" 1. 판 커지는 미디어커머스 시장...카카오도 참전 (+보고플레이, "누구나 쇼호스트" 1인방송 쇼핑 플랫폼) 유튜브와 같은 실시간 라이브 방송이 대중화되면서, 이커머스에 동영상이 접목된 미디어커머스가 최근 자주 언급되고 있습니다. 시장에서 미디어커머스의 영향력이 늘어나고 있는 것을 방증이라도 하듯 카카오 역시 자사 커머스에 미디어를 도입했습니다. 지난 5월 4주차 - "카카오 커머스, 2인 공동 구매 서비스 '톡딜' 선보여"에서 다루었던 '톡딜' 서비스에 라이브를 도입하여, '톡딜 라이브'라는 이름의 생방송 판매 서비스를 출시한 것입니다. 톡딜 라이브는 카카오TV와 카카오톡 채널을 통해 처음 방송되었는데, 이러한 형태의 판매는 티몬 역시 2017년부터 '티비온'이라는 서비스를 통해 진행해오던 것입니다... 2020. 11. 15.
2019년 10월 3주차 - "더존비즈온, 위하고 기반 이커머스 플랫폼 사업 본격화" 1. 더존비즈온, 위하고 기반 이커머스 플랫폼 사업 본격화 국내 ERP 솔루션으로 손가락에 꼽히는 더존비즈온이 이커머스 사업으로 손을 뻗고 있습니다. 내달 오픈하는 웹빌더 서비스가 바로 그것입니다. 웹빌더란 홈페이지나 쇼핑몰에 대한 지식 없이도 웹을 쉽게 제작하고 운영할 수 있는 플랫폼 서비스로, Wix나 식스샵 등이 대표적입니다. 최근 가비아와 NHN Godo 등의 기업들도 웹빌더 사업을 키우고 있는데, 여기서부터 이커머스 사업을 시작해보겠다는 것이 더존비즈온의 포석이 아닐까 생각됩니다. 더존비즈온은 자사의 비즈니스 플랫폼인 '위하고(WEHAGO: 회사 경영에 필수적인 경영관리부터 원활한 협업을 위한 서비스와 부가서비스까지 한 곳에서 사용할 수 있는 비즈니스 플랫폼)'를 기반으로 하여, 이커머스 기업용.. 2020. 11. 15.
[최신 웹 프론트엔드 개발환경 세팅] 2. NPM이란? 2) NPM이란? NPM(Node Package Manager)은 자바스크립트 언어를 위한 패키지 관리자로, Node.js의 기본 패키지 관리자입니다. Node.js에서 사용 가능한 모듈들을 패키지화시켜 설치, 삭제, 업그레이드, 의존성 관리 등을 해주는 관리자인 것입니다. 정확히는 command-line client인 npm과 온라인 데이터베이스인 npm registry로 이루어져 있으며, 일반적으로 command-line client를 npm이라고 생각하는데, 실제로는 npm registry까지 포함하여 npm이라고 말합니다. npm이 없었을 때에는 필요로 하는 기능을 추가하기 위해서 직접 작성하거나 github를 통해 다운로드하여 사용해야 했습니다. 이러한 불편을 해소하기 위해 나타난 것이 npm이.. 2020. 11. 15.
[최신 웹 프론트엔드 개발환경 세팅] 1. Node.js란? 지난 몇 주간 자바스크립트와 관련된 내용을 다루면서, ES6(ECMAScript 2015) 문법이 여러 번 등장했습니다. ECMAScript가 표준화된 스크립트 언어이자, 자바스크립트가 이 표준을 따르고 있음에도 ECMAScript는 아직 많은 개발자에게 낯설게 느껴집니다. ECMAScript가 현재 ES10(ECMAScript 2019)까지 버전이 올라간 상태임에도, ES6+(ES6 이상의 버전)가 상용화되어 있지 않은 이유는 크게 아래와 같은 이유 때문입니다. 구형 브라우저에서 지원하지 않음(현재 모던 브라우저의 최신 버전의 경우 대부분 지원. 오래된 버전을 그대로 사용하는 사용자가 많음) 트랜스파일링이나 번들링 필요 아직 ES6+를 지원하지 않는 라이브러리들 구버전의 브라우저에서 지원하지 않는 문법.. 2020. 11. 15.
2019년 10월 2주차 - "이커머스 新생존전략 '튀어야 산다'" 등 1. 이커머스 新생존전략 "튀어야 산다" 몇 차례 다룬 바 있듯이 이커머스 업체들이 적자에도 불구하고 치열한 치킨게임을 지속하고 있는 것이 현재 이커머스 업계의 실상입니다. 이에 업체들은 각자 그들만의 전략을 내세우며 고객을 유치하고 있습니다. 위메프는 기존에 가격 메리트를 부여하는 정책은 그대로 유지하면서, '주말 장보기' 섹션을 마련하여 오프라인 마트 고객을 적극적으로 유치하고 있습니다. 티몬의 경우, 지난해 말부터 본격적으로 도입한 '타임 커머스' 방식에 집중하여, 하루를 24시간으로 쪼개 프로모션을 거는 '타임어택'으로 할인 전략을 더욱 강화하고 있습니다. 적자로 인해 쿠팡이나 롯데에 인수합병이 거론되고 있는 11번가 역시, 올초 선언했던 '커머스포털' 진화 전략을 계속 추진하며, 상품을 검색하면.. 2020. 11. 15.
Prototype Chain 자바스크립트에는 객체를 상속하기 위해서 프로토타입 체인을 이용합니다. 프로토타입 체인이란 객체의 생성 과정에서 모태가 되는 프로토타입과의 연결고리가 이어져서, 상위 프로토타입으로 연속해서 이어지는 관계를 의미합니다. 그리고 이 연결고리 역할을 하는 것이 이전 글에서 설명했던 Prototype Link입니다. 모든 객체가 가지고 있는 속성인 _proto_가 상위 Prototype Object를 가리키고 있는 것입니다. 개념 자체는 어렵지 않습니다. var Foo = function() {}; Foo.prototype.hello = function() { console.log("hello") }; var foo1 = new Foo(); var foo2 = new Foo(); foo1.hello(); foo2.. 2020. 11. 15.
2019년 10월 1주차 - "진짜 사람 아닌 AI가 만든 모델 쓰는 시대 온다" 1. 진짜 사람 아닌 AI가 만든 모델 쓰는 시대 온다 멀지 않은 미래에는 AI 모델 에이전시가 생기게 될지도 모르겠습니다. 국내에서는 딥스튜디오가, 국외에서는 제너레이티드 포토스가 인공지능(AI)을 이용한 디지털 휴먼을 개발 중이라고 밝혔습니다. 딥스튜디오는 모델이 여러 가지 표정과 포즈를 취하면, 얼굴만 유명 연예인으로 바꾸는 기술을 개발하여 실험 중입니다. 이 기술을 발전시켜 초상권을 거래할 수 있는 플랫폼을 만드는 것이 궁극적인 목표라고 밝혔습니다. 최근 스냅챗이 아기 얼굴 필터를 제공하면서 많은 인기를 끌었는데, 이처럼 AI 얼굴 합성 기술을 접목한 서비스는 이미 많이 출시되었으나, 실제로 비즈니스 모델을 갖춘 곳은 처음이라고 볼 수 있습니다. 국외에서는 'AI로 합성한 세상 어디에도 없는 얼굴.. 2020. 11. 15.
Prototype ※이 글을 이해하기 위해 자바스크립트와 객체지향, 그리고 자바스크립트 객체 생성 방법에 대한 지식이 필요합니다. 자바스크립트는 프로토타입 기반 객체지향 언어입니다. 프로토타입 기반 프로그래밍은 객체지향 프로그래밍의 한 종류로, 클래스 기반 언어에서 상속을 사용하는 것과 달리 객체의 원형(프로토타입)을 복제(Cloning)하여 객체를 확장합니다. 클래스리스(Class-less), 프로토타입 지향 혹은 인스턴스 기반 프로그래밍이라고도 부릅니다. 자바스크립트 외에도 Perl이나 R 등이 프로토타입 기반 언어에 속합니다. 자바스크립트의 새로운 버전인 ECMA2015에서 드디어 class 키워드를 도입하였습니다. 하지만 내부적으로는 여전히 프로토타입 기반으로 동작합니다. 프로토타입 프로토타입(prototype)이.. 2020. 11. 15.