스토리 홈

인터뷰

피드

뉴스

조회수 723

[Buzzvil Design] Design System at Buzzvil

~ 8min. read 버즈빌이 완전히 새로운 ‘디자인 시스템’을 갖추고 있습니다. 와우~ 새로운 시스템을 만드는건 정말 시간이 많이 드는 일입니다. 그런데 과연 그럴만한 가치가 있는 일일까요? 버즈빌과 같은 스타트업이 굳이 디자인 시스템을 만들어야 하는 이유가 있을까요? 네. 당연히 그렇습니다. 그 이유에 대해서 이해하기 위해서는 버즈빌이 디자인적으로 어떤 문제를 가지고 있고 이러한 문제들을 디자인 시스템을 통해 어떻게 풀어내려고 했는지를 좀더 면밀히 살펴볼 필요가 있습니다. 버즈빌은 수많은 (지금도 그 수가 늘어나고 있는) 파트너들과 함께 서비스를 운영하고 있습니다. 그렇기 때문에 버즈빌은 스타트업치고는 매우 많고 복잡한 Product들을 만들어내야만 하고 계속해서 그것들을 관리하고 운영해 나가야 합니다. 이러한 버즈빌의 비즈니스적인 필요를 충족시키는 것이 디자인 시스템을 통해 해결 하려고 했던 첫번째이자 가장 중요한 문제였습니다.   디자인 팀은 그렇게 크지 않은데 비해 디자인업무는 계속해서 늘어나고 다양해집니다. 이러한 상황을 어떻게 극복할 수 있을까요?  버즈빌의 Product line을 살펴보면 다음과 같습니다. 먼저 자체적으로 2개의 앱을 운영하고 있고, 파트너들의 앱에 통합될 여러가지 SDK와 API들 그리고 곧 추가될 각 파트너별 White-label 앱까지… 각각의 앱과 연관된 마케팅 관련 작업이나 대쉬보드 작업을 제외한다고 해도 버즈빌이 다루고 있는 Product들은 너무나도 많습니다. 시스템이란 각각의 요소들을 함께 연결하는 것이며, 이러한 ‘요소들’이 다른 곳에서 재사용될 수 있게 만드는 것입니다. 그래서 버즈빌 디자인 팀에서는 디자인 asset들을 분리하여 재사용할 수 있는 component로 만드는 일들을 해왔습니다. 식은죽 먹기죠! 주의할 점은 technical dept의 문제가 디자인에도 똑같이 적용된다는 점입니다. 즉, 잘못된 점을 초기단계에 바로 잡는 것은 간단하지만 일이 진행되면 진행될 수록 단순한 오류를 수정하기도 어려워진다는 것이지요. 그래서 디자인 팀에서는 하나의 일을 오랜기간 고민하면서 진행함으로써 잘못 진행된 일 때문에 두 번 일해야 하는 불필요한 시간의 낭비를 방지하고 있습니다. 이것이 바로 디자인 시스템을 만들게된 출발점이자 시스템을 만들면서 해결하려고하는 가장 큰 문제입니다. 디자인 팀에서는 이 일을 8개월 전부터 해왔고 그 과정 가운데서 다양한 문제들에 대한 답을 시스템을 통해 찾았습니다. 버즈빌은 작은 회사지만 전세계를 향해 사업을 확장해 나가려는 큰 비전을 가지고 있습니다. 글로벌 기업이 되는 것은 분명히 멋진 일이지만 디자인의 관점에서 그것은 수많은 다른 문화적 배경을 가진 사람들, 다른 기술적, 미적 이해수준을 가진 사람들이 이해할 수 있는 디자인을 만들어야한다는 것을 의미합니다. 다행히도 이런 고민을 한 디자이너 들이 많이 있었고, 그들은 어떤 product에도 적용할 수 있는 아주 유연한 표준을 세웠습니다. 바로 그 기준들이 흔히 ‘시스템’ 이라고 불리는 것들입니다. 이런 상황에서 우리의 두번째 문제가 생겨납니다. ‘모든 사람이 이해할 수 있어야 한다’는 것입니다.  우리는 어떻게 다양한 스펙트럼의 사람들에게 적합한 세계적인 Product를 디자인 할 수 있을까요? 복잡한 문제들은 보통 간단한 방법으로 해결되는 경우가 많은데요.  모순적으로, 디자인을 조금이라도 해봤다면 어떤 것을 단순하게 만드는것이 말처럼 쉬운 일이 아니라는 것을 이해하실 수 있을 것입니다. 앱을 디자인 하는 경우도 크게 다르지 않습니다. 앱을 디자인 한다는 것은 시각적 의미(Visual semantic)를 앱안에 표현하는 일입니다. 다시말해서, 그 앱을 사용하는 사람들이 이해할 수 있는 일종의 메시지를 시각적요소를 통해 담아내는 것이라고 할 수 있는데요.  이렇게 담아내는 메시지의 복잡성을 줄임으로서 그 메시지를 더 많은 사람들이 이해 할 수 있게 만들 수 있습니다. 디자인에 있어서 미니멀리즘은 바로 이런 생각에서 부터 시작됩니다. 단순성이 핵심입니다. 단순함을 유지함으로써 우리는 비로소 많은 사람들이 이해할 수 있는 디자인을 할 수 있습니다. 그렇다면 이를 위해서 시스템적으로 접근하기 위해 무엇을 해야할까요? 바로 원칙들을 세우는 일입니다. 시스템적으로 일한다는 것은 원칙과 과정음 세움으로써 우리가 공유하는 가치들을 바탕으로 우리만의 고유한 일하는 방식을 만드는 것을 의미합니다. 버즈빌의 경우, ‘미니멀리즘’이라는 원칙은 작은 디자인팀을 운영하면서 동시에 버즈빌이 진출해있는 다양한 시장에 맞는 디자인을 하기 위한 핵심적인 원칙 중에 하나입니다. 디자인 팀에서는 Google Material에서 부터 시작해서 버즈빌만의 컴포넌트와 원칙들을 정해 나갔습니다. Google Material을 선택한데에는 몇 가지 이유가 있는데요. 첫 번째로 끊임없이 진화해 나가는 놀라운 디자인 언어이기 때문이고 두 번째로는 이미 안드로이드 OS와 많은 주요 앱들에서 사용되어 왔기 때문에 널리 퍼져있고 많은 유저들이 이에 굉장히 익숙하기 때문입니다.. 버즈빌은 자체적으로 허니스크린과 슬라이드조이를 운영하고 있습니다. 뿐만아니라 BuzzScreen, BuzzStore, BuzzOfferwall등을 포함한 Buzz Product라고 불리는 product line도 관리하고 있습니다. 이  product line들은 앞서 언급했듯이 white labelled app이나 SDK와 API를 통해서 파트너 앱에 통합되기 때문에 그 자체로는 브랜드가 없습니다. 반면에 각각의 파트너들은 당연히 그들의 서비스를 통해 표현하고자하는 고유의 브랜드를 가지고 있습니다. 여기서 세번째 문제가 나오는 데요. 바로 ‘다양한 브랜드의 필요를 충족시켜야 한다’는 점입니다.  어떻게 버즈빌의 다양한 서비스들에서 수많은 브랜드를 다룰 수 있을까요? 공통점이 많지 않은 다양한 브랜드를 다루는 것은 그 자체만으로 어려운 일입니다. 게다가 버즈빌의 경우는 파트너의 요구를 충족시키기 위해서 파트너의 브랜드와도 잘 통합 될 수 있어야 합니다. IT회사들 사이에서 디자인 시스템으로서 사용되고 있는 수많은 방법들이 있지만 그중에서  다니엘 에덴의 방법이 버즈빌의 상황과 가장 맞는다고 판단하였습니다. 에덴은 디자인 시스템을 조직하고 구조화하는 매우 흥미로운 방법을 가지고 있는데요. 에덴은 모든 디자인 asset을 2개의 레이어로 나누는 것부터 시작합니다. 바로 패턴과 표현입니다 :   패턴 레이어  패턴은 디자인 에셋들의 레이아웃입니다. 패턴은 각각의 컴포넌트들이 어떻게 배치되어야 하는지에 대한 정확한 기준을 제시 합니다. 패턴에서 다루는 컴포넌트들은 더 작은 컴포넌트들도 쪼개질 수 있으며 어떠한 메시지나 표현을 담고 있지 않습니다. 또한 서비스 안에서 혹은 서비스 밖에서도 재사용이 가능합니다. 훌륭한 시스템을 만들기 위해서는 겹치는 부분을을 제거하여 각각의 컴포넌트들을 최적의 컴포넌트로 만드는 과정이 필요합니다. 이러한 과정을 통해 점점 더 간결함을 추구 할 수 있습니다.   표현 레이어  표현레이어는 메시지를 다루는 부분이자 컴포넌트의 가장 기본이 되는 레이어입니다. 표현레이어는 고유의 브랜드와 색상이 담기는 곳이며 더 작은 컴포넌트들로 나누어지지 않습니다. 그래서 일반적으로 표현레이어의 구성요소들을 ‘Atoms’ 라고 부릅니다. 표현 레이어는 색상, 텍스트, 아이콘, 일러스트레이션, 사진과 비디오등으로 구성되고 각각 메시지를 담고 있으며 우리의 UI구조와 관계없이 전체적인 브랜드 가이드라인에 따라 결정됩니다. 이제 이 접근방식이 얼마나 확장가능한지 어느정도 감을 잡으실 수 있으실 겁니다. 각각의 레이어의 모든 컴포넌트들을 잘 정의해두었다면 Sketch와 같은 유용한 툴을 이용해서 손쉽게 두 레이어를 연결할 수 있습니다. 이에 대해서는 추후에 다른 포스트를 통해서 소개하도록 하겠습니다. 시스템의 약점은 얼마나 유연하게 적용될 수 있는 것인지에 있습니다. 아주 엄격한 구조와 너무 유연한 구조 사이에서 균형을 잡는건 쉽지 않은 일인데요. 이것을 위에서 살펴본 두 가지 레이어로 나누어보면 좀 더 쉽게 접근할 수 있게 됩니다. 먼저 블록을 만드는 것, 즉 컴포넌트를 배치하는 패턴 레이어에 대한 부분은 대부분 개발자에 의해서 구현 됩니다. 마찬가지로 표현 레이어는 브랜드의 이미지를 세팅하는 마케터에 의해서 다루어져야합니다. 디자이너 입장에서 개발자와 마케터에게 서로 다른 메시지를 통해 이야기 하는 것처럼 이 두 가지 측면은 다른 방법으로 소통 되어야 합니다. 뛰어난 디자인을 만들기 어려운 이유는 하나의 명확한 디자인 컨셉을 통해 다른 모든 stakeholder들을 연결해야 하기 때문입니다. 패턴레이어는 개발팀의 가이드라인을 잘 따라야 하고 표현레이어는 브랜드가 확실하게 전해지면서 컨텐트가 적절히 보여질 수 있도록 충분히 유연해야 합니다. 그리고 디자이너의 역할은 이 모든 것들의 중간에서 각각의 요소들을 연결하여 최종적으로 우리의 서비스를 사용하는 사람들이 우리가 전하고자 하는 모든 것을 인지할 수 있게 만드는 것입니다. 위에서 언급한 다니엘 에덴의 기사를 읽어봤다면 또 다른 레이어인 컨셉 레이어에 대해 알고 계실것입니다. 컨셉 레이어는 디자이너가 다른 모든 stakeholder들과 어떻게 소통할 것인지에 관한 것이고 우리의 디자인이 얼마나 좋은지를 평가하는 기준이 되는 레이어입니다. 이것은 ‘우리의 디자인의 필요를 충족 시키는 것’이라는 네번째이자 마지막 문제로 이어집니다:  우리는 어떻게 우리의 디자인 컨셉에 대해 소통하고 평가 해야할까요? 컨셉은 스토리를 의미합니다. 컨셉은 가능한 모든 수단들을 통해서 추상적인 생각을 전달하는 것입니다. 그리고 바로 이 부분에서 디자이너가 차이를 만들 수 있습니다. 이것은 사실 부분적으로는 우리가 시스템으로 일하는 이유이기도 합니다. 시스템을 통해 다른 레이어를 구성하는데 드는 시간을 절약하는 이유는  궁극적으로 컨셉 레이어 맞는 아이디어들을 시각화하고 구현하는데 충분한 시간을 쓰기 위해서 입니다. 다니엘 에덴의 말을 빌리자면, 표현 레이어가 우리의 알파벳이라면 패턴 레이어는 우리의 단어와 문장이다. 그리고 컨셉 레이어는 우리의 이야기입니다. 알파벳과 사전을 만드는 이유는 사람들에게 들려줄 이야기를 쓰기 위해서입니다. 이것이 가장 중요합니다. 디자인 적인 기반이 탄탄하지 못하면 메시지가 명확하게 전달 되지 못할 수도 있지만 디자인에 담겨있는 스토리가 탄탄하지 못하면 우리의 Product의 경험 전반에 부정적인 영향을 미치게 됩니다. 그렇다면 우리는 어떻게 좋은 디자인을 평가할 수 있을까요? 컨셉은 이론적이고 실재적인 연구에 기반한 가정들로 이루어져 있습니다. 따라서 디자인에 담으려고 하는 이야기가 우리가 원래 의도했던 답을 주면서 이용자들과 공감대를 형성하는지를 알아보기 위해서는 그것을 실제로 테스트 해보는 것이 가장 좋은 방법입니다.  버즈빌의 디자인 시스템은 각각의 컨셉별로 우리의 가정이 옳았는지를 판단할 수 있는 Metric들을 다룹니다. 전체적인 시스템과 마찬가지로 Metric은 불변하는 것이 아니라 테스트를 진행해 가면서 계속해서 수정되고 보완되는 것입니다. 만약 몇번의 루프 후에도 결과가 기대와 다르게 나온다면 컨셉 레이어가 잘못되었고 어딘가 수정해야할 부분이 필요하다는 것을 의미합니다.  수정하는 과정에서의 원칙은 핵심적인 컴포넌트들 자체가 문제를 일으킨다고 보는 것이 아니라 그것들을 어떻게 조합하는지가 문제를 일으킬 수 있다고 생각하는 것입니다.  다시말해 각각의 단어들은 올바르지만 문장 구성이 잘못되었고 이를 보완하기 위해서는 단어의 순서를 바꿔서 문법이 잘 지켜지게끔 해야하는 것과 같습니다. 만약에 그것 마저 소용이 없다면, 처음부터 전하려고 했던 이야기 자체가 정말 사람들의 기대를 충족시킬 수 있는지의 관점에서 다시 생각해볼 필요가 있습니다.  Conclusion 디자인 시스템은 디자인을 하는데 도움을 주는 좋은 방법입니다.  디자인 시스템을 통해서 모든 사람이 디자이너처럼 생각하고 일할 수 있기를 기대하는 것은 아니지만 이를 활용하여 정보를 잘 전달하고 모두가 디자인 리소스에 접근하게 함으로써 결과적으로 누구나 미리 만들어진 블럭을 활용하여 대략적인 컨셉을 만들어낼 수 있기를 기대합니다.  좋은 아이디어는 모두가 생각 해낼 수 있지만 디자이너들은 다른 팀원들에게는 없을 수도 있는 다양한 도구들을 통해 생각을 더 잘 표현 할 수 있습니다. 디자이너의 asset을 공유하는 것은 우리의 다른 팀원을 돕는 것뿐만아니라 아이디어에 대해서 의사소통하는 데에 도움을 주는 방법입니다. 그리고 디자인의 초기 컨셉과 원칙 그리고 디자인 문화를 공유하는 것은 모두가 디자이너가 일하는 방식을 이해하는 데 도움을 줍니다. 뿐만아니라 그렇게 공유된 컨셉,원칙,문화들은 전혀 쓸모없는 것이 아닙니다. 다른 누군가에게 새로운 생각을 할 수 있게 도울 수도 있기 때문입니다.
조회수 1412

