누군간 자신을 너무 믿는 나머지머리 속으로 믿는 것을눈으로 보았다고 얘기한다.보았으니, 분명하다고...너무 강하게 얘기하는 사람은대개 그렇다.대개...

[Photo: Brian Ach/Getty Images for The New Yorker]조너선 아이브 애플에서 세계에서 가장 비밀스럽다고 할 수 있는 디자인 연구소를 지휘했다. 하지만 그러한 비밀은 제쳐두고라도, 아이브 본인조차도 공개적인 활동을 안하기로 악명높아서 1년에 인터뷰 하나도 할까말까이다.그런데 저번주 허시혼 미술관에서, Fast Company의 릭 텟체리(비커밍 스티브 잡스의 저자)가 그와 인터뷰를 하게 되었다. 인터뷰 주제는 어떻게 애플은 차세대 아이폰을 디자인하는가부터 여러 블로그들이 애플에 대한 가십을 뿌려대는 와중에 어떻게 자신들의 미래를 설계하는지를 다루었다. 당신은 SoundCloud에서 인터뷰 전문을 들을 수도 있지만, 우리는 아이브와의 대화 중 인상깊었던 부분을 아래에 정리해 보았다.애플은 그저 사람들의 모임이다애플은 세계에서 시가총액이 가장 높은 기업이지만, 아이브는 그의 디자인 팀을 계속 작게 유지하고 있다. 그의 산업 디자인 팀을 보면 다 합쳐서 20명정도 밖에 되지 않는다. 아이브는 팀을 만드는데 있어 보다 친밀하고, 장기적인 관점에서 접근하는 것이야말로 결과적으로 제품을 성공적으로 만드는 데 있어 중요하다고 말한다. 그러한 작고, 끈끈한 팀은 추상적인 아이디어도 물리적인 형태가 있게 만들어 나갈 수 있다.“저는 애플을 소수의 사람들만 이해할 수 있는 난해한 브랜드로 보지 않습니다. 저에게 있어 애플은 그저 사람들의 집합체일 뿐이죠. 그러한 사람들이 같은 가치와 목표를 갖고 뭉쳤을 뿐입니다. 또한 애플은 아주 다양한 그룹의 사람들로 이뤄져 있기도 합니다. 제가 하나 알게 된 게 있다면, 디자인을 하게 되면 필연적으로 추상적인 아이디어들을 다룰 줄 알아야 한다는 거에요. 그 부분은 반드시 필요한 과정임과 동시에 가장 어려운 부분이기도 하죠. 팀이 중요한 이유도 바로 이것 때문입니다. 팀은 그러한 모호하고, 분명하게 말하기 힘든 아이디어들에 대해 서로 완전히 커뮤니케이션 할 수 있을 정도로 작아야 하죠. 그리고 그 아이디어들에 맞는 틀을 제공할 수 있다면 그때부턴 훨씬 쉬워지는 겁니다. 왜냐면 이제 그 아이디어는 3차원이 됐으니까요. 하지만 그전까지는 아주 어렵습니다. 아이디어란 것들은 보통 극도로 모호하기 때문이죠.”“그래서 디자인 팀에 있어 가장 중요하다고 할 수 있는 변화는 누군가가 실제 모델을 가지고 방에 들어왔을 때입니다. 대다수의 사람들은 그림만 보고는 완벽하게 이해할 수 없어요. 하지만 당신이 구체적인 뭔가를 들고 오면 그건 이제 당신만 알고 있는 무엇에서 사람들도 알게 되는 무엇으로 급격하게 변하게 되는 것이죠. 그리고 그거야말로 사람들을 흥분 시킬 수 있는 겁니다. 왜냐면 모두 같은 물체를 보고 있는 거니까요. 단순히 상상하면서 “그래서 그건 언제 완성되는 건데?” 라는 거와는 완전히 다른 것이죠. 그래서 저는 팀으로써 그런 추상적인 아이디어가 구체화되는 과정을 경험할 때 정말 다행이라고 느낍니다.”[Photo: Apple]애플 디자인의 비법은 들어주는 것에 있다.그래서 그런 작은 디자인 팀이 하는 일이 무엇이고, 그렇게 성공적으로 될 수 있는 이유는 무엇일까? 아이브의 주장에 따르면, 그건 전적으로 과정의 문제이다. 수 십년 간 신뢰와 존경에 바탕을 둔 관계를 구축하는 것 말이다.“30년이 지난 지금 과거를 되돌아보면, 우리가 했던 것이 아닌 우리가 일했던 방식에 대해 애정을 가지고 돌아보게 됩니다. 제 생각에 우리 팀이 가진 장점은 서로에 대한 신뢰가 엄청나다는 겁니다. 그래서 우린 아이디어를 말할 때 다른 팀원들이 미쳤다고 말할까봐 스스로 자체 검열하는 짓들을 하지 않습니다. 또한 보통 사람은 가장 목소리 큰 사람의 말을 듣게 돼있는데, 우리가 알게 된 바에 의하면 보통 가장 좋은 아이디어들은 가장 조용한 의견에서 나왔습니다. 그런데 당신이 주의 깊게 이런 것들을 듣지 않는다면, 그런 좋은 아이디어들은 놓치게 되는 거죠.”“그리고 또 신뢰를 갖게 된다는 것은 경쟁한다는 것과는 다릅니다. 우리 같은 경우 일종의 자존심 싸움 같은 이상한 정치 게임을 할 필요가 없어요. 우리의 관심은 어떤 통계적인 데이터를 잘 만드는 게 아니니까요. 팀으로써 우리가 관심이 있는 것은 어떻게 하면 진정으로 최고의 제품을 만들 수 있는가에 대해서 입니다. 물론, 대부분 우리는 그런 경지에 도달하는 데 실패하곤 하죠. 하지만 그게 우리의 진정한 바람입니다.”[Photo: Apple]애플은 앞으로도 계속 말이 아닌 행동으로 보여줄 것이다구글이나 페이스북 같은 경쟁자들은 그들의 미래전략을 방송을 통해 설명하는 것으로 유명하다. 예를 들어 그들의 최신 VR 헤드셋에 관한 투자에 대해 공개방송을 하여 피드백을 받는 것이 그것이다. 이러한 전략은 사람들의 관심과 재무적인 투자를 끌어오는데 효과가 있지만, 아이브는 애플의 비밀주의스러운 접근 방식이 소비자들에게 더 현실감과 겸손한 느낌을 잘 전달해 준다고 말한다.“애플은 수 십년 간 하드웨어와 소프트웨어를 개발하고 발명하려 노력해 왔습니다. 그리고 우리 경험에 따르면, 모두에게 “앞으로 우린 이런 걸 할 겁니다.” 라고 말하는 것보다 일단 작업을 하고 난 뒤, “보시죠, 우리가 이런 걸 해냈습니다.” 라는 방식이 더 나았습니다.“어떻게 보면 굉장히 냉소적이고 기회주의적인 PR방식이라고 할 수도 있겠지만 저는 일단 뭐든 작업부터 하는 방식이 더 낫다고 생각합니다. 왜냐하면 우리 경험상, 우리가 시도하는 것은 많이 실패하기 때문이죠. 우린 팀으로써 그걸 경험하게 됩니다. 그리고 그건 우리들 스스로가 감당해야 되는 거에요. 다른 사람들까지 거기다 끌어들일 필요는 없는 거죠. 그러니까 우리는 그저 입다물고 일하는 편입니다. 그러다 뭔가 괜찮은 게 나오면, 그때 가서 이야기해 보는 거죠.”[Photo: Apple]아이브는 언제 제품의 디자인이 끝날지를 알지 못한다아이브가 새로운 아이폰을 디자인하고 완벽하다고 생각하는 순간이 있었을까? 아니다. 그가 주변 사람들과 의견을 나눌 때도 그런 순간은 없었다.“당신은 “언제 제품이 완성됐는지 안다”고 할 수 있겠지만, 사실 속마음은 다를거에요. 왜냐하면 당신도 알지 못하기 때문이죠. 저도 이부분을 잘 설명하고 싶은데. 지금부터 하려는 말이 엄청난 일이 되겠지만. 당신은 제품이 완성된 것이라고 하는 자체가 얼마나 심각하게 당신의 제품에 대한 인식을 제한하는지 알아차리지 못했을거에요.”“아이디어와 초기 모델의 차이는, 단순히 시간을 얼마나 들였냐에 있지 않습니다. 모델이 나왔다는 건 당신이 이미 많은 문제를 풀어왔다는 걸 의미하는 거죠. 그런데 그 아이디어에서 모델을 만들기까지의 과정은 99%는 실패합니다. 잘 되지가 않아요. 만약 그 과정이 잘 된다면 이제 소비자한테 팔 수 있는 걸 만드는 거죠. 그래서 대부분의 시간 동안 당신은 “이게 생각대로 안되잖아.” 라고 하면서 걱정하게 됩니다. 저도 지금 이 말이 엄청 고지식하고 뻔하게 들린다는 건 알지만 정말 이런 고민하는 과정은 아주 중요해요. 그리고 그러한 과정에서 당신은 당신이 갖고 있는 이상한 신념을 붙들면서, 당신과 같이 일하는 팀원들을 의지하게 되죠. 그렇게 몇 년 동안 계속해서 버티다 보면, 깜짝 놀라면서 서로를 바라보게 되는 순간이 옵니다. 그런 지점에 왔을 때, 개인이 아닌, 팀으로써 그런 경험을 하는 것이 정말로 중요하죠.”[Photo: Apple]애플이 제품들을 작게 만드는 데는 이유가 있다이 주제는 항상 SNL 쇼에서 다뤄지곤 했다. 아이팟이던 애플 와치던, 애플은 원래 존재하는 것들을 더 작게 만들고 그것들을 새로운 제품이라고 말해왔기 때문이다. 하지만 아이브는 제품의 크기는 필연적으로 제품의 기능과 융합이 되어 있다고 한다. 그래서 애플이 수 십년 간 다양한 사이즈의 스크린을 시도했던 것이다. 심지어 맥OS와 iOS를 서로 호환이 안되는 플랫폼으로 분리시키면서까지 말이다.“애플은 항상 어떻게 하면 기술을 더 매력적으로 만들 수 있을까에 관심이 있었습니다. 한 마디로 말하자면 그런 거죠. 비록 제품이 더 작고, 더 신뢰성 있고, 더 많은 기능을 제공할 수 있어야 하지만 말이죠.”“아이패드가 처음 출시 됐을 때, 그 크기에 대해 엄청난 비판과 비난을 받았습니다. 사람들은 이건 그냥 크기만 큰 아이팟 터치라고 말했었죠. 제 친구는 그건 수영장을 보고 큰 욕조와 다를 바 없다고 말하는 것과 같은 멍청한 소리라고 하더군요. 크기가 변하면, 그 제품은 완전히 달라지는 겁니다. 이전과는 다른 다양한 방식으로 사용될 수 있죠. 우리 팀이 아이패드 개발 초창기에 알아낸 점은, 사이즈를 크게 하고 싶다고 해서 다 그렇게 할 수 있는 게 아니라는 거에요. 이건 맥이 아니니까요. 디자인도 완전히 달라져야 합니다. 우리는 디자인의 철학적인 면에서 연관성을 주고 싶었어요. 단순히 크기만 변경하는 거였으면 진작에 다 끝내고 집에 가서 놀았겠죠.”[Photo: SpVVK/iStock]애플 파크에 대한 사람들의 비난을 애플은 신경 쓰지 않는다애플이 50억달러를 들여 만든 “우주선”은 모든 면에서 비판을 받고 있다. 필자 개인적으로 가장 인상깊었던 비판은 구글플렉스 디자이너인 클라이브 윌킨슨이다. 그는 애플이 진정 그 290만 평방 피트안에 실용적인 근무 환경을 만들 수 있을 지에 대해 의문을 품고 있다. 아이브는 이번 인터뷰에서 최초로 이에 대한 언급을 하였는데, 그가 주장하기로는 애플 파크에 대해선 애플 자신이 누구보다 가장 잘 알고 있다고 한다.“제 생각에 애플 파크는 아주 특정한 역할을 맡고 있습니다. 그건 그냥 시계가 아니라(건물이 시계모양처럼 생김) 우리 직원들이 함께 일하러 가는 집이에요. 물론 사람들은 자신들이 쓰는 제품에 대해 비판을 하거나 평가를 내릴 수 있습니다. 우리는 그들을 위해서 제품을 만드니까요. 하지만 애플 파크는 그 사람들을 위해서 만든 게 아닙니다. 그래서 이 많은 비판과 비난을 보면 이상해요. 왜냐하면 그건 그들을 위해서 만든 게 아니니까요! (웃음) 그리고 우리는 어떻게 하면 우리가 더 잘 일할 수 있는 지 알고 있습니다. 그들이 아니라요!““물론, 사람들이 쓰는 맥북에 대해서 그들이 어떻게 느끼는 지에 대한 피드백을 받는 것에 우리는 최선을 다하고 있습니다. 우리는 정말 귀기울이고 있어요. 정말입니다. 하지만 애플 파크에 대해선, 과거에서나 미래에서나 이번을 제외하고 우리를 위해서 무언가를 만들려고 노력한 순간을 저는 생각할 수가 없네요. 애플 파크는 우리가 이기적으로 행동하려는 게 아닌, 우리가 더 나은 제품을 만들 수 있도록 우리들에게 도움을 주기 위해 만드는 겁니다.”[Photo: Apple]애플의 새로운 캠퍼스는 디자인 팀을 통합시킬 것이다애플 파크에 대해 아직 다루지 않았던 부분이 하나 있는데 이 부분이야말로 가장 중요할 수 있다. 아이브가 말하길 바로 그 부분은, 새로운 애플 캠퍼스는 그의 산업 디자인 팀 뿐만 아니라 전체 디자인 팀을 애플 역사상 최초로 한 곳에 통합할 수 있다는 점이다.“최근의 제품들은 너무나 복잡하고 어렵습니다. 그래서 그것을 함께 작업할 수 있는 아주 다양한 분야의 전문가들이 필요하죠. 그래서 제 생각에… 이런 적은 지금까지 한 번도 없었던 것 같은데… 우리가 새로운 스튜디오로 옮기게 된다면, 우리 산업 디자인 팀은 마침내 UI 팀과 함께 일할 수 있게 될 겁니다.”“그리고 그것이 의미하는 것은… 산업 디자이너가 폰트 디자이너 옆에서 일하게 된다는 것이죠. 그리고 그 옆에는 또 사운드 디자이너가 있을 것이고, 모션 그래픽 디자이너, 터치 디자이너가 같은 공간에 있을 것입니다. 이런식으로 3D 애니메이션 전문가 옆에는 유저 인터페이스 전문가, 그리고 디지털 모델 전문가와 실사 모델 전문가들이 함께 있게 되겠죠. 그리고 이게 가능하다는 건… 정말 차분하게 말하기 힘들 정도에요. 저는 정말로 이런 변화가 우릴 어디로 인도할 지 너무나도 흥분됩니다.”인터뷰 전문 : SoundCloud#더팀스 #THETEAMS #애플 #디자인 #아이디어 #영감 #Inspiration #인사이트

언제부터였을까,학창 시절디자인을 공부하던 학생으로서스름 없이 도전하고, 특이해지길 겁내지 않던 나는사회생활을 시작하면서부터,갑옷 같이 정제된 옷을 입고,상명하복 문화에 스스로를 맞추고살은 찌고, 눈빛은 흐려지고..점점 '사회화'된 다수 속에 한 명으로 바뀌어가고 있었다.10대 말,몸이 막 어른이 되어가며 만들어지는 호르몬,아직 그 균형을 맞추지 못해, 못난 사춘기처럼20 대 말,이제 막 사회화되던 나는 그 균형을 맞추지 못하고, 못난 20대의 모습을 하고 있었는지 모른다.설익은 어른 놀이에 옛 추억만 뒤적거리고언제부터 이렇게, 속된 말로 찌질해졌는지어쩌다 찍힌 사진 속에서도 난 왜 그렇게 고개 숙인 모습이 많았는지살은 찌고, 눈빛은 흐려지고, 축 늘어져있고..대학생이 돼서야 고등학교 때 사진을 보고,아 정말 못났었구나를 느끼게 되는 것처럼삶의 패러다임이 바뀌고야, 그땐 정말 못났었구나를 새삼 뒤돌아보게 된다.그럼, 지금은 어떻길래?어쩌다 닿은 옛 친구의 연락 "요즘 어떻게 지내?""나? 더할 나위 없이 행복하게 지내고 있어"나도 이런 이야기를 하게 될지 몰랐고 또 믿지도 않았지만,그렇다. 더할 나위 없이 행복하게 지내고 있다.내 삶은 학생이라는 단계를 넘어서아직은 미숙한 사회인의 단계를 보내고 있지만,내 표정은, 내 사진은다시 행복한 미소를 짓고 꿈을 꾸었던예전 모습으로 돌아간 듯 하다.무엇이 나를 이렇게 만들었을까내 안에 쌓여있던 독을 빼내고,안에서부터 변화를 만들고 있을까를 생각하지만-글을 쓰지만 -글 실력이 부족한지 왜 죄다 상투적이기만 한 것인지그냥 만화 속에 캐릭터가 된 것 같은 기분이다.꿈을 좇는 해적선에 몸을 실은,하나하나 특성이 그리고 포지션이 분명한사람들 속에서 나도 하나의 캐릭터로그 특성과 포지션을 인정받으며동료들과 함께 신나는 항해를 해나가는 기분이다.화혜복지소의, 복혜화지소복禍兮福之所倚, 福兮禍之所伏불행 속에 행복이 있고,행복 속에 불행이 있으며이는 끊임없이 순환한다고 하지만  없어질 사탕이라면닳기 전에 충분히 즐기며젊음을 행복한 기억으로  채워나가야겠다.나이가 들 수록 선천적으로 타고난 모습을 떠나스스로 변화하는 모습에 책임져야 한다는데,10년 후,나는 여전히 꿈꾸고천진난만한 미소를 지을 수 있을까오늘은 그냥꾸밈없이 담백한 글을 담고 싶었다.#Fuller #일본 #스타트업 #해외취업 #스타트업합류 #일상 #인사이트