로봇 공학의 새로운 패러다임! 한화정밀기계의 협동 로봇을 만드는 로봇사업부 인터뷰!

한화정밀기계의 협동로봇 HCR-5 / 출처 - 한화정밀기계 이제 번거로운 작업은똑똑하고 안전한 협동 로봇에게 맡기세요! 제조 산업의 다양한 과정들이 점차 기계화되어가고 있습니다. 기계화의 과정에서도 사람이 개입되어야 하는 번거로운 과정들이 남아있기 마련인데요. 사람이 꼭 필요한 섬세하고 동적인 역할까지 수행하면서 기계의 편리성을 살릴 수 있는 ‘협동 로봇(코봇)’의 탄생으로 그 고민이 해결되었습니다.머지않은 미래에 협동 로봇의 춘추전국시대가 예상되는 가운데, 2017년 시장에 진입한 한화정밀기계의 HCR 시리즈 협동 로봇은 뒤늦게 시장에 합류했지만, 유려한 디자인과 다양한 기능, 안전성을 고려한 특색 있는 제품 생산으로 전 세계 고객들의 사랑을 받으며 점유율을 확대해가고 있습니다. 협동 로봇의 발전으로 개발과 연구를 전문으로 하는 직업도 탄생했는데요. 한화정밀기계에는 협동 로봇 전문가집단인 로봇사업부가 존재합니다. 이 부서의 수장인 장우석 로봇사업부장에게 자세한 이야기를 들어보겠습니다. Q. 안녕하세요. 우선 협동 로봇에 대해 간단히 설명 부탁드립니다!한화정밀기계 장우석 로봇사업부장 / 출처 - 한화정밀기계안녕하세요. 한화정밀기계 로봇사업부의 장우석입니다. 산업 현장에서 사람들을 돕기 위해 만들어진 로봇이 바로 협동 로봇입니다. 이들은 정확성과 일관성이 요구되는 반복적인 업무들을 처리하는데요. 기존의 반복적인 업무를 대신하고, 작업자는 주관적인 판단이나 유연성이 요구되는 일을 할 수 있도록 돕는 것이죠. 현재의 협동 로봇 이전에 주로 사용했던, 기존의 산업용 로봇은 굉장히 한정적인 업무만을 수행할 수 있었습니다. 가령 물건을 하나 옮긴다고 가정하면, 그에 맞는 고난도의 컴퓨터 프로그램을 입력해야 그 일을 할 수 있습니다. 만약 다른 장소로 물건을 옮기려고 한다면 조립공정을 멈추고 중장비를 사용해 옮겨야 합니다. 따라서 시간과 비용이 굉장히 많이 듭니다. 반면 협동 로봇은 이러한 번거로운 과정들을 한 번에 해결해줍니다. 특히, 한화정밀기계의 HCR 협동 로봇은 사용자 친화적인 인터페이스를 갖추고 있어서 작업자가 작동법을 익히는데 하루도 채 걸리지 않습니다. 또한, HCR 협동 로봇의 워크플로를 세팅하거나 변경할 때는 단순히 필요한 항목들만 클릭해 바꾸면 됩니다.싱가포르 합자법인 공장에서 HCR-5를 생산하고 동남아시아 시장에 공급할 예정인 한화정밀기계 / 출처 - 한화정밀기계 Q. 한화가 로봇 산업에 진출하게 된 계기는 무엇인가요?한화그룹은 4차 산업혁명의 일환으로 로봇 산업을 시작했습니다. 다양한 분야 중 저희는 협동 로봇에 초점을 맞췄고, 작년에 국내 최초의 협동 로봇인 HCR 시리즈를 출시했습니다.한화그룹은 항공엔진, 에너지, 산업 장비, CCTV 카메라와 같이 다양한 산업 분야에 관심을 두고 있습니다. 이러한 시장을 키우고 선두가 되기 위해, 한화는 정밀기계, 동작 조종 기술, 사물 인식 소프트웨어, 자동 내비게이션과 같은 분야에서 전문성을 높이고 있습니다. 이러한 모든 것의 중심이 바로 로봇 산업입니다.이렇게 다양한 산업 지식, 경험 그리고 기술을 바탕으로 로봇사업부를 키울 수 있었고, 지금의 HCR 시리즈 같은 제품을 시장에 내놓을 수 있게 된 것입니다. 특히 로봇 공학 분야와 소프트웨어 개발에 매우 높은 전문성을 가진 인력을 보유하여 협동 로봇 기술 개발(R&D)을 빠르게 진전시킬 수 있었습니다. 한화정밀기계와 싱가포르 정밀 엔지니어링 전문 업체인 PBA 그룹의 합자법인 "PBA-Hanwha Robotics"의 개소식 모습 / 출처 - 한화정밀기계  Q. 한화 협동 로봇의 제품 현황과 고객 반응은 어떤가요?한화정밀기계의 협동로봇 HCR-5 / 출처 - 한화정밀기계한화정밀기계는 현재 세 종류의 협동 로봇(HCR)을 출시하였으며, 각각 3kg, 5kg, 12kg의 무게를 들 수 있습니다. 이 세 종류의 협동 로봇은 크기가 작고, 옮기기 쉬우면서 방대한 범위의 업무를 진행할 수 있기 때문에 다양한 업무 지원이 필요한 중소 제조 기업에 이상적인 모델이라 할 수 있습니다. HCR 시리즈의 시장 내 고객 반응은 매우 호의적입니다. HCR 시리즈만이 가진 가장 큰 장점은 사용자가 단일 제어 장치에서 두 개의 HCR 협동 로봇을 실행할 수 있다는 점입니다. 그렇기 때문에 운영비가 최대 10%까지 절감되는 효과가 있죠. 거기에 HCR 시리즈 조작이 쉽다는 점까지 장점으로 작용하면서 시간을 절약하고 생산성을 더욱 높일 수 있습니다.  기능과 안정성을 모두 잡은 HCR 시리즈만의 디자인 또한, 고객들은 HCR 협동 로봇의 수려한 디자인을 가장 크게 평가합니다. 보통 산업용 기계는 튀어나온 부분들이 있어서 긁히거나 부딪힐 위험이 있는데 HCR은 부드러운 곡선 모양으로 제작되어 안전하고 디자인이 뛰어납니다. 산업 디자인은 보이는 게 전부가 아닙니다. 사람들이 협동 로봇과 같이 일할 때 실제로 안정감을 느낄 수 있어야 합니다. 그런 이유로 더 안전하고 부드럽게 보이도록 곡면을 살려 디자인했습니다. 디자인과 기능 면에서도 HCR 시리즈는 매우 안전한 제품입니다. HCR 협동 로봇은 작업자의 옆에서 업무를 보조하는데, 자동 충돌 감지 기능이 있어서 부딪히면 즉각적으로 작동을 멈춥니다. 2017 iF 디자인 어워드, 제품 디자인 부분에서 본상을 수상한 HCR 협동 로봇 / 출처 - 한화정밀기계 Q. 협동 로봇의 미래에 대한 예측과 향후 개발하고자 하는 협동 로봇은?미래에는 AI와 딥러닝, IoT 등 4차 산업혁명을 대표하는 기술들이 접목된 협동 로봇이 시장을 주도할 것이라 예측합니다. 특히 AI와 딥 러닝 기술로 인해 조만간 로봇 산업에는 큰 지각 변동이 있을 것이라 예상합니다. 원래는 5년이나 10년 주기로 일어날 것으로 생각했는데, 이제는 그것보다 더 앞당겨질 것 같네요. 예전에는 몇 년 더 걸릴 것으로 생각했던 기술들이 AI와 딥러닝 기술이 접목된 지 2년 반 만에 이미 구현되고 있으니까요!그래서 한화정밀기계에서는 앞으로 생산될 제품에 AI나 빅데이터, IoT를 어떻게 접목하고, 실제로 어떻게 적용될 수 있을지에 대해 연구하고 있습니다. AI가 접목된 협동 로봇은 어떠한 상황이나 조건에서도 최대한 쉽게 일을 수행할 수 있습니다. 특히 기술 접목 분야에서 한화그룹은 다양한 산업군과 계열사가 있다는 것이 매우 큰 장점인데요. 다양한 계열사에 자문하면서 실제로 협동 로봇이 어떻게 업무에 적용이 되고, 앞으로 어떻게 발전시킬지 논의하고 있습니다. 협동로봇 합자법인 공장 투어 모습 / 출처 - 한화정밀기계 한화정밀기계의 장우석 부장은 피처폰에서 스마트폰 시대로 바뀌었듯이, 로봇 시장도 향후 몇 년 이내로 큰 패러다임 전환이 일어나리라 전망했습니다. 단순히 몇 개의 일을 수행하는 로봇에서 거의 모든 일을 처리할 수 있는 로봇으로 변화하는 것입니다. 협동 로봇 시장은 아직 초기 단계에 있으며 시장 규모도 매우 작지만, 앞으로의 사업 성장 가능성이 매우 큰 분야입니다.한화정밀기계는 현재 유럽과 동남아시아 시장의 큰 성장 가능성을 두고 사업에 박차를 가하고 있는데요. 단기적인 목표는 시장점유율을 매년 두 배로 늘리는 것이며, 장기적인 목표는 협동 로봇 분야에서 세계적인 선도 기업이 되는 것이라고 합니다.4차 산업혁명에 힘입어 자동차와 스마트 팩토리를 중심으로 기술 트렌드를 이끄는 기업을 목표로, 글로벌 로봇 시장을 선도하는 기업이 되기 위해 끝없는 노력을 거듭하고 있습니다. 점차 확대되는 협동 로봇 시장을 선도하는 한화정밀기계의 미래를 함께 응원 부탁드립니다!#한화 #한화그룹 #한화정밀기계 #구성원인터뷰 #직무정보 #기업정보 #기업문화 #비전 #목표 #채용정보 #공채정보
조회수 1307