편집자 주Vue 또는 VUE로 혼용하나 공식 사이트의 표기에 맞춰 아래와 같이 통일함-Vue-Vuex-Vue-Router목차1.Controller2.VIEW3.webpack Vue 소스 진입점4.webpack 설정5.Package.json6.Vue-Router7.Vuex8.공통 처리 mixin9.요약10.마치며시작하며드디어 브랜디 관리자 서비스에 Vue를 도입하고자 떠났던 여정의 마지막 장입니다. 브랜디 관리자 서비스는 PHP Codeigniter와 jQuery로 구성되어 있습니다. 사실 잘 운영되고 있는 서비스에 리스크가 큰 신기술을 도입하는 것은 도박에 가깝습니다. 몇 시간만 운영이 정지되어도 회사에 엄청난 피해를 안겨줄 수도 있으니까요. 하지만 여러 번의 검증과 실험으로 도박에서 이길 확률을 100%에 가깝게 끌어올린다면 한번 도전해볼 만하지 않을까요?이전 글인 PHP Codeigniter 환경에서 VUE 사용해보기에서 기본적인 webpack + Vue + Codeigniter 환경 구축 방법을 알아봤는데요. 하지만 단순히 webpack과 Vue만 적용했다고 해서 “우리 시스템은 UI 프레임워크로 Vue를 사용하고 있습니다.”라고 말할 순 없습니다. 아주 중요한 숙제가 남았죠.Vue에는 활용도를 대폭 끌어올려주는 Vue-Router와 Vuex Store1)가 있는데 그중 Vue-Router를 이번 글에서 자세히 다루려고 합니다.2) Vue-Router는 Vue.js의 공식 라우터입니다. 공식 홈페이지의 소개는 아래와 같습니다.중첩된 라우트/뷰 매핑모듈화된, 컴포넌트 기반의 라우터 설정라우터 파라미터, 쿼리, 와일드카드Vue.js의 트랜지션 시스템을 이용한 트랜지션 효과세밀한 내비게이션 컨트롤active CSS 클래스를 자동으로 추가해주는 링크HTML5 히스토리 모드 또는 해시 모드(IE9에서 자동으로 폴백)사용자 정의 가능한 스크롤 동작한마디로 정리하면 입력된 URL에 반응해 부분에 해당 URL의 view를 보여주는 기능인 것입니다. 다시 말해 URL이 변경될 때 한 페이지에서 화면 전체를 갈아끼우거나, 화면의 일부분(부분)을 치환해주는 역할을 한다는 것이죠. 더 나아가 해당 화면이 로드되기 전후로 전처리, 후처리 기능까지 가능합니다.착안점Vue와 Vue-Rotuer를 알게 되었을 땐 PHP 기반 프로젝트에 Vue-Router를 적용할 수 없으니 처음부터 새로 만들어야 한다고 생각했습니다. 로그인 인증 문제, 메뉴의 권한 관리 등 모든 것이 Vue 아래에 있어야 한다고 생각했기 때문입니다.어느 날 관리자 서비스에 TDD를 구현해보려고 Python Flask + webpack + Vue 프로젝트를 구성하고 있었습니다. 그러던 중 우연히 Flask + Vue-Router에서 404 페이지를 처리하려면 Flask Fallback 페이지를 Vue-Router 메인 페이지(가 있는 페이지)로 보내고, Vue-Router에서 진짜 매핑된 URL이 없으면 404 처리를 하는 식으로 구성한다는 글을 읽고 문득 호기심이 생겼습니다.‘관리자 서비스에서도 컨트롤러로 여러 URL을 한 가지 페이지로 보낸다면?’PHP를 거쳐 페이지로 이동한 것이므로 권한 관리와 메뉴 트리까지는 PHP에서 처리되면서 URL이 변할 것이고, 실제로 화면을 보여주는 Contents 영역만 를 사용한다면 어떻게 될지 궁금해졌습니다. 바로 하던 일을 멈추고 관리자 소스에 Vue-Router를 활용한 테스트 소스코드를 작성해봤습니다.예상했던 대로 PHP의 로그인 인증 처리를 거치면서 실제로 보이는 부분에는 부분만 정상적으로 치환되었습니다. 이 간단한 실험을 바탕으로 통계 시스템의 일부를 구현하는 데에 Vue-Router와 Vuex Store, 공통 처리 Mixin을 추가해 제작했습니다.1.Controller4개의 페이지를 가진 통계 시스템의 Codeigniter 컨트롤러 모습입니다. 기존의 서비스 URL들이 존재하기 때문에 Fallback을 통으로 Vue-Router로 보낼 순 없었고, 라우터를 사용할 페이지들을 하나의 페이지로 보냈습니다.1-1) /application/controllers/[컨트롤러 경로]... 생략 /* [라우터 view]에서 태그를 포함하고 있습니다. */ public function salesAnalysisProduct() { $this->load->view('[라우터 view]'); } public function salesAnalysisSeller() { $this->load->view('[라우터 view]'); } public function trendAnalysisProduct() { $this->load->view('[라우터 view]'); } public function trendAnalysisSeller() { $this->load->view('[라우터 view]'); } ... 생략 2.VIEWCodeigniter 환경에 반영하는 것이므로 CI에서 인식시킬 PHP view와 webpack에서 빌드 결과를 자동으로 바인딩할 html 파일로 구성됩니다.2-1)/application/views/[Vue용 view 경로]/index.php// [index.php] Vue 를 매핑할 php파일 컨트롤러의 view로딩용 [라우터 view]입니다. ... header, menu 생략 ... //바인딩될 부분 //자동매핑 html 인클루드 <?php include('index.html'); ?> ... footer 생략 ... 2-2)/application/views/[Vue용 view 경로]/index.html webpack의 빌드 결과로 자동으로 생성되는 파일입니다. [removed][removed] 위는 webpack의 HtmlWebpackPlugin에 의해 자동으로 바인딩된 모습입니다. 빌드되기 전 index.html은 다음 항목에 있습니다.3.webpack Vue 소스 진입점관리자에서는 프로젝트 폴더 안에 webpack과 Vue 용 서브 폴더를 두고 webpack.config.js에서 output 옵션을 통해 빌드 결과를 삽입하는 구조입니다. webpack 루트 폴더는 application 폴더와 같은 레벨에 위치하며, 폴더 구조나 파일 위치는 어디에 둬도 상관없습니다. webpack.config.js에서 entry 속성으로 잡아주시면 됩니다.3-1)/[webpack루트]/index.html// HtmlWebpackPlugin으로 스크립트를 삽입하기 위한 빈 템플릿 파일 3-2)/[webpack루트]/index.js/** * 진입용 index.js */ import Vue from 'vue' import axios from 'axios' import router from './router' import App from './App.vue' Vue.prototype.$http = axios new Vue({ el : '#app', router, components : { App }, template : '' }); 3-3)/[webpack루트]/App.vue [removed] import mixin from './common/common-mixin.js' import store from './vuex/store' export default { store, name : 'App' } [removed] Vuex와 통신 모듈 axios, Vue-Router 등을 루트 Vue 객체에 추가해줍니다. 브랜디 관리자의 webpack은 babel을 사용하고 있기 때문에 위의 store처럼 축약해서 작성하면 빌드된 파일에는 store: store와 같이 입력됩니다.Vue-Router는 태그에 자동으로 매핑되며, 위와 같은 구조로 상위 컴포넌트에서 할당되어 있어야 합니다. Vuex와 Vue-Router 설정은 글 아래에서 다루겠습니다.4.Webpack 설정이번에 Vue-Router와 Vuex를 도입하면서 webpack의 설정도 실제 서비스용과 개발용으로 분리했습니다. 폴더는 편의상 추가하였으며, package.json에서 자신이 설정한 경로로 설정하면 됩니다.Webpack 설정 파일은 Webpack의 시작과 끝이라고도 할 수 있습니다. Webpack 설정 파일에서 빌드할 소스의 경로와 빌드 결과 파일의 명명 규칙을 정하고, html 파일에 스크립트파를 자동으로 주입시키거나, Babel 플러그인을 통해 최신 스크립트 작성법을 브라우저를 신경쓰지 않고 사용할 수도 있습니다.그중에서도 중요한 옵션이 있는데 바로 Code Splitting에 관련된 옵션입니다.관리자 초기 Vue 모델에는 Vue-Router가 없었기 때문에 js 번들 파일의 크기가 그렇게 크지 않았습니다. 하지만 Vue-Router를 사용해 싱글 페이지 어플리케이션이 되거나 화면의 UI가 복잡해 컴포넌트 수가 많아지면 번들 js 파일의 크기가 매우 커집니다. 즉, 캐시를 사용하지 않는 익스플로러라면 소스에서 한 글자만 바뀌더라도 모든 페이지에서 거대한 번들 js를 새로 로딩하게 되고, 상당한 서버 자원을 소모합니다.Code Splitting 적용 전위의 이미지는 Code Splitting을 적용하기 전의 번들 js 정보입니다. 실제로 완성된 Vue 프로젝트의 번들 js는 더욱 큽니다. 정말 단순한 페이지 하나를 띄우는데 매번 뚱뚱한 js를 로딩해야 하는 것은 서비스 제공자와 서비스 사용자를 모두 괴롭게 할 것입니다.Code Splitting 적용 후하지만 위처럼 작은 조각으로 나눠 필요한 시점마다 필요한 번들 js만 로드하면 매우 빠른 페이지를 제작할 수 있습니다. 따라서 Code Split 기능은 매우 중요한 이슈입니다.물론 개발을 진행하다 보면 역시 어느 것 하나 쉽게 넘어가지지 않습니다. 관리자의 웹팩은 4.x 버전대를 사용하고 있습니다. 예전에 TF에서는 Webpakc 3.x 버전대를 사용하였는데 당시에는 CommonChunkPlugin 설정을 통해 Code Splitting을 사용할 수 있었습니다. 그대로 관리자에 적용하려 했는데..Removed라고 쓰여 있습니다. 찾아보니 CommonChunkPlugin이 옵티마이즈 옵션 하위의 splitChunk 속성으로 들어가면서 설정 방법이 바뀌었더군요. 머리를 싸매고 설정을 잡습니다.4-1) /[webpack루트]/build/webpakc.config.js : 공통 설정파일'use strict' const HtmlWebpackPlugin = require('html-webpack-plugin'); const { VueLoaderPlugin } = require('vue-loader'); const path = require('path'); module.exports = { entry: { //string, object, array 가능 - 기본은 ./src app: path.join('[스크립트 파일 경로]', 'index.js') //진입점 스크립트 파일입니다. }, output: { path: '[빌드된 js 목적지 경로]', publicPath: '[이미지등의 웹상 리소스 경로]', filename: './[name].[chunkhash].js', // 엔트리 파일명명규칙 chunkFilename: '[id]_[chunkhash].js', // chunk파일 명명 규칙 // --mode development에서는 [id]에도 chunkName들어갑니다. }, //vue와 js, css 로드 규칙을 설정합니다. module: { rules: [ { test: /\.vue$/, loader: 'vue-loader', include: [ /[Vue 소스 경로]/ ] }, { test: /\.js$/, use: { loader: 'babel-loader?cacheDirectory', }, include: [ /[Vue 소스 경로]/ ] }, { test: /\.css$/, oneOf: [ { use: [ 'vue-style-loader', 'css-loader' ] } ] } ] }, resolve: { alias: { '@': '[Vue소스 경로]', // 편의상 소스단축경로를 설정합니다. }, //파일 확장자 자동인식 임포트시 해당 확장자는 생략가능합니다. extensions: ['.js', '.vue', '.json'], }, plugins: [ // Vue 파일 로더 new VueLoaderPlugin(), // html 자동 바인딩 // 아래의 플러그인으로 인해 index.html에 해시네임으로 빌드된 index.js가 자동으로 매핑됩니다. new HtmlWebpackPlugin({ // index.php에서 include할 파일이 생성될 경로와 파일명 입니다. filename: path.join('[View경로]', 'index.html'), // 자동으로 매핑할 진입점파일을 지정합니다. template: path.join('[Vue소스 경로]', 'index.html'), inject: true, minify: { removeComments: true, collapseWhitespace: true, removeAttributeQuotes: true } }), ], optimization: { //웹팩 4.x 버전에서 옵티마이즈 속성으로 추가된 CodeSplitting 기능입니다. splitChunks: { //initial - static파일만 분리, async - 동적로딩파일만 분리, all - 모두 분리 chunks: 'async', minSize: 30000, minChunks: 1, maxAsyncRequests: 5, //병렬 요청 chunk수 maxInitialRequests: 3, //초기 페이지로드 병렬 요청 chunk수 automaticNameDelimiter: '_', //vendor, default등 prefix 구분문자 (default : '~') name: true, //development모드일때 파일에 청크이름 표시여부 cacheGroups: { default: { minChunks: 2, //2개 이상의 chunk priority: -20, reuseExistingChunk: true //minChunks이상에서 사용할경우 공통사용 }, //axios, vue 같은 공통 모듈은 vendor로 관리합니다. vendors: { test: /[\\/]node_modules[\\/]/, priority: -10 } } } } }; 4-2) /[webpack루트]/build/webpack.dev.config.js 개발용 설정 파일 (네이밍은 자유)'use strict' const merge = require('webpack-merge') const webpack = require('webpack') const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin const baseWebpackConfig = require('./webpack.config') const config = require('../config').dev //개발용설정 const devWebpackConfig = merge(baseWebpackConfig, { //mode는 chunk[id], 디버깅 코드 등에 영향을 줍니다. webpack 3.x 버전에서는 Env 속성을 통해 관리했다고 합니다. mode: 'development', plugins: [ new BundleAnalyzerPlugin(), //번들 무게 분석기 제대로 스플릿 되었는지 확인할 때 사용합니다. new webpack.DefinePlugin({ env : config.env }), ], watch: true, //코드의 변화를 감지해 자동으로 재빌드해주는 옵션입니다. cache: true, //캐시 사용을 활성화하면 변경사항이 있는 코드만 재빌드합니다. optimization: { //uglify 플러그인 코드 압축 여부를 설정합니다 압축 시 용량을 매우 줄일 수 있으나 빌드 속도가 크게 저하되므로 개발 시에는 꺼줍니다. minimize: false, } }) module.exports = new Promise((resolve, reject) => { resolve(devWebpackConfig); }) 4-3) /[webpack루트]/build/webpack.prod.config.js 서비스용 설정파일 (네이밍은 자유)'use strict' const merge = require('webpack-merge') // 설정파일 결합에 사용합니다. const webpack = require('webpack') const baseWebpackConfig = require('./webpack.config') //베이스 설정파일 const config = require('../config').prod //서비스용 설정 const prodWebpackConfig = merge(baseWebpackConfig, { mode: 'production', //chunk[id], 디버깅 코드등 영향 있음 plugins: [ new webpack.DefinePlugin({ env : config.env }), ], //개발용과 반대로 용량은 줄이고 필요 없는 기능은 꺼줍니다. watch: false, cache: false, optimization: { minimize: true, } }) module.exports = prodWebpackConfig 5.package.json웹팩 설정 파일이 분리되면서 package.json의 런 스크립트도 변경했습니다.... "scripts": { "build": "webpack --config build/webpack.prod.config.js --progress", "build-dev": "webpack --config build/webpack.dev.config.js --progress" }, ... 6.Vue-RouterVue-Router는 위에서 설명한 대로 Vue의 컴포넌트와 밀접하게 결합된 라우터입니다. 그런데 여기서 webpack의 Code Split을 사용하려면 컴포넌트 import 방법이 매우 중요한데요.import './testComponent' 위처럼 import 구문을 사용해 컴포넌트를 불러오면 코드가 쪼개지지 않고 한 덩어리로 빌드되므로 아래와 같은 형태로 사용해야 합니다.const testComponent = () => import('./testComponent') webpack 공식 문서에도 나와있듯이 위처럼 ES2015 Loader spec에 있는 import()를 사용하여 컴포넌트를 생성해야 번들 js가 제대로 분리되며, Dynamic Import가 가능해집니다.Vue-Router를 쓰는 순간 싱글 페이지 어플리케이션이 되기 때문에 이곳에서 설정을 잘못 잡아주는 순간 육중한 컴포넌트 한 덩어리가 튀어나오면서 Code Splitting은 물거품이 되어버립니다. 조심합시다!또한 import 함수 안쪽엔 아래와 같은 주석을 달아야 청크 이름이 적용됩니다.const testComponent = () => import( /* webpackChunkName: '[청크이름]'*/ './testComponent') 라우터 경로 속성인 path 와 Codeigniter의 컨트롤러 경로를 맞춰주는 것이 포인트입니다!6-1) /[webpack루트]/router/index.js - 경로와 파일명은 자유입니다!import Vue from 'vue' import Router from 'vue-router' // 주석의 webpackChunkName = 코드 스플릿 chunk Name으로 사용됩니다. // 꼭 컴포넌트와 청크 이름을 같게 설정할 필요는 없습니다. const SalesAnalysisProduct = () => import(/* webpackChunkName: "salesAnalysisProduct" */ '[컴포넌트 파일 경로]') const SalesAnalysisSeller = () => import(/* webpackChunkName: "salesAnalysisSeller" */ '[컴포넌트 파일 경로]') const TrendAnalysisProduct = () => import(/* webpackChunkName: "trendAnalysisProduct" */ '[컴포넌트 파일 경로]') const TrendAnalysisSeller = () => import(/* webpackChunkName: "trendAnalysisSeller" */ '[컴포넌트 파일 경로]') Vue.use(Router) const router = new Router({ mode: 'history', routes: [ /* 통계 */ { path: '[CI컨트롤러 url]/salesAnalysisProduct', name: 'salesAnalysisProduct', component: SalesAnalysisProduct }, { path: '[CI컨트롤러 url]/salesAnalysisSeller', name: 'salesAnalysisSeller', component: SalesAnalysisSeller }, { path: '[CI컨트롤러 url]/trendAnalysisProduct', name: 'trendAnalysisProduct', component: TrendAnalysisProduct }, { path: '[CI컨트롤러 url]/trendAnalysisSeller', name: 'trendAnalysisSeller', component: TrendAnalysisSeller }, ] }) // 아래의 함수로 전처리 후처리도 가능합니다! router.beforeEach((to, from, next) => { // ... }) router.afterEach((to, from) => { // ... }) export default router 7.Vuex앞서 Vue와 Vuex, 컴포넌트간 통신과 상태 관리에서 소개했던 상태 관리와 통신을 위한 Vuex도 추가합니다. Vuex는 하나의 Store만 쓸 경우 상태 변수의 과포화로 인해 유지 보수가 어려워질 수 있으므로 namespace: true 옵션을 통해 도메인별로 관리합니다.7-1) /[webpack루트]/vuex/store.js - Vuex 진입파일import Vue from 'vue' import Vuex from 'vuex' // 각 도메인별 store들이 들어있는 modules 를 임포트해줍니다. import * as modules from './modules/index' Vue.use(Vuex) export default new Vuex.Store({ state : { }, getter: { }, mutations : { }, actions : { }, modules : modules.default }) 7-2) /[webpack루트]/vuex/modules/index.js - 도메인별 Store 자동 바인딩 스크립트const files = require.context('.', false, /\.js$/) const modules = {} //자신(index.js)를 제외한 파일들을 파일이름을 Key로 modules에 담습니다. files.keys().forEach((key) => { if (key === './index.js') return modules[key.toLowerCase().replace(/(\.\/|\.js)/g, '')] = files(key).default }) export default modules 7-3) /[webpack루트]/vuex/modules/statistics.js(통계 store 파일) - 예시입니다.export default { namespaced : true, //해당 속성을 통해 파일명을 namespace로 사용합니다. state: { /* 상태값 및 데이터 */ ... }, getters: { }, mutations: { /* state 변경처리 */ ... }, actions: { /* 통신처리 */ ... } } namespace: true로 되어있으므로 파일명인 statistics를 namespace로 사용하게 됩니다. 따라서 store 각 항목에 대한 접근은 다음과 같이 이뤄지며 computed 속성에 state: this.$store.state.statistics 처럼 정의해두면 편리합니다.dispatch는 this.$store.dispatch(‘statistics/[action 이름]’)commit은 this.$store.commit(‘statistics/[mutation 이름]’)state 변수 접근은 this.$store.state.statistics.[state 이름]8.공통 처리 mixinapi 통신에 사용되는 통신 라이브러리와 그 라이브러리의 복잡한 설정 코드, 단순한 Toast 출력 함수, 로딩 이펙트를 보여주는 함수 등 모든 항목들이 매 페이지마다 있으면, 통일되지 못한 UI, 페이지마다 일관되지 못한 설정 등으로 휴먼 에러가 발생할 확률이 높아집니다. 유지 보수 측면에서도 비용이 높아집니다. 이러한 단순 반복 코드들은 한번만 정의하고 재사용하는 것이 바람직합니다. 나중에 수정할 때도 용이하죠.공통사항을 묶어 Vue 전역 믹스인으로 Vue 루트 객체에 추가합시다. 단, global 옵션인 만큼 조심해서 써야 합니다. 시스템에 영향을 줄 것 같으면 하위 컴포넌트 mixins 속성에 넣어 해당 스코프에서만 사용하는 것이 바람직합니다.8-1) /[webpack루트]/common/common-mixin.js (파일이름, 경로는 자유입니다!)import Vue from 'vue' import Vue from 'axios' import Cookies from 'js-cookie' const TIMEOUT = '[타임아웃 시간(ms)]' /* mixin의 기본 형태는 Vue 컴포넌트의 형태와 동일합니다. 주로 전역 통신과 상태 관리는 vuex store에서, 전역 data 속성과 전역 함수는 mixin에서 관리합니다. */ Vue.mixin({ /* 전역 사용 data속성 선언 */ data: () => { return { ... //이곳에 선언하는 data 속성은 전역에서 this로 접근 가능합니다. } }, created: function() { // 공용 axios 객체 생성 this.axios = axios.create({ timeout: TIMEOUT, withCredentials: true, //공통해더는 여기에 headers : { } }); //axios 의 success와 error를 mixin method에서 처리 하도록 등록 this.axios.interceptors.response.use(this.onSuccess, this.onError) }, /* 전역 사용 함수 선언 */ methods: { /* axios의 response handling 함수*/ onSuccess : response => { }, onError : function (error) { }, /*GET, POST 등의 통신 함수, Toast(alert) 표출함수, 에러핸들링함수 등 선언*/ /*... 내용이 너무 길어서 생략 ...*/ } }); 9.요약지금까지의 내용은 파일 경로를 토대로 요약하면 다음과 같습니다. 참고로 아래의 폴더 구조는 절대적인것은 아닙니다. 모든 폴더 구조는 자율이며, 폴더 구조에 맞게 webpack.config.js에서 조정해주면 됩니다.[프로젝트 루트] └ [웹팩 루트] └ package.json └ [Vue 소스 루트] └ [common] └ [router] └ index.js // 라우터 설정파일 - CI 컨트롤러와 url 맞춰줘야함 └ [vuex] └ index.js // 도메인별 store module export 스크립트 └ [modules] └ 도메인별 store.js └ [컴포넌트 폴더] //예시에서는 ststistics └ App.vue //진입점 vue파일 Vuex와 전역 mixin 세팅 └ index.html //index.js가 주입될 껍데기 └ index.js //진입점 js Vue-Router와 App.vue 세팅 └ [build] // 빌드파일경로 └ webpack.config.js //베이스 설정파일 └ webpack.dev.config.js //개발용 설정파일 └ webpack.prod.config.js //서비스용 설정파일 └ [application] //Codeigniter 루트 └ [controllers] └ [컨트롤러 경로] // 예시의 통계부분 └ [views] └ [웹팩빌드 결과 폴더] └ [index.php] // CI 에서 로드하는 view (index.html include) └ [index.html] // js 번들이 자동 주입된 빌드결과 파일 └ [include] └ [scripts] └ [빌드결과 js 경로] //public path 속성 경로 └ 빌드 결과 js chunk들 마치며관리자 서비스에서 완전한 Vue를 사용하기 위해 꽤 험난한 과정을 거쳤습니다. 지금도 잘 돌아가는 서비스에 리스크를 감수하면서도 새로운 것을 도입하려는 이유를 찾아야 했고, 한동안은 레거시와 Vue로 된 소스를 2중으로 개발해야 했습니다.게다가 이 글을 작성하기 시작했을 땐 Code Splitting 설정 방법이 바뀌어 적용하지도 못한 상황이었기 때문에 사실 Code Splitting 내용이 없었습니다. 그런데 글을 작성하면서 splitChunk옵션을 성공해버렸어요! 덕분에 이 글도 모두 수정해야 했죠. Vue의 도입을 고려하는 개발자분들에게 도움이 되길 바라는 마음으로 글을 마칩니다.참고1)Vuex Store는 Vue와 Vuex, 컴포넌트간 통신과 상태 관리에 자세히 정리해두었다.2) 브랜디 관리자 서비스는 jQuery로 작성되어 있다. 따라서 jQuery를 베재할 수만은 없는 상황이었다. 이에 따라 기존 jQuery 컴포넌트들에 대한 해결책은 천보성 팀장님이 작성한 JQuery 프로젝트에 VUE를 점진적으로 도입하기를 참고했다. props와 emit 기능을 이용해 jQuery로 제작한 컴포넌트를 깔끔하게 Wrapping 하는 방법에 대해 자세히 기술되어 있으며, 이를 활용하면 레거시 UI 플러그인을 마치 네이티브 Vue 플러그인처럼 사용할 수 있다.글강원우 과장 | R&D 개발2팀[email protected]브랜디, 오직 예쁜 옷만

이메일 디자인에 있어서 모바일에 대한 고려는 선택이 아니라 필수입니다. 몇 가지 원칙을 지키면 모바일 친화적인 이메일을 디자인할 수 있습니다.반응형 디자인?웹페이지를 디자인 할 때 다양한 화면 크기에 대응하기 위해 반응형 다지인을 적용합니다. 반응형 디자인의 핵심은 CSS의 미디어 쿼리(media query)입니다. 미디어 쿼리를 사용하면 화면 크기에 따라 어떤 요소를 표시하거나 숨길 수 있고, 스타일을 바꿀 수 있습니다.출처: Wikipedia Commons하지만 이메일을 디자인할 때 미디어 쿼리를 사용하는 것은 바람직하지 않습니다. 미디어 쿼리를 지원하지 않는 이메일 클라이언트가 있기 때문입니다.모바일 친화적인 이메일 디자인은, 반응형은 아니지만 모바일의 작은 화면 크기에서도 좋은 가독성을 유지할 수 있는 디자인을 의미합니다.모바일 친화적인 이메일 디자인 원칙단순한 레이아웃을 사용합니다. 되도록이면 1단 레이아웃을 사용합니다. 레이아웃이 너무 복잡하면 작은 화면에서 가독성이 떨어집니다.가로 크기는 상대값(%)으로 지정하되, 최대 사이즈는 600px로 합니다.가로 크기를 상대값으로 지정하면 작은 화면에서도 가로 스크롤 없이 콘텐츠를 표시할 수 있습니다. 큰 화면에서 가로 크기가 너무 커지지 않도록 최대 사이즈도 지정합니다.글자 크기는 16px 이상으로 합니다. 글자 크기가 너무 작으면 작은 화면에서 가독성이 떨어집니다. 구글과 애플은 모바일에서 14px 이상의 글자 크기를 사용하도록 권장하고 있습니다.CTA 버튼 크기는 46px 이상으로 합니다. CTA 버튼 크기가 너무 작으면 작은 화면에서 버튼을 클릭하거나 누르기 어려워집니다. 구글과 애플은 모바일에서 각각 48dp, 44px 이상의 버튼 크기를 사용하도록 권장하고 있습니다.모바일 친화적인 이메일을 위해서는 콘텐츠를 단순화하는 노력도 필요합니다. 디자인 이전에 콘텐츠를 모으고 정리하는 일이 필요한데 이 과정을 거치다 보면 디자인도 복잡해지곤 합니다. 가능한 적은 양의 콘텐츠를 담고, 전달한 콘텐츠가 많다면 여러 개의 뉴스레터로 나누어 일정 기간 동안 발송하는 것이 좋습니다.charity: water 사례charty: water는 모바일 친화적인 이메일 디자인의 좋은 사례입니다. 1단 레이아웃을 사용하고 가로 크기를 상대값으로 지정하고, 글자와 CTA 버튼을 충분히 크게 했습니다. 모바일에서도 데스크톱과 거의 동일한 디자인을 보여줍니다.아쉬운 것이 있다면 CTA 버튼을 선택하려면 스크롤을 해야한다는 것입니다. CTA 버튼을 상단에 배치하면 더 많은 클릭을 유도할 수 있을 것입니다.참고MailChimp, Mobile FriendlinessLitmus, Understanding Mobile Email ApproachesGoogle, Material Design GuidelinesApple, iOS Human Interface Guidelines#슬로워크 #스티비 #디자인 #마케팅 #마케터 #디자이너 #인사이트 #일지