브랜드별 체계적 관리로 온라인 패션몰 시장에서 승승장구

   전자상거래 시장의 규모가 하루가 다르게 커져가고 있다. 이제 대부분의 소비자는 오프라인 매장보다는 인터넷쇼핑몰을 더 선호하는 흐름을 타고 있다. 굳이 발품을 안팔아도 되고 가격비교도 편하기 때문이다. 전자상거래 시장의 성장과 함께 관련 기업들 또한 동반 성장하고 있다. 그 중 하나가 바로 웹뜰이다. 본지는 고객과의 신뢰를 가장 중요시 하며 최고의 맨파워로 책임경영을 펼치고 있는 웹뜰의 이태경 대표를 만났다.   최근 전자상거래 시장의 성장과 맞물려 귀사는 패션브랜드 e-비즈니스 사업을 활발히 펼치고 있는 것으로 알고 있다. 우선 회사에 대해 간략히 소개해 달라.   웹뜰(주)는 패션브랜드의 성공적인 온라인 비즈니스 모델을 컨설팅하고, 기획 및 판매 운영하는 회사다. 온라인 유통 분야의 전문가들이 모여 여러 패션브랜드들과 파트너십을 갖고 성공적인 사례를 만들어가고 있다. 우리는 위탁, 매입, 생산, 컨설팅 등의 형태로 패션브랜드들의 온라인 쇼핑몰 판매를 주력사업으로 삼고 있다.   지난 2008년 설립돼 10년차를 맞이했다. 회사를 설립한 배경은? 그리고 그 간 걸어온 길에 대해 알고 싶다.   본인은 의류학과를 전공했고, 패션브랜드에서 온라인 팀장으로 근무하면서 이 분야에 관심을 가지게 돼 본격적으로 일을 시작하게 됐다. 직장생활을 하면서 해당 업무를 성공적으로 수행해 제법 인정을 받았고 여러 회사로부터 스카웃 제의도 받았으나 큰 관심이 없었다. 솔직히 말하면 사회 초년생 시절부터 사업을 하고자 하는 의지가 있었다. 회사 설립 배경을 살펴보면 온라인 마켓이 성장하는 시기에 체계적으로 판매하는 업체가 많지 않다는 것을 파악하고 처음에는 간단히 컨설팅을 하다가 그 누구보다 잘 판매하고 운영할 자신이 있어서 본격적으로 사업을 시작하게 된 것이다.   현재 조직은 어떻게 구성돼 있나? 또 물류센터 등 회사 인프라에 대해서도 궁금하다.   크게 MD, 물류, CS, 웹디자인, 경영관리 부서로 구성돼 있다. 물류는 3군데서 운영하고 있는데 한군데가 직영이며 2곳은 3자물류를 활용하고 있다. 향후 물류센터 구축에도 관심을 가지고 있다.   패션, 온라인 판매 사업 주력   전자상거래와 관련, 현재 다양한 사업을 전개하고 있는 웹뜰의 가장 주력 사업이 무엇인지 궁금하다. 그리고 그 이유는?   다양한 사업이 있지만 패션 카테고리 온라인 판매 사업이 주력 사업이다. 그 이유는 이 사업이 처음으로 펼친 사업이고, 회사에서 가장 큰 매출을 차지하기 때문이다. 간단 명료한 이유다.   주요 고객사는 어떻게 형성돼 있나? 그리고 향후 타겟층이 궁금하다.   판매처는 오픈마켓, 소셜커머스, 패션전문몰, 종합몰, 백화점몰, 폐쇄몰 등이다. 자세히 언급하면 하프클럽, 패션플러스, 11번가, 옥션, G마켓, 티몬, 위메프, 쿠팡, GS이숍, 롯데닷컴, 신세계몰, H몰, AK몰, 카카오톡 선물 등 꽤 유명한 기업들이다. 우리는 향후 국내 온라인 외에 해외 판매를 준비하고 있다.   귀사는 고객과의 신뢰를 가장 중요시 여긴다고 했다. 고객과의 신뢰 구축을 위해 가장 신경써야 할 부분은?   무엇보다도 정확한 상품 정보 제공과 정확한 배송이다. 그리고 고객과의 신뢰도 중요하지만, 저희가 신뢰를 언급했던 부분은 상품 공급처와의 신뢰 구축도 포함된다. 상품 공급처의 목적에 맞게 운영 계획을 짜고 공급받은 물량 기준 판매율, 매출 목표 달성을 반드시 이행하도록 하면서 신뢰를 구축해 나가고 있다. 그래서 오랫동안 거래하고 있는 브랜드들이 많아지고 있는 것이다. 파크랜드, 인디에프, 아이더 등이 대표적인 경우다.   고객사 제품 브랜딩 초점   그렇다면 경쟁업체 간 우위를 점하기 위한 귀사의 특징 및 장점에 대해 설명해 달라.   우선 브랜드별 체계적인 관리력이 우수하고 브랜드별 매출 효율 가장 높다. 다음으로 촬영, 디자인 등 브랜딩을 위해 노력하고 있다는 점이다. 우리는 새로운 시도를 통해 리딩 업체로 거듭나고 있다. 또 빠르게 변화하는 온라인 시장에 가장 빠르게 대응하고 적응해 앞서가는 점도 눈여겨 볼 부분이다. 미자막으로 위탁 판매 외 매입, 온라인 전용 상품 기획에 참여해 높은 판매율 기록하고 있다.   이태경 대표님의 경영철학에 대해 듣고 싶다.   입점몰, 고객, 직원과의 약속 이행을 가장 중요하게 생각한다. 다시 말해 신뢰를 소중히 여기는 것이다. 그리고 좋은 상품을 좋은 가격에 소싱해서, 대중에게 제공하는 것도 중요하다고 생각한다. 뿐만 아니라 가장 먼저, 가장 열심히, 가장 정직하게 업무를 해나간다면 성공할 수 있다고 생각한다.   갈수록 조직문화가 발달하는 이 시대에 웹뜰의 복지현황 및 사회 공헌활동에 대해서 알고 싶다.   우선 월별로 팀비를 지원해 팀 단합을 고취하고 있으며 체력단력비, 도서, 각종 교육비, 소모임 활동비 등을 지원하고 있다. 이와 함께 쾌적한 휴계실를 완비하고 있다. 또 전사적으로 분기별로 문화 활동, 체육대회, 워크숍을 진행하고 있으며 장기근속자에게 포상을 하고 여름휴가일수를 추가적으로 지급해 애사심을 갖게 만들고 있다. 이와 함께 매월 목표달성에 따른 인센티브, 매월 우수사원 선정 인센티브, 매년 최우수사원 선정 인센티브, 매년 손익 분배 전직원 인센티브를 지급해 직원들을 만족시키고 있다. 여성 직원들이 많은 편이라 여성 직원들을 위해 작은 것 하나까지 신경쓰려고 하고 있다.   화주사가 물류기업을 선택할 때 가장 중요하게 생각하는 부분에 대한 대표님의 견해는?   물류기업 대표와 센터장, 우리 책임자가 얼마나 책임을 지고 실무에 관여하는지를 중요하게 생각한다. 그리고 약속이행을 잘하고 신뢰도가 높고 믿을 수 있는 사람인지를 중점적으로 본다. 이를 위해 온라인 판매, B2C를 다양하게 경험했고, 현재 운영하고 있는지를 따져본다. 아울러 여러 가지 변수에 빠르게 대응하고 인력수급이 원활한지를 살펴본다. 인프라의 경우 비용 측면(평수, 인력, 시설 등)에서 얼마나 효율적으로 운영을 잘하는지 알아본다.   중소기업에게 길잡이가 되는 것   회사를 이끌어 오시면서 가장 보람된 순간과 힘들었던 순간은 언제인가?   가장 보람된 순간은 온라인 매출이 적었던 브랜드를 매출 1위로 만들었을 때와 고객이 역시 웹뜰이라고 할때다. 그리고 웹뜰 출신의 직원들이 업계에서 중요한 역할을 하고 있을때와 회사에 애사심을 갖는 직원들이 조금씩 늘어날 때 뿌듯하다. 그리고 소기업들에게 작게나마 길잡이가 되어줄때 보람을 느낀다. 힘들었던 순간은 지속적으로 성장시킨 브랜드가 정치적인 요인으로 계약이 갑자기 종료될 때 많이 안타까웠다. 그리고 오랫동안 아끼던 직원이 퇴사할때 심정이 착잡하다.   웹뜰의 중장기적인 비전에 대해 듣고 싶다. 또 향후 목표가 무엇인지 알고 싶다.   패션 외 카테고리를 확장하는 것이다. 특정 카테고리에 한정되지 않고 다양한 좋은 상품들을 지속적으로 소싱하는게 목표라고 할 수 있다. 또 국내 뿐 아니라 해외 브랜드를 수입하고 국내 상품들을 해외에 수출해 글로벌한 기업으로 커 나가는 것도 또다른 목표다. 다른 한편으로 디자인, 아이디어, 생산력만 가지고 있는 소기업들의 고민인 유통을 해결해주고 싶기도 하다. 인재양성 측면에선, 실력있는 온라인MD를 업계에 계속 전문적으로 양성하는게 목표다. 솔직히 이 분야에 전문인재가 너무 없는 것 같다.   마지막으로 <물류와 경영> 독자들에게 인사말 한마디 부탁 한다.   유통의 절반이 물류라고 생각한다. 최근 유통이 진화하고 있는데 유통과 함께 물류가 동반 성장하길 진심으로 바란다.      원문 링크 #웹뜰 #인터뷰 #대표인터뷰 #해외브랜드 #브랜드관리 #온라인패션몰 #패션 #MD 
조회수 1414

미국 수입자 통관고유부호의 중요성

안녕하세요 대한민국 셀러들의 성공적인 아마존 진출을 도와주는 컨설팅 회사이자 대행사인 컨택틱의 이이삭 대표입니다.미국 세관의 통관 검사가 점점 더 까다로워지면서 기껏 FBA 입고를 하기 위해 보낸 화물들이 반송되는 피해 사례가 점점 더 많아지고 있습니다. 안 그래도 복잡한 아마존의 판매 여정인데, 이런 통관 부분에서까지 문제가 발생하니, 신규 셀러들은 막막할 수밖에 없다고 생각합니다.미국 수입 통관은 3가지 종류가 있다고 볼 수 있습니다: 목록통관/약식통관/정식통관. 목록통관은 $800 미만의 commercial value인 선물이나 샘플 목적으로 보내는 통관 방식이며, 1박스에 한해서 면세로 통관됩니다. 약식 통관은 $800 ~ $2000 commercial value인 상업적인 목적으로 보내는 화물에 대한 통관 방식이며, 박스 수량과 무관하게 과세로 통관됩니다. 약식 통관의 경우 정식 통관과는 다르게 미국 내 수입자는 없더라도, 관세만 성실납부하면 통관에는 문제가 없습니다. 마지막으로 정식 통관은 $2000 이상의 commercial value인 상업적인 목적으로 보내는 화물에 대한 통관 방식이며, 박스 수량과 무관하게 과세로 통관됩니다. 정식 통관의 경우 반드시 미국 내 수입자가 있어야 하며, 관세만 성실납부하면 통관에는 문제가 없습니다.지금까지 많은 분들이 분명히 상업적인 목적의 화물인 FBA 입고분에 대해서도 $800 미만으로 undervalue 하여 선물이나 샘플 목적으로 위장하여 면세 통관 혜택을 누렸습니다. 하지만 이제 미국 세관에서도 이것을 그냥 넘기지 않습니다. 아직도 이게 통하는 줄 알고 보내는 분들의 화물이 반송되면서 수많은 피해 사례가 발생하고 있습니다. 제가 분명히 말씀드리지만, 차라리 관세를 조금 내는 한이 있더라도, 수입자 지정 후 정식 통관을 하여 화물이 문제없이 통관 되도록 조치를 취할 것을 권장합니다.컨택틱에서는 여러분들이 여러분의 화물에 대하여 미국 내 수입자가 될 수 있도록 미국 수입자 통관고유부호 서비스를 제공하고 있습니다. 필요하신 분은 컨택틱 홈페이지를 통해 전화 문의해주시기 바랍니다.그렇다면 정말로 미국 수입자 통관고유부호를 사용해서 화물을 보내면 문제없이 통관이 되는 게 의심스러울 수 있으니, 제가 직접 가장 최근의 실제 사례 두 가지를 보여드리고자 합니다:사례 1) Commercial Invoice Value가 총 $3,000 가량 되는 총 3박스의 화물위 스크린샷에서 보시다시피 통관 지연이 되는 것은 최근 미국 세관의 강화된 감시 때문에 어쩔 수 없으나, 결국 3개 박스 모두 다 통관이 완료되었습니다.사례 2) Commercial Invoice Value가 총 $29,400 가량 되는 총 10박스의 화물모든 화물들의 전체 목록은 생략했습니다. 결론은, 이 화물의 경우 10박스 전부 한 번에 통관 지연 일체 없이 통관이 완료됐습니다.이렇듯이, 미국 수입자 통관고유부호는 FBA 판매자들에게는 필수적인 요소이며, 나중에 직접 화물 반송이라는 사건으로 한 번 데이고 나서 신청하지 마시고 지금 미리미리 준비하시길 바랍니다.그럼 오늘도 즐거운 글로벌 셀링 되세요!감사합니다.컨택틱  서울특별시 강남구 강남대로 62길 11, 8층 (역삼동, 유타워)   대표 전화: 02-538-3939   이메일: support@kontactic.com   홈페이지: https://www.kontactic.com 네이버 블로그: https://blog.naver.com/kontactic  카카오 브런치: https://brunch.co.kr/@allaboutamazon 
조회수 1320

Humans of TODAIT : 안드로이드 천재 개발자 김범준을 만나다