다시 돌아온 태그솔루션의 대표 박승환입니다. 제품의 양산 전 제품 구상부터 크라우드펀딩까지 과정을 1편에서 간략하게 설명드렸습니다.https://brunch.co.kr/@rr5ys5s/3시제품부터 양산 그리고 유통까지(1)태그솔루션 조명 브랜드 코스모블랑 생존기 | 하드웨어 기술창업에 관심을 가진건 2014년 6월부터였다. 사실 스타트업이라는 단어도 그때 인생에서 처음 들었던 것 같다. 그 후 2015년 1월 태그솔루션을 만들고 지금은 만 3년이 지나고 나 자신과 태그솔루션 모두 죽음의 고개를 넘어가고 있는 시점이다. 지금의 태그솔루션이 있기까지 나 자신의 무지함으로 겪은 어려움이 굉장히 많았고, 지금도 그 문제를brunch.co.kr/@rr5ys5s/3 이번에는 좀 더 구체적으로 실제 양산의 프로세스에 대해서 말씀드리고, 그 과정에서 발생한 문제점들과 주의할 점에 대해서 공유를 하고자 합니다.백문이불여일견 빠르게 영상을 통해 눈으로 확인해보도록 하자.경기도 부천에 있는 조립공장 풍경첫 번째 시제품의 검증과 크라우드 펀딩의 단계가 마무리되었다면, 실제 제품을 생산하기 위한 다양한 공정들과 부품들을 쏘씽하여 생산을 준비한다. 그 이후에는 제품의 포장과 물류 등을 준비한다. 솔직히 정해진 순서는 없지만 디자인이 완전히 결정되고 나면 금형을 가장 먼저 제작하는 게 우선이다. 기간 소요가 많이 되고 중간에 수정 등의 이슈 등이 발생할 확률이 크기 때문이다. 철저하게 코스모블랑이라는 하드웨어를 기반으로 글이 작성되어서 타제품의 생산과는 조금 다를 수 있습니다.제품 생산시 기본적으로 필요한 사항들1) 제품 생산을 위한 공장 섭외 ( 부천 핸드폰 케이스 사출 공장 선정 )2) 제품 패키징 준비 ( 방산시장 발품팔이 ) 3) PCB설계 및 제작 / 부품 구매 ( PCB설계 외주 / 생산은 직접 )4) 본체 사출 및 후가공(색상, 질감) 확정5) 구성품(거울닦이, USB케이블, 거치대, 스티커, 설명서 등) 제작6) 최종 품질관리 및 조립/포장 지시 ( 정말 중요한 부분! )위 사항들이 동시다발적으로 발생하여서 순서는 의미 없음을 미리 말씀드리며 순차적으로 항목 별로 경험한 과정을 설명하려고 합니다. 일단 위 항목들이 진행되는 동안 가장 중요한 것은 일정관리이다. 물론 크라우드펀딩의 특성상 고객들과 약속한 날짜까지 제품이 완벽히 생산되어 배송돼야 한다는 강박관념이 당신과 함께한다면 일정에 대한 중요성을 항상 느끼겠지만 그게 아니라면 꼭 일정을 확실하고 타이트하게 관리하길 빈다! 일정이 확실하지 않으면 프로젝트는 항상 늘어지기 마련이고, 타이트하게 잡아도 분명 일정대로 못 가고 미뤄지기 때문에 꼭 업체들과의 1일 1 통화를 실천하길 바란다. ( 3배의 법칙이라고 있다. 무언가 이루기 위해서는 생각한 시간, 비용, 인력이 모두 3배가 들어간다. 나는 항상 머리 속에 3배의 법칙을 넣어두고 일한다. )자 드디어 본론이다.1. 제품 공장 섭외공장 섭외하는 방법은 다음과 같다. 매우 간단한 프로세스다.필요로 하는 공정에 대해서 구글링 -> 관련 업체를 컨택 -> 방문 및 상담 -> 다시 구글링 -> 업체 컨텍 -> 방문 및 상담 -> 하드웨어의 공장을 정하는 과정이 소프트웨어에서는 서비스의 최적화를 위한 프레임워크나 기반이 되는 운영체제 등을 결정하는 매우 매우 중요한 과정이라고 보면 된다.패키지에 들어갈 준비를 하는 제품들위 무한루프를 누가 많이 경험하느냐가 내 제품의 단가와 금형 등의 공정에 들어가는 초기 비용을 단축시킬 유일한 방법이다. 일단 사전에 시제품이 나오는 단계부터 경기도 권에 수많은 공장들을 직접 다니며 공정을 보고 원리를 배우는 걸 추천한다. 이 부분이 정말 정말 중요하다. 제조를 하고 싶으면 현장에서 사장들에게 배우고 친해지고 소개받고 그 생태계를 이해하는 게 제조업 스타트업이 살아남는 방법이라고 해도 과언이 아니다. 우리는 이미 2015년부터 만나 온 수많은 사장님들을 기반으로 이번 코스모블랑의 제조를 시작했다. 그래서 기존 인프라를 통해 좀 더 수월하게 생산을 진행할 수 있었지만 처음 시작하시는 분이라면 정말 많이 돌아다니셔야 결국 그게 노하우로 남는다고 자신있게 말씀드릴 수 있다. 특히 금형은 부르는 게 값이다. 제품의 디자인에 따라 혹은 사출하는 방식에 따라 가격도 천차만별이므로 국내에 있는 최대한 많은 곳에서 견적을 받아보길 바란다. ( 중국은 금형가격이 싸지만 사출가격 및 물류비용에서 배보다 배꼽이 더 클 수 있으므로, 첫 생산이라면 되도록 한국에서 먼저 경험해보자. )  사출의 경우에는 후가공과 조립 모두를 턴키로 하는 곳에 더 저렴하므로 본인의 제품의 단가를 위해서 좋은 파트너를 만나는 것도 중요하다. 우리의 경우에는 사출 후가공 조립 포장까지 모두 턴키로 진행한다. 우리 업체의 경우 본업은 핸드폰케이스 사출 및 후가공이지만 과거 수유등을 제조했던 경험이 있어서 더 매력적으로 느껴졌다. 그리고 일단 사장님이 내 나이 또래로 이야기가 정말 잘 통했다... 최고 최고!! 그리고 최대한 사업에 대한 설명과 이해를 공장 사장님들께 어필하는 것도 상당한 도움이 된다. 다짜고짜 필요한 내용만 말하는 것보다는 간략한 소개는 꼭 미리 하는 것으로 하자. ( 공들인 만큼 대하는 태도가 달라진다. )위 무한루프를 통해서 생산에 필요한 공정 섭외가 완료되면 제품을 위한 패키징도 준비해보자. 2. 제품 패키징 제작제품의 포장은 정말 중요하다. 그리고 정말 웃긴 건 포장재를 어떤 걸 쓰는지에 따라 가격이 천차만별이다.제품 가격 중에 정말 많은 비중을 차지할 수도 있는 게 패키징 박스이므로 정말 간과해서는 안된다.코스모블랑은 고급 전략을 택했다. 제품 자체가 유니크하므로 패키지도 최대한 고급스럽게 보이게 만들어보자라는 단순한 생각으로 을지로 방산시장을 떠돌기 시작했다. 싸바라박스,  골판지박스, 비닐포장 등등....가격대를 살짝 말씀드리면 일단 크기에 따라 가격차이가 심하긴 하지만 싸바라 박스는 4000원 이상( 내장재 스펀지로 하거나 기타 옵션들을 추가하면 배보다 배꼽이 커지는 놀라운 현상이 발생한다. )골판지박스도 2000원이상.. 우리 박스 크기가 크긴 하지만... 너무 비싸다고 생각했다. 꼭... 발품 많이 팔아서 저렴한 곳을 찾길 바란다. 방산시장 내부에서도 적게는 천 원에서 많게는 천오백 원까지도 가격차가 있어서 충격을 받았다! 순백의 패키지오른쪽 덮힌 쪽에는 구성품들이 들어가 있다.3. PCB 설계 및 제작 / 부품 구매코스모블랑 PCB모습위 보이는 놈이 PCB란 놈이다.쉽게 말해서 제품을 구동하는 초록색 기판이다.설계는 직접 진행하지 않고 외주를 맡겼으며, 외주업체에게 전달받은 데이터와 매뉴얼을 기반으로 직접 외부 생산업체(PCB 제조 , SMT 업체)를 통해 생산을 진행하고 있다. 부품이 워낙 많이 들어가기 때문에 이 부분이 가장 손이 많이 가긴 했다.특히나 BOM 관리라고 해서 부품별 재고를 관리하는 툴들이 있는데 우리는 그냥 엑셀로 작성해서 사용 중이다. 실제 우리가 쓰고 있는 BOM 관리너무 오픈하는 건 아닌가 싶지만 재고관리는 정말 손이 많이 간다. 돈은 없으니 많이 살 수는 없고.. 버리는 불용자재가 생기면 안 되므로 부품의 구매에 대해 결정하는 것이 쉽지가 않다. 또한 배터리를 저렴하게 구하는 게 쉽지 않았다. 국내에서는 KC인증이 완료된 리튬이온 배터리를 사용해야 하는데 Alibaba를 통해서 KC인증이 완료된 배터리를 파는 가장 저렴한 밴더를 통해서 구매할 수 있었다. ( 배터리는 민감하므로 국내 판매일 경우 KC가 인증된 배터리를 사용하는 것을 추천드린다! 간혹 알리바바에서 중국 벤더들이 자기들한테 돈 더 주면 KC인증도 금방 받아준다고 말하는데 그냥 KC 인증된 배터리로 검색하면 나오니 돈을 추가적으로 들이지 말자... )중국에서 들어오는 칩이나 배터리 등의 경우 납기가 길면 12주까지 소요되는 것들도 있어서 부품 수배는 꼭 미리미리 그리고 빠르게 배송을 받을 수 있는 방법 등에 대해 미리 사전에 인지하고 있어야 한다.참고로 저 위에 보이는 부품들을 하나하나 인터넷 검색해서 구매하면 좋지만 대부분 부품 공급 업체들이 존재한다. 구로 공구상가 같은 곳에 많은 업체들이 포진해 있으니 참고하시면 된다!4. 사출 및 후가공 결정, 구성품 준비제품의 퀄리티를 결정하는 건 무엇인가? 그것은 바로 후가공이다. 제품의 표면처리 혹은 색상의 선택에 다라 그 제품은 촌스럽거나 후지거나 혹은 엄청나게 아름다운 제품이 될 수 있다. 절대 타협하면 안 되는 부분이기도 하다. 사출하는 재질을 결정하고 ABS, PC 등등 어떤 재질에 후가공되는지에 따라서도 퀄리티가 차이가 난다. 솔직히 돈을 많이 주면 줄수록 고급스러운 후가공을 할 수 있다. 하지만 우리는 단가와의 싸움을 해야 하므로... 첫 번째로 색상을 입히는 도장 공정에서 승부를 보자! 확실히 퀄리티가 달라질 것이다.초기 시제품 색상 ( 화이트, 로즈골드, 블루그레이 )아마 사출품이 나오면 곧바로 후가공을 결정하는 작업을 진행할 것이다. 색상은 정말 다양하고 그 색상에도 펄이 들어가고 안 들어가고 색상값을 매우 디테일하게 조정할 수 있다. 컬러북이나 색상값을 확실히 표현할 수 있는 실물이 있으면 가장 편하다. 그리고 절대 타협하지 말자. 이 정도 색상이면 되겠지?라고 판단하기보다는 여러 조명 아래서 제품의 색상과 퀄리티 체크를 몇 번이고 반복하는 것을 추천한다. 물론 업체는 정말 짜증 날 거다. 하지만 제품의 외관에서 가장 중요한 단계이기 때문에 절대 타협하지 말고 고집스럽게 색상값을 결정하는 것을 추천드린다.그리고 코스모블랑의 구성품은 생각보다 다양하다. 제품만 만들면 끝이 아니라.사소한 걸 따지면 뒷면 스티커, 설명서, USB 커넥터, 안경닦이, 전면 보호필름, 거치대 등등 아주 다양하므로 제품의 구성도 사전에 체크하고 종이와 스티커 하나하나까지 신경 쓰며 제품을 구성하길 바란다.깔끔한 구성이구나! 5. 최종 품질관리 및 조립/포장 지시 ( 정말 중요한 부분! )내부 구성품의 사소한 포장까지도 일단 품질관리의 기본은 바로 지시사항을 얼마나 디테일하게 전달하느냐이다.작업 지시서와 실제 라인에서 일하시는 분들에게 몇 번이고 반복해서 작업내용에 대해서 말씀드리는 것만큼 중요한 건 없다.그저 좋은 품질로 만들어주세요가 아니라, 직접 조립하는 역할은 아니지만 디테일하게 하나하나 지시해주어야만 한다는 것이다. 실제로 일하시는 분들은 외국인일 경우가 많아서 우리는 한글보다는 그림으로 설명하는 지시서를 준비하기도 했다. 그보다 더 중요한 것은 직접 현장에서 함께 조립해보면서 문제를 파악하는 것이다.조립 순서 정하기 및 역할 정하기포장박스 접는 법, PCB를 몸체에 고정하는 토크까지도 정해줘야 한다. 너무 강하게 고정되면 스위치가 잘 작동 안 하는 경우도 있었으며, 실제로 소비자들이 받고 느낄 수 있는 디테일한 것 하나하나 모두를 체크해야 한다.그러는 동시에 효율적인 조립방식을 찾아야 한다. 사실 조립비용은 전부 인건비이기 때문에 실질적으로 시간이 금이다. 조립이 가장 효율적인 방법을 찾는 것 역시 체크해야 할 부분이다. 우리는 제품 내부 센서나 스위치 등 PCB에서의 오류들이 많아서 사전에 10개 세트 정도만 미리 조립하고 문제를 파악해서 PCB 천 개를 다시 생산하기도 했었다... 사전에는 꼭 많은 양을 생산하기보다는 준 양산 개념으로 미리 생산해보는 것을 추천한다!조립라인에서 순서대로 정돈된 형태로 제작하는 중이다. 코스모블랑 거치대 및 물류를 위한 라벨택의 모습사실 모든 문제는 한번 경험하면 다 드러난다. 그때 다시 고치면 된다. 하지만 양산의 경우 샘플이랑은 다르게 적으면 몇백 개에서 천 개, 만개까지 대량이기 때문에 사소한 문제 하나 때문에 정말 많은 스트레스를 받을 수 있다. ( 사실 우리도 불량이 될 소지들이 PCB와 거치대에서 정말 많이 발생해서 천 개 이상을 다시 생산하기도 했다. 정말 그때 너무 힘들었다... 미리 알 수도 있었을 불량이었는데... )그래서 꼭 미리 현장에서 하나부터 열까지 체크하며 아주아주 자세한 지시를 해줘야 한다. 정말 디테일하게 지시해주고 작업 지시서를 작성해서 열심히 뿌려 교육시키자! 말이 너무 길어져서 2편은 여기서 마무리하겠습니다! 3편에서는제품 생산 후 기본적으로 필요한 사항들1) 제품 포워딩을 위한 물류업체 선정2) A/S 및 소비자 정책결정 3) 제품 KC인증 ( 전자파 인증 )+ 좌충우돌 유통 및 판매 과정과 냉혹한 시장에 대해서 글을 쓸 예정입니다! 기대해주세요!!                                                                                                                    글쓴이: 태그솔루션 박승환To be continued...#태그솔루션 #TAGSOLUTION #제품소개 #인사이트

 < 한샘 신입사원 공채 OJT 우수사원 이지향사원을 만나다~! >  2011년도에 이어 2012년 상반기 한샘이 브랜드 조사에서 가구업계 1위를 차지한 한샘!!KBPI, NBCI, 브랜드스탁 등 여러 인증제도에서도 1위로 선정 되었지요.이처럼 여러분들의 많은 사랑을 받기 위해 발로 뛴 한샘의 인재들은 어떤 사람들일까요?한샘의 신입공채 OJT 우수사원 이지향 사원과의 인터뷰를 통해한샘의 인재들을 소개해 드릴게요 :) * 고객감동 OJT란?영업현장에서 고객과의 만남을 통해 시장을 이해하는 육성과정경영자 후보로서 리더십을 경험하고 조기에 경영자가 될 수 있도록 특진에 도전하는 육성과정 신입공채 OJT 우수사원 INT 상품기획팀 이지향 사원과의 인터뷰     Q. 한샘플래그샵 분당점에서 6개월간의 SC OJT를 마치고 상품기획팀에 배치된 이지향 사원,줌인한샘인에 선정되신 것을 축하드립니다~!신입사원 OJT 우수자로 선정되신 이유는 무엇이라고 생각하세요?A. OJT 우수자로 선정된 이유는 기존 분당점의 매출 대비 꾸준한 매출을 달성했기 때문인 것 같아요.지난 12월에는 비수기임에도 점 1등을 했었답니다.꾸준히 찾아주신 고객님들과 옆에서 많이 도와주셨던 한샘플래그샵 분당점분들 덕분에OJT를 잘 마칠 수 있었다고 생각해요.  Q. OJT 기간 동안 많은 것을 느끼셨을 텐데 SC 업무의 어떤 점이 현재 업무에 도움이 될까요? A. SC업무를 하는 것은 고객과 직접 만나는 현장이기 때문에어느 분야에 있던지 꼭 한번은 경험해야 할 과정이라고 생각해요.상품을 기획할 때 고려해야 할 것들에 대해 이전에는 저의 주관적인 관심에 머물렀다면OJT후에는 고객의 관점까지 바라볼 수 있는 넓은 시야를 갖게 되었던 기회였던 것 같아요.  Q. SC업무를 더 잘 하기 위해 특별히 노력한 점이 있으신가요?A. 고객님들과 친밀해지려고 노력했던 것이 많은 도움이 되었답니다. 고객과의 벽을 허물기 위해 고객의 말에 적극적으로 반응하려고 했고,고객의 관심사와 공감대를 이끌어내려고 했어요.그러다 보니 견적만 받고 가셨던 분도 많이 다시 찾아주셔서 좋은 성과를 낼 수 있었답니다.  Q. SC업무를 처음 시작하면 힘든 점이 많았을 텐데앞으로 SC OJT를 시작하게 될 후배들에게 극복방법을 알려준다면요?A. SC업무를 시작할 때는 처음부터 고객이 SC의 도움을 원치 않거나부담스러워하면 자연스러운 방법으로 다가가는 방법을 몰라 다가가다가도 멈칫했었어요.하지만 그럴수록 용기를 내서 자연스럽게 대화를 유도했고고객이 알지 못하거나 필요할 것 같은 제품정보를 순간순간 알려주면서 다가갔습니다.그러다 보면 고객도 점점 저에 대해 믿음이 생기면서 차갑던 반응이 친근하게 돌아설 때면보람도 느끼고 자신감도 생겼어요. 그 자신감이 또 다른 고객에게 다가갈 수 있는 기회를 만들어준 것 같습니다.  Q. 영국에서 일했던 경험이 있다고 들었습니다. 어떤 일을 했었나요?A. 영국에 있는 학교를 졸업하고서는 바로 취업을 하지 않고마음에 맞는 친구들이 모여 프로젝트 디자인 그룹을 만들었어요.이렇게 활동을 하면서 런던디자인 페스티벌에 참가하게 됐고그 후 Habitat라는 영국의 유명한 인테리어 소품, 가구 전문 회사의 VMD로 일하게 됐답니다.쇼윈도에 상품을 예쁘게 보일 수 있도록 전시, 진열하는 일을 하는데,지점마다 VMD가 따로 배치되어 매출에 따라그때 그때 상품진열을 바꿀 수 있게 한 것이 흥미로운 점이었어요.또 고객의 시선이 잘 닿는 곳, 접근성이 좋은 곳에 잘 팔리는 제품이나주력상품을 배치하면 판매율이 달라지는 것이 재미있었어요.Q. 영국에서와 한국에서 일하는 것이 차이가 있을 텐데 어떤 점이 다른지 궁금합니다.A. 영국에서 일했을 때는 디자이너는 디자인 업무만 하면 되는 식이었어요.한국에서는 디자인 외에도 여러 가지 일을 할 수 있어야 해서 멀티플레이어가 되어야 할 것 같아요.또, 유럽은 나이가 아무리 많아도 ‘YOU’라고 하는 문화잖아요.나이에 상관없이 일 할 때 서로를 동등한 입장으로 대한다고 느꼈습니다.자유롭게 의견을 말하고 아이디어를 공유합니다. Q. 이지향 사원이 개발해 낼 제품들이 기대되네요.앞으로 어떤 사원이 되고 싶은지, 앞으로의 목표를 들어 볼게요.A. 현재 인테리어 상품기획팀 신혼침실파트 MD로 발령을 받아 조금씩 일을 배우는 중이에요.신혼침실파트인 만큼 신혼이 가지고 있는 성격과 그들의 스토리를공감할 수 있는 디자인으로 잘 풀어나가고 싶어요.더불어 듀스페이스가 더 대중적으로 브랜드아이덴티티를 가질 수 있도록디자인면에서, 또 브랜딩면에서 기여하고 싶어요.    영국의 유명 디자이너와 일할 수 있었던 기회를 뿌리치고 한샘의 품으로 온 이지향 사원!!가구와 공간에 대한 이지향 사원의 애정과 열정이 느껴지는 인터뷰였지요?이지향 사원을 비롯해 OJT를 끝내고 현업에 배치된 모든 신입사원 여러분 그 동안 수고 많으셨어요.작성자 한샘#한샘 #줌인한샘인 #한샘신입공채 #한샘공채 #고객감동OJT #한샘OJT #한샘인터뷰 #한샘고객감동 #OJT

“매일매일 새로운 도전으로 채워지는 자리” – 패스트캠퍼스에서 일하는 콘텐츠 마케터 이야기“마케팅 중 유효한 것은 콘텐츠 마케팅 뿐이다.” – 세스 고딘<보랏빛 소가 온다>를 쓴 세계적인 마케팅 구루 세스 고딘의 말처럼 콘텐츠 마케팅은 마케팅의 주류로 자리잡으며 전통적인 광고의 입지를 위협하고 있습니다. 그런데 콘텐츠 마케팅은 범주가 넓어 기업 특성에 따라 실무에서 담당하는 업무가 다양한데요. 이번 글에서는 패스트캠퍼스의 콘텐츠 마케터들은 무슨 일을 어떻게 하는지 자세히 알려드리고자 프로그래밍팀 시니어 콘텐츠 마케터 김하림님과 파이낸스팀 콘텐츠 마케터 이유나님을 모시고 인터뷰를 진행했습니다.안녕하세요 하림님 유나님, 오늘 인터뷰에 응해 주셔서 감사합니다. 간단하게 자기소개 부탁드려도 될까요? 안녕하세요, 프로그래밍팀 시니어 콘텐츠 마케터 김하림입니다. 지난주에 막 입사한 지 1년이 되었어요.안녕하세요, 저는 파이낸스팀 콘텐츠 마케터 이유나라고 합니다. 패스트캠퍼스에서 일한 지 이제 9개월 째고요. 두 분께서는 패스트캠퍼스에 합류하기 전 무슨 일을 하셨는지, 어떤 계기로 패스트캠퍼스 콘텐츠 마케터로 입사하게 되셨는지 궁금합니다. 패스트캠퍼스에 오기 전에는 웹디자인 일을 하고 있었는데, 회사 규모가 작아 세금계산서 발행부터 제안서 작성까지 회사 운영의 전과정에 참여해야 하다 보니 웹디자인에만 몰두할 수 있는 환경은 아니었어요. 전문성을 가지고 한 가지 일에 좀 더 집중하고 싶어 회사를 그만두었습니다. 그러다 채용공고를 살펴보던 중 패스트캠퍼스의 콘텐츠 매니저(지금은 콘텐츠 마케터로 직함이 바뀌었죠) 자리를 발견하게 되었고요. 제가 할 수 있는 다양한 일들을 업무 역량으로 발휘할 수 있을 것 같아 지원했어요. 저는 지금 마지막 학기를 보내고 있는 대학생이에요. 경영을 전공했고, 교육 분야에도 관심이 있어 국어교육학과를 복수전공하고 있었어요. 제가 흥미를 느낀 이 두 분야를 접목해 할 수 있는 일을 찾다 교육업에 있는 마케터 일이 저에게 딱 맞을 것 같아 지원서를 넣었던 기억이 납니다. 인턴으로 입사했다 정직원으로도 계속해서 함께하는 중이예요. 유나님께서는 인턴 기간이 종료된 후에도 이곳에서 일하고 계신데, 패스트캠퍼스를 선택하신 이유가 무엇일까요? 패스트캠퍼스에서는 인턴이라도 정직원과 같은 일을 하면서 눈치 보지 않고 자기 의견을 낼 수 있던 것이 좋았어요. 저에게는 자기발전을 계속할 수 있는지가 직업을 선택할 때 중요한 기준인데 여기에 맞고, 사회 초년생으로서 일을 배우기에도 좋은 환경인 것 같아 정직원으로 계속 일하고 있습니다. 제가 막 입사했을 때, 당시 팀장님께서 제 직무에 대해 설명해주셨던 것이 기억에 남아요. “프로덕트 매니저가 오프라인에서 기획을 하는 사람이면 콘텐츠 마케터는 온라인에서 기획을 하는 사람이다”라는 말이었는데 저희는 고객분들이 온라인에서 접하는 모든 콘텐츠를 기획·제작하고 글을 쓰는 만큼 일리가 있는 것 같아요. 기획자, 제작자, 에디터의 역량을 모두 발휘해야 하는 사람이 콘텐츠 마케터라고 생각합니다. 하림님의 말씀에 더해, 우리 회사 콘텐츠 마케터가 맡는 특별한 일 중 하나는 상세페이지를 기획 및 디자인해 고객을 설득하는 글쓰기를 한다는 것이에요. 마케터라 하면 광고 크리에이티브를 제작하는 데 업무의 초점이 맞춰져 있다는 느낌이지만, 여기서는 기획 역량까지 발휘해야 하는 점이 특징이죠. 콘텐츠 마케터로서 다양한 일을 하고 계시는데, 어느 정도 정해진 일과가 있을까요? 하루 일과를 딱 잘라서 말하긴 어렵습니다. 그때그때 담당하는 일의 중요도가 달라져서요. 우선 프로덕트 매니저 분이 새로운 강의 기획을 완성하시면 신규 상세페이지를 제작하고, 기존 강의를 업그레이드해 오시면 그에 맞게 기존 상세페이지의 내용을 수정합니다. 홍보 진행이 원활하지 않으면 팀원들과 트러블 슈팅을 통해 상세페이지나 광고 크리에이티브를 손보기도 하고 강사 인터뷰, 수강생 인터뷰 혹은 블로그 게시물이나 카드뉴스 형태의 오가닉 콘텐츠를 발행하기도 합니다. 업무 진행에 있어 큰 틀은 있겠지만 그때그때 업무의 우선순위가 달라져요. 일이 많아 야근할 때도 종종 있고요. 패스트캠퍼스 콘텐츠 마케터 직무, 입사 전 생각했던 것과 실무를 진행하는 것에 차이가 있나요? 저는 비슷한 것 같아요. 간단한 퍼블리싱, 마크업(HTML/CSS로 코딩을 하는 것)을 할 수 있는 사람으로서 이런 스킬들이 상세페이지 제작 업무에 도움이 될 거라고 생각했거든요. 입사 전 필수적으로 갖춰야 할 스킬은 아니었지만 업무를 진행하다 보니 마크업을 알아서 더 도움이 되는 게 많았어요. 그런데… 트러블 슈팅이 이렇게 많을 줄은 몰랐네요. 하하. 저는 하림님과 반대예요. 콘텐츠 마케팅이 이렇게까지 다양한 능력을 요구하는 일인 줄 전혀 몰랐어요. 업무 스킬은 물론 담당하는 강의에 대한 지식적인 부분까지도요. 깊게 파고들 필요는 없지만 얕고 넓은 지식이 필요한 일이더라고요.물론 하림님처럼 업무와 관련된 스킬을 가지고 입사하시면 실무에 확실히 도움 되는 부분이 있어요. 포토샵이나 HTML/CSS 같은 것들요. 하지만 저의 경우에는 포토샵도 못 다룰 만큼 아무것도 모르는 상태로 일을 시작했는데도 필요한 것들을 배워 가며 일할 수 있는 환경이라 괜찮았어요. 그 과정에서 성장하고 있는걸 스스로도 느낄 정도에요.지금 패스트캠퍼스에서는 프로그래밍, 데이터 사이언스, 마케팅, 외국어 등 다양한 팀에서 콘텐츠 마케터를 채용 중인데요. 팀별로 콘텐츠 마케터가 갖춰야 할 배경지식, 선호하는 스킬셋이 다를까요? 크게 차이는 없는 것 같아요. 합류하는 팀에 따라 만들게 되는 콘텐츠의 성격은 달라질 수 있지만 배경지식이 필수는 아니거든요. 프로덕트 매니저 분들이 작성하신 기획 문서를 읽고 핵심이 되는 부분을 짚어 콘텐츠로 만들어낼 수 있으면 됩니다. 이해하기 어려운 부분은 프로덕트 매니저 분들께 물어보면 어느 팀에서건 친절하게 알려주실 거예요. 맞아요. 저도 파이낸스 분야를 공부하며 콘텐츠를 만들고 있는데, 아는 게 점점 많아지고 있는 것 같아 뿌듯합니다. 콘텐츠 마케터는 끊임없이 새로운 것들을 배워야 하는 직무 같은데요. 패스트캠퍼스에서 콘텐츠 마케터로 일하며 가장 힘든 점은 무엇인지 솔직하게 말씀해 주신다면? 하나의 콘텐츠에 오랜 시간을 투입할 수 없는 점? 일주일에 새로운 상세페이지를 세 개씩 만들 때도 있다 보니 한 가지 업무만 집중해서 파고들 시간적 여유가 없어요. 특히 트러블 슈팅이 많이 발생하다 보면 업무 시간이 절대적으로 부족하죠. 유나님 말씀에 더해, 강의마다 특징을 가장 잘 보여줄 수 있는 상세페이지를 만들기 위해 고민하는 게 재밌으면서도 어려운 일 같아요. 이런 부분에 대해 어떤 도움을 드릴 수 있을까 다른 시니어 분들과 함께 고민 중이고요. 그리고 솔직히 말하자면, 일이 정말 많아요. 그게 제일 힘들죠. 업무 과다로 고생이 많으신데, 힘든 점들이 있음에도 이 일을 계속하게 만드는 원동력은 무엇인가요? 일은 많지만 업무 방식에 제한은 없어서 이것저것 새로운 시도를 해 볼 여지가 있다는 게 좋아요. 상세페이지를 수정했거나 새로운 광고 크리에이티브를 만들었는데 효율이 좋다거나, 오가닉 콘텐츠를 발행했는데 커뮤니티 등에 업로드되는 등 좋은 반응을 얻었다거나 하면 보람도 있고요. 틀에 박힌 일을 하지 않는다는 점이 재밌어요. 맞아요. 새로운 시도에 대한 제재가 없으니 할 수 있는 게 많아서 좋죠. 성과에 따른 연봉협상도 유연하게 이뤄지고요. 어떤 콘텐츠 마케터를 동료로 맞이하고 싶으신지 궁금합니다. 새로운 시도에 대한 거리낌이 없으신 분. 새로운 일이 주어졌을 때 ‘저는 이거 못하겠어요’가 아니라 ‘이것도 저것도 해 볼게요’라고 말할 수 있는 분! 팀원들과 협업을 잘할 수 있는 분. 프로덕트 매니저, 퍼포먼스 마케터의 의견을 반영해 콘텐츠를 제작하고 배포하기 때문에 커뮤니케이션 능력이 좋다면 일을 잘할 수 있을 것 같아요. 거기에 하나 더, 자신의 의견만 고집하기보다 다른 사람의 의견을 잘 받아들일 수 있는 분. 서로의 잘잘못을 따지기보다 더 나은 방향을 위해 협업하고 있다는 걸 잊지 않는 분이면 좋겠어요. 쓰는 걸 두려워하지 않는 분이면 정말 좋고요. 맞아요. 포토샵이나 워드프레스 스킬들은 모르셔도 괜찮아요. 저희가 알려드릴게요! 마지막 질문입니다. 두 분께 패스트캠퍼스란 어떤 곳일까요? 매일매일 변화무쌍한 곳. 틀에 박힌 일을 하지 않아요. 오늘, 지금입니다. 오늘이 쌓여서 내일이 되고 매일이 되는데, 그 오늘이 매일매일 새로워요.* 패스트캠퍼스 콘텐츠 마케터는? *  패스트캠퍼스 고객들이 접하게 되는 모든 접점을 컨트롤하는 역할을 담당합니다. 기획 과정에 참여하는 것은 물론 교육 콘텐츠 상세페이지를 제작하고, 매력적인 광고 크리에이티브를 만들고, 강사와 수강생들의 목소리를 전달하기도 합니다. 즉, 패스트캠퍼스에서 만들어지는 모든 콘텐츠의 외모를 결정하고 그 톤앤매너를 관리합니다.