‘Humans of TODAIT’의 네번째 주인공, 투데잇 안드로이드 개발자 김범준씨를 만나보았습니다. 투데잇의 천재 개발자로 불리는 그의 이야기를 함께 들어볼까요?(2017.08)Q. 자기소개 부탁드려요.안녕하세요! 투데잇에서 까칠남을 맡고 있는 안드로이드 개발자 김범준입니다. 퇴사자 인터뷰를 하게 되니, 정들었던 팀원분들과 헤어질 생각에 아쉽고 싱숭생숭하네요. (웃음) 작년 초 쯤 ‘SW 마에스트로’ 프로그램에서 만난 멘토님께서 제게 투데잇 안드로이드 개발자 자리를 추천해주신 덕분에 이렇게 투데잇과 인연이 닿게 되었어요. 사실 처음에는 큰 생각이 없었는데, 대표님과 팀장님을 만나보니 저와 코드도 잘 맞고 개발 쪽으로도 많이 배워볼 수 있을 것 같아서 그 날 바로 입사 결정을 내렸고, 지금은 퇴사를 앞두고 있네요.Q. 그렇게 좋은 투데잇을 떠나는 이유는 무엇인가요?원래 병특을 가야 했어요. 제가 군대를 아직 안 갔기 때문에, 군대 문제를 해결 해야 더 많은 기회도 생기고 지금 가지고 있는 마음의 짐 같은 것도 덜 수 있거든요. 아쉽게도 투데잇이 병특 산업기능요원지정업체가 아니어서 군대 문제를 해결하기 위해서는 퇴사할 수 밖에 없는 상황이에요. 사실 원래부터 군대 문제 때문에 잠시 동안만 일하기로 했던건데, 회사생활이 너무 만족스럽고 일이 즐거워서 계속 미루다가 이제서야 결정을 내렸네요. 지금도 많이 아쉬워요. 투데잇만한 회사 없거든요.Q. 팀 내에서 평소 자기계발을 많이 하는 것으로 유명한데, 혹시 자기계발 노하우가 있나요?사실 공부는 진짜 하는 것보다 시작하는 것이 어렵잖아요. 그래서 저는 일부러 저한테 강제성을 주는 편이에요. 매주 하는 동아리 활동이라든지 발표 기회를 만든다든지 관련 세미나를 참여한다든지 그런 일정이 생기면 자연스럽게 하게 되더라고요. 하면 또 잘하고 싶은 게 사람 마음이니까 자꾸 강제적으로 그런 기회를 만들죠.그리고 저는 일상에서 배울 수 있는 기회를 얻으려고 해요. 일하다가 힘들거나 머리가 잘 안 돌아갈 때 저장해둔 아티클을 보곤 하죠. 또 술마실 때도 같은 직업군의 친구들을 만나면 그런 얘기를 많이 하잖아요. 너 이거 시도해봤냐 어땠냐 이건 어떻게 하는거냐 같은 이야기요. 제가 주위 사람들에게 자극을 많이 받거든요. 책상 앞에 앉아서 하는 공부보다는 일상적 시간을 활용하고 뭔가를 준비하기 위한 공부의 자기계발을 하는 것 같아요.Q. 지난 1년을 돌아보는 의미에서, 개발자로서의 좌우명이나 철학이 있을까요?저는 어떤 일을 하든 명확한 근거가 있어야 한다고 생각해요. 커뮤니케이션에서도 그렇고 개발에 있어도 마찬가지예요. 내가 하는 일에 대한 충분한 이유가 있어야 하고 그게 코드에 녹아 있어야 해요.예를 들면, 같은 풍경을 보고 글을 쓸 때도 여러 방법이 있잖아요. 사람마다 글 쓰는 방법이 다르고. 그 방법을 선택한 데엔 저마다 이유가 있어요. 코드도 마찬가지예요. 어떤 기능을 개발할 때 그 기능을 구현할 수 있는 여러 방법이 있는데, 개발자라면 내가 만든 코드에 대해 내가 왜 이렇게 짰는지 다른 사람에게 자신 있게 말할 수 있는 개발자가 되어야 한다고 생각해요.저는 힙한 개발자가 되고 싶어요. 그러니까 최신 트렌드에 민감하고, 새로운 것에 도전하고 두려워 하지 않는 그런 개발자요. (웃음)Q. 힙한 개발자 멋지네요. 그렇다면 10년 후에는 무엇을 하고 싶은지 궁금한데요?제 꿈은 그냥 행복하게 사는거예요. (하하) 추상적인 이야기 같겠지만, 행복하게 살기 위해선 많은 것들이 필요하잖아요? 우리가 말하는 이상적인 행복이란 것은 돈, 인간관계, 사회적 직위, 건강과 같은 모든 박자가 잘 맞아 떨어졌을 때 이루어지는 행복이거든요. 그래서 저는 행복하기 위해서는 끊임없이 노력해야 한다고 생각해요. 장차 10년 후에 제가 뭘 하고 있을지는 모르지만, 지금 현재의 상황에서 제가 할 수 있는 최선의 선택을 하면서 열심히 단계적으로 이루어나가면, 10년 후에도 충분히 행복할 것 같아요. 저는 지금 행복하거든요. (웃음)Q. 일하다 보면 해결하기 힘든 난제를 만날 때가 있을 것 같은데, 그럴 땐 어떻게 극복하나요?내가 스트레스를 많이 받고 있다는 걸 깨달으면, 그냥 최대한 스트레스 받지 않으려고 해요. 그냥 뭐 하면 되지 라는 생각이죠. 하면 되지 하면서 하다보면 결국 되는 것 같아요. 어차피 해야 될 일인데, 스트레스 받으면서 하기 보다는 그냥 아무 생각 없이 열심히 하는 게 나으니까요. 만약에 제가 몰라서 못하고 있는 일이면 여러 사람들에게 물어보려고 하면서 어떻게든 해결하려고 하고요.Q. 그렇다면 투데잇에서 가장 만족스러운 결과물은 무엇인가요? 개인적으로 뿌듯하다거나 실제 반응이 좋았다거나 그런 것들이요!‘스탑워치’ 기능이 두 개 다 포함돼요. 이전 개발자가 스파게티 코드(엉망진창의 코드)로 만들어 놓았던 것이 있는데 그 코드를 제가 깔끔하게 다 수정했고, 계속 유저분들이 요청해주셨던 시간 잠금, 극강의 잠금 모드 같은 기능들을 추가해서 코드를 예쁘게 잘 만들어놓았거든요. 일단 제가 기발한 기능과 함께 코드를 예쁘게 잘 만들어냈다는 점에서 스스로도 만족을 했었고, 유저분들도 팀원분들도 좋은 피드백을 해주셔서 굉장히 좋았습니다.Q. 지금 이 글을 보고 계시는 스탑워치 기능 애용 유저분들께 한마디 해주세요!우선 잘 사용해주셔서 감사해요! 제가 만든 기능을 이용해 공부하시는 걸 보면, 저도 정말 큰 자부심을 느끼거든요. :) 다만, 아직 스탑워치 기능에 문제가 조금 있는 거로 알고 있어요. 약간 불편하더라도 이왕이면 둥글게 좋게 별 5점으로 리뷰 주시면! 저희와 의사소통하면서 함께 좋은 서비스 만들어 나갈 수 있을 것 같아요. 안 보는 것 같지만 투데잇 개발자 전체가 매일 열심히 읽고 있거든요. 정말 리뷰 하나에 울고 리뷰 하나에 웃습니다. 저희 투데잇 지금까지 사랑해주셨지만, 앞으로도 계속 사랑해주시면 감사하겠습니다. :)Q. 반대로 투데잇 안드로이드 개발에 있어 아쉬운 부분도 있을 것 같아요. 나 이거 진짜 욕심났다! 혹시 있을까요?음.. 저는 옛날에 있던 아키텍처를 일단 전부 바꾸고 싶어요. 최근에 꽂힌 아키텍쳐가 있는데, 그 아키텍쳐에 맞게 코드를 다 변경해보고 싶다는 욕심이 있거든요. 근데 그 아키텍쳐 특성상 현재 코드에서는 완전히 대대적인 수정이 들어가야되는데, 제가 남은 시간이 얼마 없어서 많이 수정을 못했죠. 우리가 좀 더 많은 시간이 있고 여유가 있었더라면 더 바꿔볼 수 있었을텐데 그런 부분들을 못한 게 조금 아쉬워요.“투데잇의 힘은 서로에 대한 믿음인 것 같아요”Q. 범준님에게 투데잇이란? 투데잇 팀의 힘이 무엇이라고 생각하시나요?무엇보다 투데잇의 힘은 서로에 대한 믿음인 것 같아요. 커뮤니케이션이 잘 되려면 그 사람에 대한 믿음이 있어야 되잖아요. 근데 저흰 그게 되게 잘 되고 있다고 생각되거든요. 업무적으로 제 이야기를 자신있게 할 수 있었던 이유도 이 사람들은 전부 다 각자 일을 열심히 하고 책임을 지려는 사람, 멋있는 사람이라는 걸 알고 있었기 때문에 가능했거든요. 다들 맡은 바에 있어서 최선을 다하고 정말 열심히해요. 그 분위기가 서로에 대한 믿음을 만들고 우리의 원동력을 만들죠. 확실히 저희 팀은 일단은 진짜 서로에 대한 믿음이 강하다? 업무적 믿음이 강하다? 그런 게 있는 것 같아요.Q. 투데잇에서 가장 고마웠던 사람은 누구였나요?솔직히 다 고마운데, 저는 대표님께 가장 감사했어요. 이번에도 혼자 고민하다가 힘들게 퇴사 의사를 밝혔는데, 대표님께서 그건 당연한 거라고 이야기해주시더라고요. 저는 투데잇 팀이 참 좋은 게 어떤 이야기를 했을 때 명확한 근거가 있다면 그 후에 뒤끝이 하나도 없어요. 이번 일도 그렇고 일적으로 이야기 할 때도 그렇고, 이유가 확실하면 OK하고 쿨하게 가곤 하셨거든요. 다 업무적 믿음이 있기 때문이라고 생각해요 저는. 여러모로 저를 많이 믿어주신 대표님한테 제일 감사하죠. 대표님 에너지도 너무 좋고 카리스마도 본받고 싶고 제가 되게 좋아하는 분이에요.Q. 범준님의 다음 타자가 될! 투데잇에 입사하고 싶은, 입사할 분들에게 한 마디 부탁드려요!“팀원 하나하나가 굉장히 중요한 역할을 하고 있는 사람들이어서 그만큼 책임감이 있지만, 그만큼의 자율성도 있는 회사에요”굉장히 좋은 팀이에요. 일적에서는 절대 스트레스 주는 일이 없고요. 뭔가 일이 밀리거나 못하는 거에 있어서는 스트레스가 있을 수도 있어요. 팀원 하나하나가 굉장히 중요한 역할을 하고 있는 사람들이어서 그만큼 책임감이 있지만, 그만큼의 자율성도 있는 회사에요. 노력하는 그대로의 모습을 사람들에게 보여줄 수 있고 인정 받을 수 있기 때문에 흔히 말하는 꼰대 문화가 싫으신 분들은 투데잇에서 행복하게 일할 수 있을 거예요. 업무적으로나 환경적으로나 대우도 근무 환경도 굉장히 좋으니까 관심 있으신 분이면, 특히 안드로이드 개발자 분이면 지금 바로 들어오실 수 있을 것 같아요. 유저한테 피드백도 받을 수 있고 개인적으로 리스펙하는 멋진 CTO분도 계시고, 개발자로서 특히 굉장히 좋은 곳입니다. 주저 마세요!#투데잇 #팀원소개 #팀원인터뷰 #팀원자랑 #기업문화 #조직문화
조회수 1955

CSS animation으로 프로토타이핑하기

들어가며Framer, Flinto, Origami, Invision. 많은 프로토타이핑 도구가 존재합니다. 디자인에 활력을 불어넣고 개발팀과의 커뮤니케이션을 위해 필수라고 하는 프로토타이핑. 어떻게 하기는 해야겠는 데 어려운 도구나 코드르 공부하기엔 시간이 없고, 막상 열심히 공부하면 새로운 버전이 나오고, 더 좋은 도구가 나오고. 이런 경험을 많이 하셨을 겁니다. 프로토타이핑 도구로 멋지고 완결된 시나리오를 가진 결과물을 만들 수도 있습니다. 하지만 우리에게 당장 필요한 것은 지금 당장 떠오르는 아이디어를 보여줄 수 있는 아이콘의 간단한 모션, 쓱 움직이는 화면 전환 같은 것이 아닐까요? 오늘 배워서 바로 쓸 수 있는 CSS animation으로 하는 간단한 프로토타이핑 방법을 소개합니다.https://codepen.io/yunkimoon/embed/preview/BZEYgY?default-tabs=css,result&embed-version=2&height=600&host=https://codepen.io&referrer=https://blog.stibee.com/media/c7c8adfdea76b3b98829ecce41fee7d7?postId=e5bb1630afb5&slug-hash=BZEYgY<iframe data-width="800" data-height="600" width="700" height="525" data-src="/media/c7c8adfdea76b3b98829ecce41fee7d7?postId=e5bb1630afb5" data-media-id="c7c8adfdea76b3b98829ecce41fee7d7" data-thumbnail="https://i.embed.ly/1/image?url=https://s3-us-west-2.amazonaws.com/i.cdpn.io/1370087.BZEYgY.small.f06b1cb1-09d2-4285-b8b5-eb8f5b9cea7a.png&key=a19fcc184b9711e1b4764040d3dc5c07" class="progressiveMedia-iframe js-progressiveMedia-iframe" allowfullscreen="" frameborder="0" src="https://blog.stibee.com/media/c7c8adfdea76b3b98829ecce41fee7d7?postId=e5bb1630afb5" style="display: block; position: absolute; margin: auto; max-width: 100%; box-sizing: border-box; transform: translateZ(0px); top: 0px; left: 0px; width: 700px; height: 525px;">어디서, playground코딩을 공부하려면 텍스트 에디터도 설치해야 하고, 각종 패키지도 설치해야 합니다. 또한, 결과물이 담길 파일도 생성해야 하고, 여러 파일이 연결되니까 폴더 구조도 고민해야 하죠. 이런 고민을 하다 보면 시작조차 하기 싫어집니다. 그래서 브라우저에서 바로 작성하고 확인하고 공유할 수 있는 온라인 코딩 플레이 그라운드가 있습니다. 대표적으로 jsbin과 codepen이 있습니다. 그냥 해당 서비스에서 가서 각 섹션(html 또는 css)에 맞게 코드를 입력하기만 하면 됩니다. 우리는 html과 css섹션만 사용할 예정입니다. js와 같은 다른 섹션은 최소화(minimize)해주세요.codepen.io어떻게 시작할까html에 내용을 담고, css에 디자인(스타일)을 담을 겁니다. 당장 직접 작성하기는 어려우니 예제(https://codepen.io/yunkimoon/pen/BZEYgY)의 html과 css코드를 그대로 복사합니다. 코드의 주석(회색글씨)을 확인해 봅니다. 요약하면 아래와 같습니다.가장 바깥의 파란 배경 상자이미지와 그걸 담고 있는 상자파란 배경 상자에 hover(마우스 오버 이벤트)를 하면,left 포지션을 2%에서 80%로 변경여기서 중요한 건 .box상자에 설정된 transition이라는 속성입니다. transition은 딱딱한 움직임을 부드럽게 해줍니다. 여기서는 position left를 2%에서 80%로 부드럽게 바꿔주었습니다. 위치뿐만 아니라 색상(color, background), 크기(width, height)도 자연스럽게 바꿔주는 속성입니다. “all 3s”라는 값을 가지고 있는데 “모든 변경사항에 대해 3초 동안 움직여라”라는 의미입니다.꼭 알아야할 3가지css 애니메이션의 맛을 잠깐 보았습니다. transition을 통해 부드러운 움직임을 줄 수 있습니다. 하지만 더 복잡하고 멋진 움직임을 위해서는 많은 속성들을 이해하고 응용할 수 있어야 합니다. 하지만 모든 속성을 다 알아볼 수는 없으므로 가장 중요한 3가지를 알아보도록 하겠습니다. 미리 살펴본 transition과 transform, keyframe(s) 입니다.1. transition위에서 살펴본 것처럼 대상의 위치, 크기, 색상 등에 부드러운 움직임을 줍니다.2. transform대상의 위치, 크기, 방향 등을 상대적으로 변경합니다. 예제를 통해 알아보겠습니다.<iframe data-width="800" data-height="600" width="700" height="525" data-src="/media/43617ca3eab01b6f86f50b25a362c5a1?postId=e5bb1630afb5" data-media-id="43617ca3eab01b6f86f50b25a362c5a1" data-thumbnail="https://i.embed.ly/1/image?url=https://s3-us-west-2.amazonaws.com/i.cdpn.io/1370087.BZErpP.small.5ebe332d-41b1-4a16-8253-6e2df7b347d0.png&key=a19fcc184b9711e1b4764040d3dc5c07" class="progressiveMedia-iframe js-progressiveMedia-iframe" allowfullscreen="" frameborder="0" src="https://blog.stibee.com/media/43617ca3eab01b6f86f50b25a362c5a1?postId=e5bb1630afb5" style="display: block; position: absolute; margin: auto; max-width: 100%; box-sizing: border-box; transform: translateZ(0px); top: 0px; left: 0px; width: 700px; height: 525px;">2.1. rotate대상에 각도 값을 설정합니다. 즉, 주어진 값만큼 회전합니다. 첫 번째 예제와 조금 다른 부분은 :hover { }에 작성된 내용입니다. transform:rotate(360deg)에서 rotate는 회전을 뜻하고, 360deg는 각도입니다. 즉, 360도(한 바퀴)만큼 회전하라는 의미입니다. 미리 transition이 걸려있었기 때문에 부드럽게 회전하는 모습을 볼 수 있습니다.2.2. translate대상의 이동 값을 설정합니다. 주어진 값만큼 이동합니다. 값은 좌푯값으로 x축, y축 값을 나눠서 줍니다. transform: translate(100px, 100px)에서 translate는 이동을 뜻하고, 이후에 나오는 값은 순서대로 x축의 이동값, y축의 이동 값입니다. 그런데 y축 이동 값이면 위로 올라가야 할 것 같은데, 그림은 아래로 이동합니다. 그 이유는 스크린에서 좌측 위가 기준점이기 때문입니다.2.3. scale대상의 크기를 설정합니다. 즉, 주어진 값만큼 늘어나거나 줄어듭니다. 값은 가로 값, 세로 값을 차례로 줍니다. transform:scale(1.5, 2)에서 scale은 크기를 뜻하고, 1.5와 2는 각각 가로값, 세로값을 뜻합니다. 가로는 1.5배가 늘어나고 세로는 2배가 늘어납니다. 그래서 그림은 세로로 긴 비율로 보입니다.이제 우리는 css만으로 대상의 위치, 크기, 회전 애니메이션을 줄 수 있습니다 :)3. keyframes마우스 오버 액션에 대한 애니메이션을 보아왔습니다. 이렇게 사용자의 특정 반응(마우스 오버)이 없어도 자동으로 움직이도록 할 수는 없을까요? 앞의 두 예제보다 조금 복잡하지만 keyframes를 사용하면 가능합니다. keyframes는 미리 움직임을 지정해두고, 대상에 해당 애니메이션의 속성을 부여하는 방식으로 작성됩니다. 예제를 확인해 보겠습니다.<iframe data-width="800" data-height="600" width="700" height="525" data-src="/media/fc6ef62f3a79def6442479e60dcba75d?postId=e5bb1630afb5" data-media-id="fc6ef62f3a79def6442479e60dcba75d" data-thumbnail="https://i.embed.ly/1/image?url=https://s3-us-west-2.amazonaws.com/i.cdpn.io/1370087.vZMRdd.small.22bea369-dda5-4454-9f16-f5ad68f9b292.png&key=a19fcc184b9711e1b4764040d3dc5c07" class="progressiveMedia-iframe js-progressiveMedia-iframe" allowfullscreen="" frameborder="0" src="https://blog.stibee.com/media/fc6ef62f3a79def6442479e60dcba75d?postId=e5bb1630afb5" style="display: block; position: absolute; margin: auto; max-width: 100%; box-sizing: border-box; transform: translateZ(0px); top: 0px; left: 0px; width: 700px; height: 525px;">3.1. spin앞서 살펴 본 transform의 rotate를 미리 애니메이션을 만들어 놓고 대상에 animation이라는 속성을 설정했습니다.@keyframes spin 처름 spin이라는 애니메이션을 설정합니다. 그 안에는 from과 to가 있는데 각각 시작과 끝을 뜻합니다. 즉, 시작할 때는 회전이 0(rotate(0deg))이고 끝날 때는 회전이 360도(rotate(360deg))입니다.대상과 keyframes를 연결할 때는 대상에 animation: spin 8s infinite linear;와같이 애니메이션 속성을 줍니다. spin은 keyframes의 이름, 8s는 8초 동안, infinite는 무한 반복을 뜻합니다. 여기서 linear는 easing을 나타내는데, 우선은 조금 딱딱한 애니메이션이라고 해둡시다.3.2. leftAndRighttransform의 translate를 활용해서 우측으로 이동했다 돌아오는 애니메이션을 반복시키는 예제입니다. from과 to대신 조금 상세한 타임라인을 가지고 있습니다. 0%, 50%, 100%는 타임라인을 구성하는 속성들로 전체 애니메이션 시간 동안 해당하는 타이밍에 맞게 속성이 변경됩니다. 역시 infinite 속성이 있어 계속 반복되고 있습니다. 그리고 마지막에 linear대신 ease라는 속성을 넣어서 조금 부드러운 움직임 표현했습니다.3.3. hideAndShow앞서 다루지 않은 opacity(투명도)를 활용했습니다. 1이 100%이고 0은 보이지 않는 상태입니다. 1 → 0 → 1을 반복하며 보였다 안 보였다 하는 애니메이션을 보여줍니다.이제 우리는 css만으로 대상의 위치, 크기, 회전 애니메이션 반복적으로 사용할 수 있게 되었습니다. 그리고 무한 반복 애니메이션도 만들 수 있습니다.마무리 예제<iframe data-width="800" data-height="600" width="700" height="525" data-src="/media/f95d4317209e7a3488242568bbdcd5a3?postId=e5bb1630afb5" data-media-id="f95d4317209e7a3488242568bbdcd5a3" data-thumbnail="https://i.embed.ly/1/image?url=https://s3-us-west-2.amazonaws.com/i.cdpn.io/1370087.OgeMEY.small.ab075079-b3bb-443e-a11e-d707c5a6a198.png&key=a19fcc184b9711e1b4764040d3dc5c07" class="progressiveMedia-iframe js-progressiveMedia-iframe" allowfullscreen="" frameborder="0" src="https://blog.stibee.com/media/f95d4317209e7a3488242568bbdcd5a3?postId=e5bb1630afb5" style="display: block; position: absolute; margin: auto; max-width: 100%; box-sizing: border-box; transform: translateZ(0px); top: 0px; left: 0px; width: 700px; height: 525px;">앞서 살펴본 예제들을 활용한 마무리 예제를 만들어 보았습니다. 앞서 공부한 내용을 바탕으로 소스를 분석해 보시기 바랍니다. 각 버튼에는 transiton으로 부드러운 hover 전환 효과를 주었고, 녹색의 메시지는 keyframes를 주어 상하로 계속 움직이도록 했습니다. frame에 마우스가 올라가면 메시지는 프레임 바깥으로 밀려나고 사용자 메뉴가 프레임 안으로 이동하도록 했습니다. 메뉴는 하위 메뉴가 펼쳐지는 인터렉션을 가지고 있습니다.마치며전문 프로토타이핑 도구보다 결과물이 투박하고, 지금 당장 만들 수 있는 장면도 제한적입니다. 자바스크립트 같은 동적 언어가 들어가 있지 않아 표현할 수 있는 화면도 많지 않습니다. 기본적으로 제공되는 템플릿이나 자원이 없으므로 하나하나 html로 코딩하거나 공개 소스를 넣어가면서 만들어야 하는 수고로움도 존재합니다.하지만 실행만 해도 막막한 도구들을 바라보며 “언제 한 번 해보나”하는 생각을 할 시간에 간단히 익혀 한 번이라도 써먹을 수 있다면 그 자체로 의미가 있지 않을까요? 물론 탄탄한 시나리오와 설계를 가지고, 제대로 만든다면 전문 프로토타이핑 도구보다 절대 뒤쳐지지 않을 것입니다. 그리고 우리가 만든 코드들은 커뮤니케이션을 위한 전달용이 아니고 실제로 쓰일 수도 있는 코드라는 점에서도 의미가 있습니다. 간단한 프로토타이핑이라도 지금 시작해 보면 어떨까요?참고https://www.w3schools.com/css/css3_animations.aspttps://www.w3schools.com/css/css3_transitions.asphttps://www.w3schools.com/css/css3_2dtransforms.asphttp://report.stibee.com/2017 by 조은지 디자이너#슬로워크 #스티비 #CSS #퍼블리셔 #개발 #디자인 #인사이트 #꿀팁 #조언
조회수 1052