[맛있는 인터뷰 1] 잔디의 든든한 리베로, 백엔드(Back-end) 개발자 John을 만나다                                    잔디의 든든한 수문장, John         스타트업(Startup)의 경우, 구성원들과 회사가 그 운명을 같이하는 것 같다.         개개인의 발전이 곧 회사의 발전으로 이루어지기 때문이다.           – John Kang, 잔디 개발팀편집자 주: 잔디에는 현재 40명 가까운 구성원들이 일본, 대만, 한국 오피스에서 일하고 있습니다. 국적, 학력, 경험이 모두 다른 멤버들. 이들이 어떤 스토리를 갖고 잔디에 합류했는지, 잔디에서 무슨 일을하고 있는지 궁금해 하시는 분들이 많았습니다. 이에 잔디 블로그에서는 매주 1회 ‘맛있는 인터뷰’라는 인터뷰 시리즈로 기업용 사내 메신저 ‘잔디’를 만드는 사람들의 이야기를 다루고자 합니다. 인터뷰는 매주 선정된 인터뷰어와 인터뷰이가 1시간 동안 점심을 함께 하며 다양한 이야기를 나누며 진행됩니다. 인터뷰이에 대해 궁금한 점은 댓글 혹은 이메일([email protected])을 통해 문의 부탁드립니다.안녕하세요, John! 맛있는 인터뷰의 첫 대상자가 되셨어요. 오늘 저희가 먹을 ‘맛있는 메뉴’는 무엇인지 설명해주세요.– 생선구이 어떠세요? 고등어와 연어 요리가 맛있는 집이 국기원 쪽에 있는데요. 비즈니스 팀의 YJ가 버디런치*때 데리고 갔던 곳인데 테이스티로드에도 나오고 꽤 맛있어요.*버디런치(Buddy Lunch): 잔디에서는 매주 금요일 점심 제비뽑기를 통해 짝을 지어 점심을 먹는 버디런치를 실행 중이다                                맛있는 인터뷰 시작 전, 인증샷 한장~!자기소개 부탁드려요.– 잔디의 백엔드(Back-end)를 맡고 있는 John입니다. 잔디에 합류한 건 반년쯤 된 것 같네요. 2014년 9월에 합류했어요. 남중-남고-공대-군대-IT회사까지 소위 ‘솔로계의 엘리트 코스’를 밟고 있는 개발자입니다. 고향은 대구이구요, 서울말을 제 2외국어로 사용하고 있습니다. 회사에서는 서울말을 하고 있지만 고향 친구들을 만나면 자동으로 사투리가 나옵니다. (하하)잔디에는 어떻게 합류하시게 됐는지?– Justin(CTO)과 YB(COO)와 함께 패스트트랙에서 창업 관련 수업을 들었어요. 그때 Justin이 농담처럼 나중에 함께 일하자 했는데 정말 이렇게 부를 줄 몰랐네요.잔디의 어떤 점에 이끌리셨나요?– 잔디라는 서비스도 매력적이었고, 함께 일할 사람들도 매력적이었어요. 개발하면서 직접 만들어보면 재미있겠다고 생각을 한 것이 있었는데 잔디가 바로 그런 서비스였어요. 게다가 함께 일할 사람들이 너무 좋았어요. 프로덕트 아이디어도 중요하지만 함께 일할 동료도 정말 중요하다고 생각해요.  몇 년 전 사업을 구상했던 적이 있는데 아이템에 대한 이견차이로 결국 무산되었던 경험이 있어요. 그 당시 연애하다 헤어진 것과 맞먹는 상실을 겪었는데요. 이런 경험이 있다 보니 뜻이 맞는 동료들이 중요하구나를 뼈저리게 느꼈어요.잔디에서의 역할이 백엔드라 하셨는데 조금 더 자세히 설명해 주실래요?– 용어가 어렵죠? 제가 하는 백엔드 업무는 사용자가 직접 눈으로 보거나 경험하는 부분이 아닌 그 뒤의 처리 과정을 담당하는 일이에요.눈에 보이지 않는 부분이요?– 쉽게 말하면 잔디를 통해 메세지를 보내면 그게 끝이 아니거든요. 메세지를 서버에 저장하고 처리해서 받는 사람에게 잘 전달되도록 해야 해요 그걸 가능하게 만드는 거죠. 잔디에선 MK와 함께 일을 하고 있어요. 업무 특성상, 안드로이드 개발자, 아이폰 개발자와도 함께 일하고 있죠.성과가 눈에 잘 보이지 않는 업무인 것 같아요.– 사실 프론트엔드(Front-end)에 비해 그런 편이죠. 백엔드와 프론트엔드 업무를 모두 해봤는데 각기 장단점이 있어요. 백엔드는 성과가 잘 안 보이는 반면 프론트엔드는 누구나 오류를 지적 할 수 있거든요.둘 다 경험이 있다고 하셨는데 어떤 쪽이 더 재미있으세요?– 어렵네요. 백엔드를 하다 지칠 땐 프론트엔드가 생각나고 프론트엔드 일을 하다 지칠 땐 백엔드가 생각나요. 지금은 백엔드에 만족하고 있어요.지금 하고 계신 업무를 좋아하시는 것 같단 생각이 드네요.– 그래 보여요? 사실 적성에 맞는 것 같아요. 모든 일이 그렇겠지만 프로그래밍은 꾸준히 발전하지 않으면 도태되기 십상이에요. 그러다 보니 계속해서 공부하게 되는 것 같아요. 저뿐만 아니라 잔디의 다른 개발자 분들도 꾸준히 공부를 하고 있고 스터디도 열심히 참여하고 있어요.바쁜 가운데 꾸준히 공부를 하신다니 인상적이네요.– Startup의 경우 구성원들과 회사가 그 운명을 같이하는 것 같아요. 개개인의 발전이 곧 회사의 발전으로 이루어지니까요. 그러니 열심히 할 수밖에 없죠.                                 오피스 근처 커피숍에서 커피 한잔!취미가 있으시다면?– 몸으로 하는 활동을 즐겨서 하고 있어요. 헬스, 조깅, 윈드서핑을 좋아해요. 한동안은 등산도 즐겨했지만 친구들이 하나둘 결혼하고 나니.. 점점 모임이 뜸해지더라고요. 일을 하면서 체력관리는 필수인 것 같아요. 어릴 땐 몰랐지만 체력관리를 하지 않으면 자기도 모르는 사이 배가 조금씩 조금씩 나오는 것 같아서..주로 혼자 하는 운동들이네요.– 정말 그렇네요? 앞으로 여유가 생긴다면 다이빙이나 서핑, 암벽 등반을 해보고 싶어요. 그리고 가능할진 모르겠지만 올해 안에 휴가를 내서 발리에 가서 서핑도 즐겨보고 싶고, 돈을 많이 벌면 레이싱도 해보고 싶어요.시간이 벌써 이렇게 됐네요. 끝으로 레이싱 얘기가 나와서 여쭤보는데 혹시 드림카가 있으신가요?– 페라리요. 잔디가 성공해야 드림카를 소유할 수 있겠죠?1시간 동안 진행된 ‘맛있는 인터뷰’를 통해 좀 더 자세히 알게된 John. 이번 인터뷰를 음식에 비유하자면 진하고 담백한 사골국 같았습니다. 개발자로서의 자부심과 일에 대한 애정이 남다른 John을 보며 조금이나마 개발팀을 머리에 그려볼 수 있었습니다. 앞으로 매 주 진행될 잔디 멤버들과의 다른 인터뷰들도 기대해주세요!#토스랩 #잔디 #JANDI #개발자 #백엔드 #개발팀 #팀원소개 #팀원인터뷰 #팀원자랑 #조직문화 #기업문화 #사내문화