말 잘하는 공대생 되는 법

 남고를 나와서 공대, 군대를 거쳐 결국 엔지니어라는 진로를 택한 저는 정말 말을 못 합니다. 그리고 비슷한 과정을 밟아온 제 친구들도 그렇고 저와 함께 일하는 동료 엔지니어 분들도 마찬가지입니다. 회의를 할 때마다 느끼는 점은 엔지니어들은 말이 별로 없어요. 그리고 한 번 말을 하게 되면 말도 안 되는 말을 지껄이다가 무자비하게 까여요. 그리고 집에 와서 이불 킥을 하며 "아, 원래 이런 말을 해서 이렇게 전개되었어야 하는데."라고 중얼대다가 잠들죠. 그리고 이런 상황이 반복되다 보면 결국 말없는 공대생이 되고 맙니다. 저도 공대생으로서, 엔지니어로서, 여러분의 고충을 천 번 만 번 공감하고 저의 경험에 비춘 실질적인 방법들을 아래 제시해 보았습니다.말하는 태도1. 한 박자 쉬기 말 못 하는 공대생의 특성상 미리 생각했던 말, 준비했던 말을 모두 온전하게 전달하려고 애를 쓰게 되는데요. 그러다 보면 쉬는 틈 없이 말을 다다다 하게 되는 것이 사실입니다. 상대방의 이해보다는 내가 하고 싶은 말을 다 해야 한다라는 것에 포커스를 맞추게 되지요. 이럴 때는 한 박자 쉬는 것이 좋습니다. 상대방에게 휴식 시간을 줄뿐더러 나에게도 앞으로 어떻게 말해야 좋을지 생각할 수 있는 시간이 될 수 있기 때문입니다. 또한 한숨 돌리면서 천천히 목소리를 한 톤 낮춰서 설명하면 더욱 설득력이 높아집니다. 흥분으로 높아진 목소리와 빠른 말투는 상대방에게 안 좋은 인식을 줄 수 있고 분위기에 긴장감을 조성할 수 있습니다. 만약 조금 오래 생각해야 할 필요가 있다면 정중하게 "잠깐만요, 생각 좀 해볼게요"라고 양해를 구하고 어떻게 문제를 해결하고 설명해야 할지 시간을 갖는 것도 좋은 방법입니다. 이런 이야기를 한다고 해서 상대방은 절대 여러분을 무시하지 않을 것이며 더욱 신중하게 일을 처리하는 사람으로 생각할 가능성이 높아집니다.2. 웃으면서 이야기한다 여러분과 이야기하는 상대방은 여러분을 평가하는 사람이 아닙니다. 그들은 우리의 적이 아니라 친구이며 여러분의 팀원, 가족, 친구라고 생각해보세요. 상대방이 이해를 못하더라도 기분 나빠하거나 무시하지 말고 웃으면서 설명해주세요. 더욱 분위기가 좋아지고 여러분은 이야기하는 것이 즐거워질 거예요. 3. 저격하지 않는다 절대! 상대방을 저격하는 말을 하지 않습니다. 상대방도 바보가 아닌 이상 여러분이 자신을 향해 그런 말을 한다는 것을 알아차릴 가능성이 높습니다. 저격당한 상대방은 여러분에게 적개심을 가지게 되고 이야기는 잘 풀리지 않을 가능성이 높아져요. 특히 여러 명이 있는 자리에서는 더욱더 기분 나빠할 거예요. 또한 그 상대방과의 이야기를 나눌 다음 자리에서도 상대방은 이미 저격을 한번 당했기 때문에 여러분에게 호의적이지 않을 거예요.4. 상대방이 먼저 말하게 한다 어떤 질문이 들어왔을 때 구체적인 생각이 없거나 전략적으로 판단해야 한다면 곧장 내 의견을 말하기보다는 상대방의 의견을 먼저 물어보고 그 사이에 생각할 시간을 갖는 것도 방법입니다. 상대방이 "이건 어떤가요?"라고 물어보았을 때 (이미 답을 알고 있더라도), "흠, 글쎄요. 당신은 어떻게 생각하시나요?"라고 역으로 물어보며 상대방의 의중을 파악하고 생각할 시간을 가지세요.5. 콘텐츠가 중요하다 간혹, 원래 말을 못 하는 성격이라 또는 말할 때 더듬는 버릇이 있어서 말하기를 꺼려하시는 분들이 종종 있습니다. 그런 분들은 자신의 말하는 모습 때문에 마이너스가 될 거라고 생각하는 경향이 있습니다. 그러나 말할 때 중요한 것은 겉모습보다 내용입니다. 사람들은 내용에 집중하지 여러분의 말하는 모습에 집중하는 것이 아니거든요. 좋은 아이디어가 있다면 용기 있게 먼저 말을 꺼내보세요. 상대방은 들을 준비가 되어있고 여러분의 겉모습보다는 여러분의 훌륭한 아이디어에 공감할 테니까요화술1. 절대 A가 아니다 > A보다 B가 더 좋은 것 같다 공대생들의 특징 중 하나로 절대, 반드시라는 말을 자주 쓰는 경향이 있습니다. 자신의 의견을 확고히 하려는 어떤 무의식의 하나로 생각되는데요. "절대"라는 말은 이야기를 하는 데 있어서는 너무 강하고 안 좋은 말입니다. 상대방에게 부정적으로 느끼게 할 수 있으며 아니라고 말을 들은 이후에 "그래서 뭐 어쩌자고"라는 식으로 생각할 수도 있으니까요. 강한 부정보다는 A보다 B가 더 좋다는 식의 해결책을 제시하면서 이야기를 이끌어나가는 면이 더 좋습니다. 여기에 근거를 덧붙이면 더 좋고요. 이것의 응용 버전으로는 "A보다 B가 상대적으로 더 ~하다"라는 방법이 있습니다. 절대적보다는 상대적이라는 단어를 써서 서로 생각하는 정도의 차이를 좁혀나가는 편이 좋습니다.2. ~이 맞다 > 나는 ~라고 생각한다. 왜냐하면 ~이기 때문이다 1번과 같은 맥락에서 강한 표현보다는, 이 의견은 자신의 생각이라는 점을 부각하는 방법입니다. "이게 맞으니까 그냥 따라와" 보다는 "이렇게 하면 이런 것들이 좋으니 이렇게 하는 게 좋겠다고 생각해"라고 얘기하는 편이 듣는 사람도 좋겠죠. 또한 이 방법은 혹시나 내가 틀릴 경우에 대비해서 가장 좋은 도피처(?)가 될 수도 있답니다.3. 이건 안됩니다 > 이 방법은 힘들 것 같네요 특히 영업하시는 분들과 개발하시는 분들 사이에 많이 오고 가는 대화일 것 같아요. "고객이 이렇게 해달래요"라고 영업맨이 이야기합니다. 그러면 개발자는 "이거 안되는데요"라고 대답하지요. 그러면 뒤에 가서 서로에 대해 이렇게들 얘기합니다. "아니, 뭐 맨날 안된대", "저게 그냥 되는 줄 아나 봐" 안된다는 강한 부정은 듣는 사람도 언짢습니다. 그보다는 "그거요? 지금 어떤 이슈가 있는데 그것 때문에 조금 힘들 것 같아요"라고 얘기해보는 건 어떨까요?4. 당신의 말도 맞지만 이 방법도 있습니다. 한 번 들어보시겠어요? 상대방이 틀린 말을 했다고 했을 때, 또는 여러분이 틀린 말을 다른 사람에게 했을 때, 틀린 말을 한 사람 입장에서 가장 당혹스러운 순간은 말한 자신이 틀린 것을 증명받는 순간입니다. 그래서 자신의 의견이나 주장이 틀렸을 때 굉장히 당황하며, 어떤 경우에서는 오히려 화를 내게 되는 경우도 있죠. 상대방은 바보가 아닙니다. 그 사람도 여러분으로부터 더 좋은, 더 맞는 의견을 들었을 때 여러분의 의견이 더 좋다는 것을 깨달을 것입니다. 그렇지만 그 상황에서 "거봐, 내 말이 맞잖아"라는 식으로 나오면 상대방은 더욱 인정하기 싫어지겠지요. 틀린 말을 한 상대방을 친구라고 생각해봅시다. 그리고 이렇게 말해봐요. "당신의 말도 맞지만 이런 방법도 있는데 한번 들어보실래요?" 라구요. 상대방은 기꺼이 당신의 말을 들으려고 할 것입니다. 그리고 상대방에게 틀렸다고 납득시키지 말고 선택권을 주세요.5. 당신이 몰라서 하는 말입니다 > 겉으로 보기엔 그렇게 생각할 수도 있지만 사실 잘 살펴보면 이렇습니다 4번과 같은 맥락에서 상대방이 틀린 의견을 말했을 때 대처하는 방법입니다. 상대방의 무지를 탓하기보다는 알려주는 방향으로, "이걸 어떻게 모르지?" 보다는 "아직 모르니까 이렇게 말하는 거겠지"라고 알려주는 방향으로 이야기해보면 더 즐겁게 이야기할 수 있을 거예요. 다음에 여러분이 모르는 것이 생겼을 때 그 사람이 친절하게 알려준다면 더욱 감사하겠지요. 사실 위에서 말한 방법들은 대부분 말을 잘하는 화술에 대한 것보다는 사람을 내 친구처럼 생각하고 살갑게 대하는 방법과도 같습니다. 왜 친구들이랑은 말이 잘 통하는데 회사 선임과는 말이 안 통할까요? 회사 선임은 친구가 한 명도 없어서 일까요? 이미 깨달으신 분들도 계시겠지만, 먼저 상대방에게 마음을 열고 실수를 용서할 수 있는 사람은 상대방의 마음을 열 수 있고 서로 오해가 생기지 않도록 얘기할 수 있어요. 그 사람이 실제로 답답해서가 아니라 내가 이미 그 사람을 나쁜 사람으로, 답답한 사람으로 생각하고 있기 때문에 트러블이 발생하는 경우가 많죠. 대화하는 상대방을 친구로 생각하고 먼저 마음을 여는 사람은 그 사람의 호감을 자동적으로 얻을 수 있으며 대화를 잘 하게 된다는 점을 기억하세요. 그리고 상대방의 말에 귀 기울이는 습관을 가지세요. 자, 당신이 생각하는 말 잘하는 방법은 무엇인가요?#비주얼캠프 #인사이트 #경험공유 #조언 #개발자 #개발팀 #꿀팁
조회수 792

회사에서 말 잘하는 프로또박이 되기

말이 많은 것과 말을 잘하는 것은 엄연히 다릅니다. 가끔 회사에는 프로또박이들이 한 분씩 계십니다. 그리 길게 말하는 것 같지도 않은데 뇌리에 타카를 쏜 것 마냥 상큼하게 메시지를 박아주시는 분들이죠. 깔끔하고 명료한데다가 뭔가 안경선배같은 아우라까지 풍기는 터라 선망의 대상이 되기도 합니다. 물론 말이라는 게 항상 또박또박일 필욘 없습니다. 매일 일상마다 또박또박 거리면 설명충같기도 하고, 재수없어 보이기도 하니까요. 스벅에서 친구와 해묵은 얘기를 나누거나 닭도리탕과 처음처럼을 마시며 노가리를 깔 때는 의식의 흐름이 더 중요합니다. 흔히 우리가 의식의 흐름이라고 부르는 대화의 기법은 '말꼬리잡기' 인데 이를테면 이런식입니다."어제 라면 먹었는데 눈이 부었다.""그러게 쌍꺼풀이 완전 없어졌네.""야 나 쌍꺼풀 수술해야 하지 않을까?""넌 쌍꺼풀이 문제가 아니다.""니 얼굴.""응 니 얼굴.""아 맞다, 너 내 친구 소개해주까?""뭐하는 사람인데?""뭐 디자인한다는 거 같던데.""아 디자인쪽 하는 분이면 야근많지않나? 자주 못보면 싫은데.""너도 야근많잖아.""아...진짜 요즘 것때문에 짜증나 죽겠다니까.""왜 또 팀장이 계속 꼰대짓해?""아니 세상에 있잖아....블라블라..."네 그렇습니다. 짧은 대화지만 눈이 부은 것에서 야근얘기로 넘어오게 되었습니다. 이러한 대화가 이어지는 것을 '의식의 흐름' 기법 내지는 '아무말 화법' 이라고 하죠. 그냥 생각나는 대로 마구 내뱉는 느낌이랄까요. 주로 친구와의 대화는 이런 식의 화법을 따릅니다.그러나 일할 때 이런식으로 말하다간 맴매맞겠죠.일할 때는 "또박이 화법"을 활용합니다. 또박이 화법은 상당히 어렵고 난해한 부분이 있어서 어떻게 정리를 해야할 지 꽤나 고민을 했습니다. 크게 3가지의 단계로 나눌 수 있겠더라구요. 일단 오늘은 기초편으로, 또박이의 기본중에 기본인 "끊어말하기" 에 대해 알아보도록 하겠습니다.제1장. 또박이의 외모1. 안경을 쓰자.안경을 쓰면 똑똑해 보입니다. 물론 안경을 썼을 때 아라리같다면 지양하도록 합시다. 추천드리는 포즈는 사카모토의 제스쳐입니다. 반무테는 늙어보이지만 똑똑해보이더군요. 코난안경은 코난같이 생겨야 하므로 패스합시다.사카모토입니다만?2. 올바른 자세.거북목에 뛰이.....해서 어깨 축 늘어뜨리고 있으면 또박또박한 말이 안나옵니다. 복화술 화법으로 입은 안벌리고 입술만 오물거리면 쭝얼쭝얼 거리는 듯 해서 별로입니다. 정석의 자세를 알려드리죠. 일단 제시카 챠스테인 누님의 미스슬로운 포즈로 변신해보도록 합시다. 고개는 집어넣고 여유로운 자세와 적당히 소매를 걷고 윗 단추를 풉니다. 아래와 같은 자세가 또박이의 정석이랄까요. 혹시라도 영어또박이를 하고 싶으시다면 미스슬로운을 200번쯤 재감상하시길 추천드립니다.챠스테인 누님 [미스 슬로운 中]3. 제스쳐는 단순하게.이렇게 하라는 건 아님스피치 학원가면 허리밑으론 손을 내리지 마라 짝다리 짚지마라 등등 다양한 제스쳐 룰을 알려주는데, 사실 이건 몸에 밴 습관인지라 어지간해선 고치기가 어렵습니다. 우리가 제기찰 때 왠지 손이 으에ㅞ에ㅞ? 처럼 되는 것과 비슷하달까요. 음, 제스쳐에서 중요한 건 손가락입니다. 검지가 괜히 Index finger가 아니죠. 손가락의 힘과 방향에 따라 집중력도 크게 좌우된답니다. 우리의 챠스테인 누님처럼 부드럽고 고결한 검지의 선을 만들 수 있다면 좋겠지만, 그게 아니라면 그냥 어딘가를 잡고 얘기하는 편이 나을 것 같습니다. 선이 살아있는 검지. 제2장. 또박이의 화법또박이의 기초예제부터 알아보겠습니다. 오늘은 3가지 예제를 보도록 하죠. 일단 말을 시작하는 '또박한 도입'부분을 알아볼까요? 뭔가 말을 시작할 땐 갑자기 끼어들면 안됩니다. 우리가 친구들과 얘기할 때도 '내가 재미있는 얘기 해줄까?'(물론 그것은 대부분 재미가 없음) 하면서 들어가듯 내가 지금부터 말을 하겠다는 뉘앙스의 스타트문장을 잘 얘기하는 것이 또박이의 첫걸음이더라구요.그런데 이 첫 문장이 "제가 의견을 말해도 되겠습니까?" 라는 식의 안경선배 말투면 가끔 어색해질 때가 있더라구요. 시공간이 일그러지는 듯한 느낌도 받고... 그래서 시공간의 균형을 중요시하는 분들께선 간단하게 다음과 같이 말하시더군요."제 생각은...(PAUSE)"이라고 말입니다. 아주 짧은 2초간의 포즈이지만, 이 효과는 굉장한 집중효과가 있습니다. 만약 상대방의 의견에 대한 반박이나 다른 인사이트를 말하고싶다면 어떻게 할까요? 마찬가지입니다. '제 생각은.' 입니다. 혹시라도 그 상대방이 나의 미래를 좌지우지 할 수 있는 존재이거나 뭔가 내 결재란 어딘가에 있는 이름이라고 한다면 "좋은 의견입니다. 하나 덧붙이자면..."이라고 그 의견이 좋든 안좋든 그냥 일단 좋은 의견입니다. 하나 덧붙... 이라고 얘기해주도록 합시다. 이 때도 ~덧붙이자면... 다음엔 2초 포즈를 걸어줍시다. 뭔가 집중되는 느낌과 함께 부담과 현기증을 동시에 느낄 수 있습니다. 근데 중요한 건 이렇게 시작을 했는데, 그 다음 말이 별 거 없다거나 횡설수설하면 '그건 어떤 혼돈의 음성이니?' 라는 눈빛세례를 받을 수 있습니다. 말을 하면서 생각하는 게 아니라, 생각하고 말을 하는 겁니다. 이 때 생각의 구조는 다음과 같습니다.1. 전제(-한다면)2. 가정(-입니다.)3. 누가/무엇을4. 어떻게5. 어쩐다.이렇게 5단계로 따박따박 얘기해줍니다. 경우에 따라 1,2번은 생략이 가능합니다. 주로 1,2번은 상대방의 의견을 다시 한 번 정리해주고 내 의견을 들어가는 경우에 많이 쓰이죠. 또는 현재 프로젝트의 상황을 정리하면서 내 의견의 거점을 확실히 잡는 역할두 하구요. 예를 들어볼께요."현재 오프라인의 사용자가 온라인 사용자보다 훨씬 많은 상태인데, 만약 오프라인에 별다른 공지없이 온라인을 바로 오픈하게 된다면 고객들이 혼란스러워하거나 변화된 UX에 대한 학습을 강요받게 될 가능성이 있습니다. / 일단, 리뉴얼하는 웹페이지 이벤트를 온라인에선 헤드배너, 이벤트 지점안내를 진행하고 오프라인에선 방문고객 대상 결제 시 안내를 통해 옴니채널로 운영하면서 안정적으로 리뉴얼페이지로 유도하면 어떨까 하는 생각입니다."전제 : 현재 오프라인의 사용자가 온라인 사용자보다 훨씬 많은 상태인데, 만약 오프라인에 별다른 공지없이 온라인을 바로 오픈하게 된다면 / 가정 : 고객들이 혼란스러워하거나 변화된 UX에 대한 학습을 강요받게 될 가능성이 있습니다.무엇을 : 일단, 리뉴얼하는 웹페이지 이벤트를 / 어떻게 : 온라인에선 헤드배너, 이벤트 지점안내를 진행하고 오프라인에선 방문고객 대상 결제 시 안내를 통해 옴니채널로 운영하면서 / 어쩐다 : 안정적으로 리뉴얼페이지로 유도하면 어떨까 하는 생각입니다.네 이런 식으로 포인트 단어들만 묶어도 말이 되게끔 논리구조를 만드는 거죠. 저 문장의 핵심은 결국"웹이벤트를 옴니채널로 운영해서 오프라인 고객들도 유도하자."라는 한 문장으로 요약할 수 있겠네요. 대부분 위 5가지 요소에서 하나씩 빠질 때마다 반문과 질문이 생기게 되는데, 그걸 물어봐주는 사람은 오히려 괜찮은 편이예요. 일반적으론 그냥 '뭔 말이야?' 하고 말아버리죠. 한 번 볼까요.일단 전제가 빠지면 "쌩뚱맞다." 라는 생각이 들 수 있습니다. 가정이 없으면 해결해야 할 문제점이 명확히 보이지 않아  "추상적이다." 라는 느낌을 주죠. 주어가 없으면 "그러니까 뭐슬?" 이라는 반문이 나옵니다. 어떻게가 없으면 "말을 해 말을." 이라는 반응이 나오고, 어쩐다..라는 내용이 없으면 "어쩌라고?" 라는 질문이 튀어나와요.여기서 특히 중요한 건 제일 마지막에...그러니까 그걸 어쩌라고? 라는 부분을 콕 찝어주는게 중요합니다. 유도하자!제작하자!공유하자!런칭하자!모집하자!등등... 딱 하나의 행위로 점철될 수 있는 명확한 단어로 정리해주는 게 또박이의 첫 걸음입니다. 저 부분이 없으면..이렇게 될 수 있어요."그래서...그 옴니채널로 운영을..뭐 잘 해보면 어떨까 해서요..."잘한다, 가치있게 해보자, 정리해보자....등등의 추상적인 단어들로 헤벌레 풀어질 수 있죠. 그러니 마지막에 확실한 서술어로 콱 쪼매주어야 해요.마지막 또박이의 기초화법은 바로 말의 마무리입니다. 위에서 말한 마지막 '어쩌라고' 부분에 대한 얘기와 일맥상통합니다. 말이 어버버버 해지는 이유는 그 내용과 논리성때문입니다. 그러나 내용이 챡챡 정리되어 있어도 '어미처리'가 흐릿하면 느낌적으로 말이 장황해보이죠.말을 마무리 지을 때"그렇다고 생각은 하는데..아닐 수도 있구요...""그러는게 어떨까하는 생각이 들기도 합니다.""이게 맞는지는 모르겠지만...""그렇지 않을까...해서요."등등 어미를 주욱 늘여버리는 경우가 종종있는데. 물론 이는 내 생각에 대한 확신을 너무 뿜뿜하면 재수없는 놈이 될까봐 자기방어에서 비롯된 화법일 겁니다. 살아남아야 하니 어쩔 수 없죠. 하지만 인생은 원래 개썅마이웨이이므로 저렇게 말해도 욕먹고, 따박하게 말해도 욕먹습니다. 기왕 욕먹을 거면 어버버 해보이기보단 좀 쎄보이는 편이 낫지 않을까요?그렇다고 정치인마냥 부르짖으란 얘기는 아니고, 다음과 같은 어미처리의 느낌이랄까요."~ 라고 생각합니다.""~의 방법도 있습니다.""~쪽을 추천합니다.""~해보는 건 어떨까요."등등 아무리 풀어도 2어절 이상을 넘기지 않는 우회적 어미처리를 추천드립니다. 내가 진리요 생명이다라는 느낌보단 내 생각은 확고하지만 난 자비롭다라는 느낌을 동시에 줄 수 있는 크세르크세스식 화법입니다. 유용하게 쓰이곤 하더군요.응용편에서 계속.
조회수 2101

Activation Function