안녕하세요-!오늘은 저번에 포스팅한 상해가구박람회 Part①오피스가구에 이어서Part②공용가구(로비·라운지/퍼블릭)을 소개하도록 하겠습니다-오늘 소개드리는 Part②공용가구(로비·라운지/퍼블릭)는 좀 더 알록달록하고 다양하기 때문에 Part①오피스가구보다 재밌게 보실 수 있을 거 같아요!그래도~Part①오피스가구 한번 보고 오시는 거 추천드립니다 :)http://blog.naver.com/dongyeondesign/221113926835이제부터 Part②공용가구(로비·라운지/퍼블릭)를 소개하도록 하겠습니다. 가장 먼저 1인용 소파 입니다.  1. 1인용소파광저우가구박람회에서는 모듈소파를 많이 볼 수 있었는데 상해가구박람회에서는 대부분 1인용 소파였으며다양한 컬러를 사용하여 보는 순간 예쁘다! 하는 제품들을 많이 볼 수 있었답니다. 또한 직선보다는 곡선으로 이루어진 소파가 많았으며다리는 원목 또는 철재로 심플한 디자인으로 이루어진 소파가 많이 있었습니다. 휴게공간은 물론 사무실, 집에서도 사용할 수 있는 소파랍니다 :)앞에서 말씀드렸다시피 다양한 컬러를 사용하였고 곡선으로 이루어진 소파가 많죠?투톤으로 이루어진 컬러도 많이 볼 수있었답니다 투톤으로 되어 단조롭지않고 감각적으로 보인답니다 :) 2. 스툴다음은 스툴입니다. 1인용소파가 많아진 만큼 가볍게 사용할 수 있는 스툴도 많아졌답니다. 기존에 나오는 원형이나 사각형 외에 디자인이 가미 된 제품들을 많이 볼 수 있었는데앉기 편하게 오목한 디자인이라던가 이동이 용이할 수 있게 손잡이를 부착한 디자인 더나아가 높낮이 조절이 가능한 스툴까지 디자인뿐만 아니라 기능성까지 갖춘 스툴을 많이 볼 수 있었답니다!알록달록한 원형스툴은 앉아서 옆에 손잡이를 당기면 내려가고 일어나서 손잡이를 당기면 올라가는 제품입니다. 기존 사무용의자와 기능이 동일하다고 보면 될거같아요!가벼운 미팅공간에 딱딱한 사무용의자보다 이런 스툴의자를 두면 월씬 더 감각적이며 효율적인 미팅 공간이 될 거같아요! 조금 다른 스타일의 스툴입니다. 바의자 타입의 스툴이며 높낮이 조절이 가능한 제품이랍니다 :)3. 다용도의자, 소파다음은 다용도의자입니다. 가볍게 사용할 수있는 의자 또는 소파라고 생각 하시면 됩니다.위에서 보여드렸던 1인용 소파의 경우 안락느낌이 강한 반면 지금 소개드리는 의자와 소파는로비공간, 휴게공간, 회의공간, 카페 등 다양한 곳에서 사용가능한 소파랍니다 :)등좌판의 경우 플라스틱, 패브릭, 인조가죽, 펠트 등 다양한 소재로 마감이 되었으며다리는 철재, 다이캐스팅, 목재 등으로 이루어져 있답니다. 4. 플라스틱 사출 의자다용도의자 중 한가지인 플라스틱 사출의자입니다.  많은 종류의 플라스틱 사출의자를 볼 수 있어 별도로 소개드릴려고합니다 :)플라스틱 사출의자는 컬러가 다양하며 가볍고 곡선적이라는 특징이 있습니다.  5. 파티션세워두는 파티션 입니다. 구획을 나눌때 파티션을 많이 사용하는데 기존 파티션은 전체를 가리기때문에 답답할 수 있습니다. 광저우가구박람회에서도 볼 수 있었던 디자인이 들어가 세워두는 파티션입니다. 별도의 설치 없이 세워두기때문에 심플하며 편리하답니다!또한 디자인이 들어가서 재미있게 연출할 수 있답니다!6. 그 외그 외 귀여운 소파 테이블과 캐비닛 등 다양한 제품들이 전시되어있었답니다 상해가구박람회에서 본 공용공간은다양한 컬러의 소파와 투톤으로 이루어진 소파들을 많이 볼 수 있었습니다.또한 아기자기하며 곡선을 가미한 디자인을 많이볼 수 있었답니다공용공간 쪽은 광저우가구박람회와는 조금 달라진 트렌드를 볼 수있는 박람회였습니다!이상으로 Part②공용가구(로비·라운지/퍼블릭) 포스팅을 마치겠습니다 :)#상해 #가구박람회 #중국상해가구박람회 #ciff #외국가구박람회 #중국상해 #가구추천 #가구제안 #소파 #테이블

위 책은 아래 다섯가지 질문이 삶에서 필수적이라고 강조한다.1. 잠깐만요, 뭐라고요?2. 나는 궁금한데요?3. 우리가 적어도 ... 할 수 있지 않을까?4. 내가 """어떻게""" 도울까요? 5. 무엇이 가장 중요한가?--------------------------------------------------------------1.잠깐만요, 뭐라고요? -> 모든 이해의 근원웬만하면 뭐든지 알고, 이해하고 가려는 성격덕인지 평소에도 자주 훈련되어져있는(?) 질문이다.2. 나는 궁금한데요?-> 모든 호기심의 근원1번 질문과 마찬가지로, 평소 지나칠 정도로 호기심이 많다라는 얘기를 많이 듣는다.3. 우리가 적어도 ... 할 수 있지 않을까? -> 모든 진전의 시작여기서 포인트는 "우리" 라는 단어다.절대적으로 대립되는 두 입장이라고 한들, 그 안의 공통분모는 존재하기 마련이며 이를 활용하여 접근해가는 방식을 설명해주는데, 꽤나 유용하고 의미있는 방식이라고 생각한다.평소 직설적인 성격 탓에 팀원들과의 회의 시 부딪히는 "쟁점"을 최대한 극대화시키는 동시에 파고들어서, 마치 현미경으로 확대해보면서 하나하나 해부해보는 방식을 취하는 편이다.이러한 방식이 효율적일때도 있지만, 때때론 "대립각"을 더욱더 극대화시키는 경우도 많이 있다. 당연히 사람인지라, 이는 감정적이고 발전없는 회의로 이어지기도 한다.책에서의 예시와 마찬가지로우리 모두 "회사의 발전"을 위해서 이 회의를 하고 있지 않은가? 등 대립되는 입장 속에서도 공통분모를 찾아 모두의 공감을 토대로 분위기를 환기시킬 수 있다면, 회의 시 효율과 이성 두 마리 토끼를 잡는데 큰 도움이 되지 않을까 생각이 들었다.4. 내가 """어떻게""" 도울까요? -> 모든 좋은 관계의 기본여기서 포인트는 "어떻게" 다.타인을 도울 수 있는 방법은 많다. 하지만 도움을 받는 사람 입장에서 모든 방법이 분명 도움이 되지는 않는다.다시 말해서, "어떻게" 도울 것인지 고민하는 것은 타인을 깊숙히 이해하는 것을 필수적으로 수반한다.작년 "학생독립만세" 서비스 기획을 위해 초기 문제 검증을 할 때 철저히 고객 중심으로, 고객의 관점에서 생각을 했었다. 고3, 재수생들을 실제로 직접 만나 인터뷰를 진행한 적도 굉장히 많다. 덕분에 반응이 좋았고, 올해 정식 런칭을 하여 현재 운영해오고 있는데,그런데, 관성이 참 무섭다.겨우 초기 검증만 끝냈을 뿐, 고객들과 함께 진화해나가는 지금이 "어떻게" 도울 것인지 오로지 고객들의 입장에서 생각해야 할 가장 중요한 시기인데,문제가 터졌을 때 나도 모르게 내 관점에서 해결책을 생각하고 있는 모습을 종종 발견한다.(심지어 나는 핵심 타겟 고객도 아니다!!!!!)이를 해결하기 위해 일주일에 한번 "정말 고객 관점에서 생각하고 있는가" 생각하는 시간을 설정했다.고객들은 도움이 필요치 않다. 자신들이 "원하는 방식의 도움"이 필요하다.5. 무엇이 가장 중요한가? -> 삶의 핵심일의 측면에서 한정해서 보자면,너무도 잘 알고 있고, 끊임없이 노력하지만 하루에도 여러개의 이슈가 생기고, 사라지는 초기 스타트업 특성상 여전히 어려운 문제다.개인적으로는 일을 하는 시간 외에, 한 발짝 떨어져서 목록들을 나열해서 재분배하는 관조적인(?) 시간을 설정하여 이를 해결한다.하루의 목록들은 매일 아침에,일주일의 목록들은 매주 주말에,한달의 목록들은 매달 마지막주 주말에,이 시간들을 꼭 확보하려 노력하지만,2월을 돌이켜보자면 기타 다른 일들을 압살할 정도의 "중요도+몰입" 을 요하는 일들로 인해 많이 무너졌던 것도 사실이다.반성하자. 무너졌다면 다시 일으켜세우는 수밖에.#학생독립만세 #퇴근학교 #교육기업 #기업문화 #조직문화

Youtube 6초 범퍼광고“손이 가요, 손이 가 OOO에 손이 가요”  대한민국 20대 이상이라면 해당 CM송이 어떤 제품의 영상광고인지 아마 바로 알 수 있을 것입니다.   1991년도에 TV매체를 통해 전달된 새우깡 광고는 당시 메가 히트를 하였고, 이로 인해 지금까지 국민 CF로 자리매김하고 있는 중입니다.    최근 가장 임팩트 있었던 영상광고는 EXID의 하니가 모델로 등장하여 초특가를 외쳐되던 야놀자 광고와 2017년 김희철과 설현이 등장하여 중독성 있는 문구와 ‘하드 캐리' 카피를 사용했던 G마켓 광고라고 생각합니다.  지금 이 글을 작성하면서도 야놀자 광고송을 흥얼거리고 있는 정도면 이 광고의 영향력이 얼마나 큰지에 대해 몸소 체험하고 있는 중이니까요.   과거부터 지금까지 영상 광고업계는 기억에 남는 광고 소재를 소비자들에게 주입시켜 해당 브랜드를 지속적으로 인지시키기 위해 노력하고 있습니다. 브랜드 인지도 상승은 결론적으로 재구입을 유도하는 가장 중요한 요소로 작용되니, 각 브랜드에선 영상 콘텐츠 소재에 심혈을 기울이는 게 당연시되었고, 영상 광고들의 영향력을 그렇게 커져갔습니다. 하지만 최근 트렌드는 기존의 틀을 깨고 새로이 변경하고 있는 추세입니다. 과거 TV 매체를 통해서만 영상광고를 볼 수 있었던 것에 비해 현재는 다양한 SNS 채널의 광고매체를 통해 영상 광고를 게재할 수 있으며, 인터넷의 발달로 TV에서 PC, 그리고 모바일로의 유저들의 이동으로 인해 매체 변화가 이뤄지며, 이로 인한 영상 컨텐츠의 형식 역시 꾸준히 변화하고 있는 상황입니다. 다양한 종류의 광고들도 그러하듯 영상광고 역시 시대를 거듭날수록 그 형태가 변화되고 다양해지고 있습니다.  특히 최근에 있어서 영상 컨텐츠는 과거 짜임새 있는 스토리텔링 형식에서 간략화하고 임팩트 있는 형식을 추구하고 있습니다.   그리고 그렇게 해서 등장한 광고 형식의 Youtube의 범퍼 광고입니다. 범퍼 광고는 2016년 Youtube에서 새롭게 공개한 광고 형태인데, 당시 광고업계 에센 범퍼 광고의 구조를 보고 의아해했었습니다. 당시 업계 표준이었던 15~30초 광고를 단, 6초로 압축하여 스토리를 전달해야 하니 당연한 반응이 아닐 수 없습니다.    (여담이지만 과거 미국 한 패스트푸드 체인의 영상 컨텐츠는 무려 13시간 동안 TV에 반영되어 기네스북에  최장 시간 광고로 기록되어 있다고 합니다.) 과거 장황한 스토리라인을 펼쳐놓던 영상광고는 달리 이젠 매우 간략한 6초의 영상으로 모든 걸 설명해야 하는 시점이 되었습니다. 그렇게 영상 광고의 트렌드가 변화하고 있는 시점이기도 하고요. 물론 광고 매체가 무엇인지에 따라 6초 광고를 적용하느냐의 여부는 있겠지만, 적어도 지금 2018년도는 보내고 있는 모든 사람들이 주로 활용하는 Youtube엔 6초짜리 범퍼 광고가 매우 큰 효과를 보고 있다는 것은 사실이고, 그렇기 때문에 범퍼 광고를 활용하지 않는 다면 성과 측면에서 효율이 떨어지게 된다는 것은 명백한 사실이 되었습니다. 현재 6초짜리 범퍼 광고를 가장 잘 활용하는 국내 회사는 현재 굉장히 많지만 작년(2017년)엔 LG전자가 스마트폰 ‘G6’의 6초 광고를 잘 활용하여 광고 20일 만에 1,000만 뷰를 돌파하는 성과를 얻을 수 있었다고 합니다. G6의 각 새로운 기능을 6초라는 짧은 시간에 간단하고 재밌는 소재로 풀어놓은 것에 소비자들은 색다른 인상을 받아 더 기억에 남았다는 반응이 많았는데,  이제는 스토리라인이 탄탄한 소재의 광고가 아니더라도 짧고 간략한 광고의 소재가 소비자들에게 먹힌다는 것을 증명했던 광고라 생각됩니다.  혹시 여러분의 브랜드를 알릴 수 있고 제품의 특장점을 소개할 수 있는 영상 컨텐츠를 제작 중이신가요? 그렇다면 재밌고 짜임새 있는 스토리의 광고 영상도 좋지만,  소재들을 압축하여 6초짜리 범퍼 비디오 소재도 같이 제작해보는 건 어떨까요? 현재의 영상 광고의 트렌드는 이미 6초로 간소화된 범퍼 광고이니까요.                                 오피노 자세히 보러가기