Activation Function(활성함수)인공신경망을 공부하다보면 활성함수(activation function)라는 것을 만나게 됩니다. 대부분의 분들은 처음 공부를 시작할 때, 저와 마찬가지로 활성함수는 그냥 이런 거구나 하신 뒤에 넘어가고 있을 거라 생각합니다. 하지만 딥러닝을 좀더 공부하다보면 어떤 활성함수를 사용했는지, 혹은 사용하지 않았는지로 인해 다양한 문제가 발생하곤 합니다. 특히 요즘 핫한 deep neural network 에서는 활성함수가 어떤 것인가에 따라서 vanishing gradient 문제로 인해 학습의 정도가 달라지기도 합니다. 이러한 이유에서 이번 포스팅에서는 활성함수를 자세히 이해해보도록 하겠습니다.인공신경망이 사람의 신경구조를 모방하여 만들어졌다는 사실은 다들 알고 계실겁니다. 인공신경망의 가장 기본 개념은 단일 퍼셉트론에서 출발했습니다. 관련된 포스팅에서도 설명했지만 퍼셉트론은 여러 개의 신호가 들어오면 이를 조합하여 다음으로 신호를 보낼지 말지를 결정합니다(0 또는 1). 이것을 발전시킨 feed forward multiple layer neural network는 하나의 단일 뉴런에 여러 신호가 들어오면, 다음 뉴런에 보낼 신호의 강도를 결정하게 됩니다. 즉, 단일 퍼셉트론이 multi layer perceptron으로 발전해나가는 과정에서, 뉴런은 신호의 전달유무가 아닌 전달 강도를 정하게 되었습니다. 이때 전달하는 신호의 세기를 정하는 방법이 활성함수입니다.많은 분들은 대표적인 활성함수로 sigmoid를 떠올리실 것입니다. 활성함수의 개념을 잡기에는 이만큼 좋은 함수가 없기 때문입니다. 그럼 우선 활성함수의 가장 기본적인 개념을 sigmoid를 통해 알아보도록 하죠. 그 전에 여러분의 이해를 돕기 위해 로지스틱 회귀분석에 대해 먼저 알아보겠습니다.로지스틱 회귀분석(logistic regression)로지스틱 회귀분석은 generalized linear model입니다. 정확히 말하자면 generalized linear model이라는 큰 개념의 여러 케이스 중 하나라고 볼 수 있겠네요. 로지스틱 회귀분석의 목적은 독립변수의 선형결합으로 종속변수인 ‘어떠한 사건이 발생할 확률’을 알고자 하는 것입니다. 어렵죠..? 쉬운 예시를 하나 들어보겠습니다.우리는 어떠한 연구를 통해 1일 흡연량과 폐암 발생 여부의 관계를 알고싶습니다. 이때 가장 쉬운 방법은 1일 흡연량{x}과 폐암 발생확률{p(y)}이 선형 관련성이 있다고 보고, 선형 회귀 분석(linear regression)을 시행하는 것입니다. 그 결과, p(y)=0.02x+0.1<math>p(y)=0.02x+0.1</math> 이라는 식이 도출되었다고 생각해보죠. 이 식은 담배를 전혀 안 피우는 사람은 10%의 확률로 폐암에 걸리고, 하루에 담배를 1개비씩 더 피울 때마다 폐암에 걸릴 확률이 2% 증가한다는 의미입니다. 표면적으로 보았을 때는 꽤나 합리적으로 보입니다. 하지만 과연 이 식을 실제 예측에 활용해도 전혀 문제가 없을까요? 예상하셨겠지만, 그렇지 않습니다.담배는 한 갑에 20개비가 들어있고, 3갑이면 60개비가 들어있습니다. 따라서 하루에 담배를 3갑 피우는 사람은 0.02∗60+0.1=1.3<math>0.02∗60+0.1=1.3</math>, 즉 130%의 확률로 폐암에 걸린다는 결론이 도출됩니다. 이는 확률의 공리에 어긋나는 결론입니다. 따라서 과거의 수학자들은 선형이라는 이해 및 계산이 쉬운 방법을 그대로 유지하면서 확률의 공리에 어긋나지 않는 방법을 찾고자하였고, 다양한 방법들 중 가장 보편적으로 사용하게 된 방법이 로지스틱 함수를 연결함수로 사용한 로지스틱 회귀분석입니다.로지스틱 함수는 아래와 같이 생겼습니다.g(x)=ex1+ex<math>g(x)=ex1+ex</math>이것을 연결함수로 적용한 generalized linear model, 즉 logistic regression의 수식은 아래와 같은 형태가 됩니다.P(y|x)=eβx1+eβx<math>P(y|x)=eβx1+eβx</math>위 식을 이용하면 비로소 선형이라는 직관적인 성질을 띄면서, 결과값의 범위가 0~1로 제한되어 확률값의 예측에 사용할 수 있는 회귀식이 도출됩니다. 이 때, 위에 사용한 로지스틱 함수가 바로 우리가 활성함수로 사용하는 sigmoid function입니다. 따라서 sigmoid를 활성함수로 사용할 경우, 필연적으로 로지스틱 회귀분석과 관련이 있을 것이라고 예상할 수 있습니다. 둘 간의 관련성을 아래 그림을 통해 알아보겠습니다.여러분의 이해를 돕고자 hidden layer가 없는 가장 단순한 형태의 feed forward neural network 형태를 그려보았습니다. 위 그림을 수식으로 나타내볼까요?P(Y|X)=exp(∑2i=0wixi)1+exp(∑2i=0wixi)=11+exp(−∑2i=0wixi)<math>P(Y|X)=exp(∑i=02wixi)1+exp(∑i=02wixi)=11+exp(−∑i=02wixi)</math>즉, 위처럼 sigmoid를 활성함수로 사용한 간단한 neural network는 logistic regression과 일치합니다. 물론 계수(weight) 추정 방법은 통계학에서 기존에 행하던 방법과는 차이가 있지만, 결과적으론 비슷한 값이 추정될 것입니다. 우리는 이 그림을 통해 아래와 같은 직관을 얻을 수 있습니다.input과 weight를 곱해서 더하는 과정은 linear combination(선형 결합)이다.인공신경망의 학습은 각 뉴런에 곱해지는 ‘weight’라는 모수(parameter)를 추정(estimate)하는 과정이다.이제 눈치 채셨나요? Sigmoid를 활성함수로 사용하는 multi layer perceptron neural network의 hidden layer의 각 뉴런은 로지스틱 회귀분석을 하는 것과 정확히 일치합니다. 따라서 학습 과정에서 각 layer의 weight라는 모수를 학습을 통해 추정하는 것입니다.mlp 적용그럼 이제 위에서 배운 로지스틱 회귀분석을 mlp에 적용해보겠습니다. 우리는 단층 퍼셉트론 에서 아래와 같은 그림을 보았습니다.위처럼 선형으로 깔끔하게 분류가 가능한 문제는 활성함수가 계단함수인 단층 퍼셉트론으로도 충분히 해결할 수 있습니다. 하지만 아래와 같은 경우는 문제가 달라집니다.이러한 분류 문제는 선형으로는 불가능하며, 비선형적인 분류를 하여야 합니다. 이처럼 우리가 원하는 비선형의 분류를 하기 위하여 크게 두 가지가 필요합니다.1개 이상의 hidden layer(2개 이상의 뉴런을 포함하여야 함)비선형의 활성함수먼저 비선형의 활성함수가 필요한 이유부터 간단하게 생각해보겠습니다. 만약 활성함수가 비선형이 아니라면, 각 뉴런의 결과값은 선형결합의 선형결합이 됩니다. 따라서 아무리 multiple layer를 쌓는다고 하여도, 결과적으로 출력값은 입력값들의 선형결합이 됩니다. 즉, 층을 여러 개 쌓는 의미가 퇴색되는 것입니다.다음으로 hidden layer와 뉴런의 갯수에 대한 정의가 왜 필요한지 생각해보겠습니다. 위에서 언급하였듯이 logistic regression은 generalized linear model입니다. 여기서 ‘linear model’에 주목해주세요. 즉, logistic regression도 결국은 선형 모델이라는 것입니다. 왜일까요? Logistic regression을 이항분류 문제(결과의 범주가 0 또는 1)에 적용하여, 결과값이 특정값 이상이면 1로 분류한다고 생각해보겠습니다. 이것은 결국 기존의 단일 퍼셉트론에서 활성함수로 sigmoid를 사용한 뒤, 다시 계단함수를 적용한 것과 같습니다. 비록 우리가 sigmoid라는 비선형의 활성함수를 사용했지만, 로지스틱 함수의 지수를 풀어내면 결국 선형 결합의 결과값에 대한 분류이므로 우리가 원하는 비선형의 분류를 할 수 없습니다. 따라서 위와같은 문제를 해결하기 위하여, 비선형의 활성함수를 쓰되, 다수의 뉴런을 갖는 hidden layer를 사용하는 것입니다. 이 때, hidden layer의 뉴런 갯수가 늘어날 수록 좀더 비선형으로 데이터에 적합한 분류가 가능해지지만 overfitting 문제가 발생하게 됩니다. 따라서 hidden layer의 뉴런 갯수를 과제마다 적절히 지정해주는 것이 중요합니다.activation function의 종류마지막으로 activation function의 종류 및 특징에 대해 정리해보겠습니다.1. Sigmoid functionBy Qef (talk) - Created from scratch with gnuplot, Public Domain, Link<특징>수식 : σ(wx+b)=ewx+b1+ewx+b<math>σ(wx+b)=ewx+b1+ewx+b</math>범위 : (0,1)시그모이드 함수는 완전히 값을 전달하지 않거나(0) 혹은 완전히 전달한다(1)는 특성 때문에 실제 인체의 뉴런과 유사하다고 생각되어 널리 사용되었으나, 현재는 점차 사용하지 않는 추세입니다. 그 이유는 아래와 같습니다.Vanishing Gradient :sigmoid 함수는 뉴런의 활성화 값이 0 또는 1에 매우 가깝다면(saturate), 해당 편미분 값이 0에 매우 가까워지는 특성이 있습니다. 인공신경망의 back propagation에서 가장 일반적으로 사용되는 gradient descent의 경우 chain rule을 이용하는데, 이 과정에서 0에 매우 작은 값이 계속 곱해진다면 그 값은 0으로 점점 더 수렴합니다. 즉, 학습의 결과가 back propagation 과정에서 전달되지 못하고 이에 따라 weight 값의 조정이 되지 않습니다. 이것은 학습의 과정뿐만 아니라, 초기 weight 값을 임의로 줄 때에도 문제가 됩니다. f=σ(wx+b)<math>f=σ(wx+b)</math> 를 통해 확인해보죠. 만약 w의 값이 매우 커서 σ(wx+b)<math>σ(wx+b)</math>의 값이 1에 매우 가까워 진다면, weight값은 초기 값에서 크게 변하지 않고 학습이 되지 않을 것입니다. 그럼 우리의 신경망 모델의 정확성도 감소하겠죠. 이것이 vanishing gradient problem입니다.중심값이 0이 아니다 :Sigmoid function의 결과값은 그 중점이 0이 아니며, 모두 양수입니다. 이 경우 모수를 추정하는 학습이 어렵다는 단점이 있습니다. 하지만 이것은 다른 방식으로 모델 내에서 극복이 가능하기 때문에 vanishing gradient 에 비해 큰 문제는 아닙니다.2. tanh function<특징>수식 : tanh(x)=e2x−1e2x+1<math>tanh(x)=e2x−1e2x+1</math>범위 : (-1,1)tanh(hyperbolic tangent) function은 sigmoid 처럼 비선형 함수이지만 결과값의 범위가 -1부터 1이기 때문에 sigmoid와 달리 중심값이 0입니다. 따라서 sigmoid보다 optimazation이 빠르다는 장점이 있고, 항상 선호됩니다. 하지만 여전히 vanishing gradient 문제가 발생하기 때문에 대안이 등장하게 됩니다.3. Relu(Rectified Linear Unit)<특징>수식 : y=max(0,x)<math>y=max(0,x)</math>범위 : (0,∞<math>∞</math>)Relu는 위 그림처럼 선형그래프를 한 번 꺾은 형태입니다. 이 간단한 함수는 오랫동안 인공신경망의 발목을 잡던 vanishing gradient 문제를 해결했습니다. 하지만 여전히 장점과 단점이 존재합니다.장점기존의 sigmoid, tanh에 비해 converge되는 속도가 빠릅니다. 이것은 그래프의 형태가 선형이고, saturate problem이 발생하지 않기 때문으로 보여집니다.x값이 0을 기준으로 선형발현/미발현 이라는 간단한 형태이기 때문에 상대적으로 연산량이 많은 exponential을 사용하지 않아, 컴퓨터의 연산에 대한 부담을 줄여줍니다.단점“dying Relu problem”이 발생합니다. 만일 학습 과정에서 weight가 특정 뉴런이 activate되지 않도록 바뀐다면, 해당 뉴런을 지나는 gradient도 0이 됩니다. 따라서 training 과정에서 해당 뉴런이 한 번도 발현하지 않게 될 수도 있습니다. 심한 경우에는 네트워크 전체 뉴런의 40%가 죽어있는 경우도 발생한다고 합니다(출처 : http://cs231n.github.io/neural-networks-1/). 이것을 막기 위해서는 learning rate를 크지 않게 조절하는 것이 중요합니다. 또 다른 해결 방안으로는 leaky relu와 같은 activation function을 사용할 수도 있습니다.정리이번 포스팅을 통해 우리는 activation function이 무엇이고, 왜 필요한 것인지 알아보았습니다. 또한 어떠한 activation을 어떻게 사용해야하는지도 배웠습니다. 제가 위에 소개한 것 이외에도 다양한 activation function이 있으므로, 한 번쯤 찾아보며 공부해보시면 좋겠습니다.
조회수 1284

[가트너-제니퍼소프트 뉴스레터]APM의 진짜 가치 (Application Performance Management)

제니퍼소프트-가트너 뉴스레터 APM의 진짜 가치 (Real value of APM)Index. 1 page. APM의 진짜 가치 (Application Performance Management)5 page. 가트너 리서치: How to Move Analytics to Real Time10 page.  제니퍼소프트에 대해 가트너 리서치- How to Move Analytics to Real Time가트너 뉴스레터 다운로드 > JENNIFERSOFT Newsletter with Gartner research_Real Value of APM모바일 디바이스의 혁명 덕분에 인터넷의 세계는 10 년 전에 상상할 수 없었던 거래량과 서비스 속도를 경험하고 있습니다. 이러한 변화는 기업 IT 관리자가 시장 변화에 발 맞춰 웹 애플리케이션 성능을 관리하는 새로운 솔루션과 방법을 고려할 것을 요구합니다.  결과적으로 웹 애플리케이션 서버 (JAVA, .NET, PHP)의 모니터링이 점점 더 중요 해지고 있습니다. 최종 사용자와 백엔드 시스템 사이에 WAS (Web Application Server)가 있으므로 모든 트랜잭션이 WAS 영역을 통과합니다. WAS를  모니터링 하는 것은  확장 가능한 웹 애플리케이션 시스템을 구축하고 유지 관리하는 가장 효과적인 방법임이 입증되었습니다.Real-Time Transaction 모니터링과 분석은 JENNIFER의 핵심 기술입니다.  JENNIFER는 처음부터 끝까지 실시간 트랜잭션을 감지하고 트랙킹하는 유일한 APM 제품입니다.  Real-Time Active Service Monitoring은 (제니퍼의 독특한 기능 중 하나) 트랜잭션 상태를  초단위로 제공합니다. 이 기능을 사용하면 어떤 트랜잭션이 아직 처리되지 않았고, 어떤 사용자가 응답 지연을 겪고 있으며 어떤 SQL 쿼리가 현재 실행되고 있는지를 포함하여 트랜잭션 실행 상태에 대한 정보를 모니터링 할 수 있습니다.... 이하 생략... 리포트를 통해 더 많은  내용을 읽으실 수 있습니다. 
조회수 1225

[우리는 비투링커 #4] '빵빠레' 하나면 행복한 그녀, 박예지 님 ♥

안녕하세요, 비투링크의 소식을 전하는 미나 입니다! 벌써 한달이 지나, 다시 돌아 온 [우리는 비투링커] 시간인데요.3월의 비투링커로 선정된 그녀는 누구일까요?'빵빠레' 라면... 요거?*~*~짜잔~*~*자.. 먼저 추천영상을 함께 보시죠!이번 영상의 주제는 "엽기적인 그녀" 입니다 (ㅋㅋㅋ)보고있으면 참 밝은 그녀는 누구일지!▼▼영상 클릭 클릭▼▼3월의 비투링커 추천영상 (영상 고퀄주의 ㅋㅋㅋㅋ)그 주인공은... "엽기적인(?) No No~ 보고있으면 참 밝은 그녀" 박예지님 입니다!(짝짝짝짝!!!!!)3월의 비투링커 박예지님 :)특별히 빵빠레를 먹으면서 인터뷰 하고 싶었지만....빵빠레가 회사근처에 안팔더라구요 (또르르)그래서 그냥 빈손으로 예지님을 만났습니다.그래도 활짝 웃고 있던 그녀...................^^안녕하세요, 저는 비투링크 Brand Operation Division 내 구매팀에서제품구매, 발주 및 운영을 담당하고 있는 박예지 입니다 ^_^정말 0.1%도 예상치 못했어요. 팀원들이랑 꽤 친하다고 생각했는데, 정말 아무도 말을 안해주더라구요 ㅋㅋㅋ 그래서 제가 타운홀미팅날 연차를 써서 직접 영상을 못봐서 아쉬워요 ㅠㅠ그래도 이후에 영상을 봤는데, 진짜 행복했어요 ^_^ 보면서 같은 팀 제용님의 흑역사가 될 거 같다는 생각이 살짝 들었지만요...........:) 사실은 전 워낙 스트레스를 안받는 성격이기도 해요!또, 받게되면 내부에서 받기보다는, 외부 거래처와 커뮤니케이션을 하며 받는 스트레스가 대부분이에요. 그래서 팀원들이랑 같이 얘기하고, 간식을 사먹는다던지, 달달한 커피를 마시러 간다던지, 바깥공기를 쐬러 간다던지 ㅋㅋ 많은 것들을 팀원들과 함께 해요 :)슬픈 건, 요즘 회사근처에 빵빠레가 안팔아요..................... (슬퍼요 ㅠ_ㅠ)옛날엔 2+1 행사하고 그랬는데... 대체품을 찾고 있는데, 빵빠레를 대신 할 수 없을거같아요 ㅋㅋㅋ작년 송년회 때 같이 찍은 팀사진!주말엔 주로 제가 키우는 강아지 (단추) 랑 시간을 보내요 ^_^눈이 단추구멍 같아서 ㅋㅋㅋ 이름이 단추에요 (크큭)너무 애교쟁이 ㅠㅠ그리고, 제가 요즘 찾은 저만의 비밀스러운....... 문화생활이 있는데요.저 폴댄스 배웁니다!!!! 지금 거의 6개월 째 하고 있는데요. 정말 재밌어요 ^_^사진은...공개할 슈 없숴요~ (부끄러움)대박! 폴댄스라니 :) 멋져멋져... 저는 사실 몰래 예지님이 폴댄스하시는 사진 봤는데장난아니네여 섹시해 ㅠㅠ 저두 하고싶어요 ㅋㅋㅋㅋㅋㅋ제 컵이름은 "구갈동 빨간거" 입니다 ㅋㅋㅋ제 별명 너무 대충 지은거 같아요 ㅋㅋㅋ 불만이에요 !!이유는 제가 맨날 입술을 빨갛게 바르고 다녀서 ..........ㅋㅋㅋㅋㅋㅋㅋㅋㅋ근데 또 바꿔달라고 하기 무서워요 ㅋㅋ이상한 별명할까봐여... 빨간걸로 있을게요 그냥(좌) 한스킨 Blemish Cover (우) 23 Years old Sibiton cream [출처: 네이버 블로그]저는 한스킨 블레미쉬 커버 (Blemish Cover) 과 23 Years Old 시비통 크림 (Sibiton Cream) 을 추천합니다 :) 첫 번째 제품은, 컨실러 제품인데요. 커버력이 진짜 좋으면서도 촉촉한 게 장점! 휴대하기도 편하고, 가끔을 얇게 펴바르면 BB크림처럼도 사용할 수 있어요!두번째 제품은 크림인테, 이름이 약간 욕같져? ㅋㅋ 피부에 보호막을 설치해줘서 수분감도 오래 지속되고, 붉은 홍조피부 진정효과도 있어서 데일리로 사용하기 좋은 비타민 크림이에요!(친구한테 추천해줬는데, 친구가 지금까지도 계속 사용하고 있어요 ㅋㅋ)올해를 시작하면서 많은 계획을 세웠는데요!그 중에 꼭 이루고 싶은 건, "유럽여행" 을 가는 거에요 ^_^원래 1년에 한번 이상은 꼭 해외여행을 가는데요, 가장 멀리 갔던 게 동남아 였어요!올해가 제가 앞으로 살 날 중에 가장 젊고 예쁠 때니까꼭 가보도록 하겠습니다 :)손잡아주실 분 찾습니다 ^^....인터뷰 하는내내 예지님 때문에 저도 계속 웃었던 거 같아요 ㅎㅎㅎ앞으로도 계속 미소 잃지않는 밝은 예지님으로 ^_^(담엔 빵빠레 같이 먹어효)#비투링크 #팀원 #팀원소개 #팀원인터뷰 #인터뷰 #팀원자랑 #기업문화
조회수 2739

타노스와 맬서스는 정말 멍청한 이론가들일까?

어벤저스 시리즈가 유행하면서, 타노스의 이론과 흡사한 맬서스의 인구론이 주목을 받고 있다. 타노스가 우주의 영속성을 위해 절반의 우주인들을 날리겠다는 이론과 맬서스의 인구론은 매우 흡사한 면이 많다.오늘날, 타노스가 멍청해 보이는 이유는 맬서스의 인구론이 틀렸다는 것이 입증됐기 때문일 것이다. 맬서스는 인류는 계속해서 늘어날 것이고 지구의 식량은 유한하기 때문에, 인구를 통제하고 저소득층 인구가 팽창하지 못하도록 막아야 한다는 이론을 주장했다. 하지만, 맬서스는 다가오는 사회적, 경제적, 기술적 변화를 알지 못했고, 인류는 팽창하지도 않았으며 기술의 개발로 대체자원 등을 활용하여 문제를 해결하고 있다. 맬서스를 추종했던 주류 경제학자들도 이 이론의 실패를 인정했다. 맬서스는 경제학자이자 인류 통계학자였기 때문에 이 이론은 실패한 것이 맞다.하지만, 나는 철학적으로 맬서스의 이론은 실패하지 않았다고 생각한다. 지구의 식량이 맬서스의 시대처럼 크게 문제가 되는 사회가 아니라는 것에는 동감한다. 하지만, 아직도 지구의 자원은 유한하고, 단 한 번도 인류가 지구가 제공하는 자원보다 더 적게 이를 활용한 적이 없다. 농업사회가 아니기 때문에 식량 같은 문제로 번지지 않았을 뿐, 기술의 발달은 지하자원의 수요를 증가시켰고, 인류는 맬서스 이후 단 한 번도 지구가 숨 쉴 틈을 준 적이 없다. 지금도 환경은 오염되고 있고, 지구의 상황은 악화되고 있다. 단지, 그것이 인류의 물리적인 수에 비례하지 않는다는 것이 농업사회와 다른 부분일 것이다.인간 한 명이 특정량의 식량을 평생 먹는 것으로 단순히 계산될 수 있는 사회에서 더 복잡한 형태로 나아갔을 뿐 본질에는 변함이 없다. 인간 한 명은 전기, 컴퓨터, 자동차, 가스 등 식량보다 한 단계 복잡한 형태의 지구의 자원을 끌어다 쓰며, 인류의 수가 아무리 줄어들더라도 인간은 지구가 견딜 수 있는 한계치를 최대한으로 활용하게 되어 있다.이 때문에 식량문제와 인구의 상관관계로 인류문제를 파악한 인구통계학적, 경제학적 '인구론'은 틀렸으나, 철학적 인구론은 아직도 유효한 셈이다.인구를 물리적으로 억제한다는 개념은 오히려 단순한 설루션이었다. 지금 일어나고 있는 환경 문제들과, 지구의 유한성을 해결하는 것은 오히려 복잡도가 더 높아져 매우 어려운 문제가 되었다. 이 때문에 모든 국가가 과거에 비해 훨씬 더 환경에 대한 엄격한 규제 및 정책들을 펼치고 있으며, 대체에너지에 대한 개발도 국가적 차원에서 리딩하고 있다.내가 맬서스의 인구론을 처음 접한 것은 20대 초반 군대에서였다. 그 당시 굉장히 큰 충격을 받았고, 버트런트 러셀 다음으로 내 삶에 가장 큰 영향을 준 학자였다. 군대를 전역하고 스마트폰이 보급되고 인터넷이 더욱 확장되면서 이 인구론에 대한 다양한 평가를 찾아볼 수 있었는데, 하나같이 인구론에 대해 '멍청하다'라는 평가밖에 없었다. 인구론이 멍청해 보이는 것은 맬서스가 제안하는 솔루션의 단순함(물리적 인구수 억제) 때문이지, 인구론 자체가 가진 멍청함은 아니다. 어벤저스의 타노스가 멍청해 보이는 것도 이 때문일 것이다. '인구-식량'에서 벗어나 '인간-유한함'의 구도에서 본다면 인구론은 아직도 해결되지 않은 문제를 담고 있는 책이다.유한함과의 싸움 속에서 어떻게 하면 인간이 이길 수 있는지에 대해서도 고민을 많이 했다. 그리고 단 하나 희망을 걸 수 있다면, 그것은 인간만이 가진 가장 강력한 특성인 '생각, 아이디어'에 있다고 본다. 오히려 지구가 가진 유한함과 악화되는 환경문제들이 가시화되면서 극한까지 몰아쳤을 때 인간은 멋진 아이디어를 떠올려낸다. 그렇게 지구가 발전했고, 인류가 발전해왔다. 지구 상에 가장 강력한 생존본능을 가진 것은 생물학적으로 강한 바퀴벌레가 아니라 정신적으로 강한 인간일지도 모른다.지구 상의 어떤 잡식동물보다도 강한 것이 없는 인간이 여기까지 와서 지구의 주인행세를 하는 것도 인간만이 가진 문제 해결 능력과 독창적인 아이디어에 있었다고 본다. 그리고 인간의 아이디어는 지구의 유한함에 영향을 받지도 않는다. 오히려 지구에서 일어나는 다양한 일들, 감각적인 상황들이 '경험'이라는 새로운 차원을 만들어 인간이 아이디어를 떠올릴 수 있게 돕는다.자동차도 기름이 있어야 가고, 공장도 자원이 있어야 돌아가나, 인간의 두뇌는 단순히 식량만으로 회전하지 않고 지구의 모든 에너지를 먹고 자라난다. 정말 불가사의하면서도 위대한 현상인 것이다.하나의 위대한 아이디어가 온 지구 상의, 인류에게 일어나는 문제를 해결할 수도 있다. 그것 또한 멋지다.내가 회사를 창업할 때, 도구(tool)를 만드는 회사를 만들겠다 하며 개인적인 인간이 자신의 생물학적, 정신적 한계를 뛰어넘는 도구를 만들겠다는 비전을 세운 것도 아마 지금 생각해보면 이런 맬서스의 인구론에 대한 고민이나, 인간의 아이디어에 대한 희망 때문이었을지도 모른다.오시리스 시스템즈 비전 선언문역사적으로, 도구는 인간이 생물학적인 한계를 넘어서게 만들어, 더 나은 세상을 만드는데 기여해왔습니다. 포클레인은 작은 아이도 거대한 힘을 발휘할 수 있도록 만들었고, 자전거는 인간이 맹수보다도 빠르게 이동할 수 있는 힘을 줬습니다.현대 사회로 넘어오면서, 애플의 스티브 잡스, 워즈니악이 발명한 개인 컴퓨터는 인간이 신체뿐 아니라 정신적 한계까지 넘어설 수 있는 힘을 주기도 했습니다. 이렇게 언제나, 인간은 도구를 이용해 한계를 넘고 가치를 창출해왔습니다. 그것이 인간만이 가진 초월적인 힘의 근원이었죠.인간을 맹수보다도 빠르게 만들어준 자전거와 같은 도구를 만들기 위해 고민하고 싶습니다. 이러한 도구를 끊임없이 개발하여 세상에 제공하고자 합니다.가끔 블로그에 글을 쓰다 보면, 이상한 내용을 쓴다고 비아냥대는 사람들도 있다. 사업이 아니라 철학이나 정치를 해야 한다고 말하는 사람들도 있다. 그런데, 사업의 진정한 가치가 철학 없는 이윤창출과 고용확대에만 있다면 그것은 재미가 없는 것 같다. 왜 인간의 유한한 생명 에너지를 단순히 돈을 버는 데만 써야만 하나?나는 딱 한번 태어나서 일생을 살면서 뭔가 뜨거운 열망을 품고 혁명가의 마음으로 살아보고 싶다는 생각이 있었다. 지금이 냉전시대였다면, 하나의 이데올로기를 믿으며 전쟁에 참여했을 수도 있겠다. 전쟁 이후였다면, 학자가 되어 자본주의, 민주주의의 개념적인 부분을 강화하고 보정하는데 일생을 바쳤을지도 모르겠다.그러나, 지금은 군인도, 철학자도, 정치가도 혁명을 일으키는 시대가 아니다.지금은 기업인이야 말로 세상에 혁명정신을 불어넣을 수 있는 가장 좋은 직업이 아닌가 생각한다. 이윤은 완전한 비전 달성을 위한 혁명을 위해 더 큰 그림을 그릴 수 있는 기폭제로 쓰일 것이고, 고용인원은 그 혁명을 완수하는데 함께하는 동지들이 될 수 있는 것이다. 그래서 더 잘하고 싶고, 더 욕심이 난다.4년이 지났음에도, 아직 이 정도 그림을 그릴 수밖에 없는 것이 아쉬울 뿐이다. 사업성을 검증하고 빠르게 이윤을 창출하는 데 올해 집중하는 이유도 여기에 대한 아쉬움과 후회 때문이다. 하지만, 20대의 온 에너지를 이 사업에 투입한 것에 대한 후회는 없다. 20대 초반 맬서스의 인구론을 읽고 고민했을 때 들었던 생각과 지금의 생각의 큰 차이가 없기 때문에 그때 세워놓은 비전에도 흔들림이 없기 때문이다.아이디어다. 아이디어가 앞으로의 인류의 문제를 해결할 것이고 로봇, 인공지능 시대에서도 인류를 도태되지 않게 만드는 가장 중추적인 핵심이 될 것이다.나는 아직도 맬서스의 인구론이 철학적으로 풀리지 않은 문제라고 생각하며, 위대한 문제제기와 발견이었다고 믿는다. 비록 맬서스와 타노스의 설루션이 틀렸을 지라도, 이들을 탓해선 안된다. 훌륭한 문제제기였고, 우리가 설루션을 찾지 못했기 때문에 그들이 성급하고 급진적으로 솔루션을 정했을 뿐이다. 그들은 문제를 느끼고 행동하기라도 했다. 그들이 느끼고 행동하는 동안, 우리는 무엇을 했나?앞으로 지구의 유한함이 극한으로 우리의 목을 조를 때까지, 우리가 어떠한 솔루션과 아이디어를 찾아내지 못한다면 반드시 맬서스나 타노스는 등장할 것이다. 그때가 오면, 그들을 멍청하다고 쉽게 말할 수 있는 사람이 있을까?

기업문화 엿볼 때, 더팀스

로그인

/