스토리 홈

인터뷰

피드

뉴스

조회수 987

Seller Fulfilled Prime

안녕하세요 대한민국 셀러들의 성공적인 아마존 진출을 도와주는 컨설팅 회사이자 대행사인 주식회사 컨택틱의 이이삭 대표입니다.이제 아마존 소비자들은 Prime 배지가 없는 상품은 잘 구매하지도 않습니다. 그리고 지금까지 여러분은 아마 Prime 배지를 얻기 위해서는 반드시 FBA를 이용해야 된다고 알고 계실 겁니다. 어느 정도는 맞는 얘기긴 하죠. 하지만 그것 아십니까? 꼭 FBA를 이용하지 않아도 Prime 배지를 얻을 수 있습니다. 그게 바로 Seller Fulfilled Prime이라는 제도입니다.Photo by Austin Distel on UnsplashSeller Fulfilled Prime (이하 SFP)가 무엇인가요?SFP는 FBA를 이용하지 않고도 (FBM으로 판매한다고 하더라도) Prime 배지를 얻을 수 있게 해주는 프로그램입니다. 하지만 이 혜택을 누리기 위해선 FBA와 동일한 수준의 배송 퀄리티를 보장해주어야 한다는 것을 잘 숙지해야 합니다. FBA와 동일한 수준의 배송 퀄리티라 함은, 1) 당일 출고 2) 이틀 내 무료 배송 3) 굉장히 고객 친화적인 반품 정책 4) 아마존에서 허락한 운송사들만 사용해야 한다는 것입니다.Seller Fulfilled Prime의 장점이 무엇인가요?대표적으로 FBA 수수료를 아낄 수 있다는 것입니다. 부피가 크거나 무게가 많이 나가는 제품들은 개당 FBA 수수료가 부담스러울 것입니다. FBA 수수료 뿐만 아니라, 보관료도 만만치 않습니다. 아마존은 창고 회사가 아니기 때문에 기본 보관료가 일반 창고 회사들보다는 비싼 편입니다. 양이 얼마 안 될 때는 무시할 수 있는 수준이지만, FBA 재고로 쌓아두는 양이 늘어날수록 보관료 (및 장기 보관료)는 무시 못 하게 됩니다.고가의 제품들처럼 FBA의 손에 맡기기가 껄끄러운 상품들은 SFP를 이용하는 게 좋습니다. 포장 단계에서부터 심혈을 기울여야 하는 제품들은 아무래도 기계처럼 바쁘고 빠르게 움직이는 FBA 센터보다는 판매자인 내가 직접 포장하고 배송하는 게 안심이 되기 마련입니다.Seller Fulfilled Prime의 단점이 무엇인가요?FBA로 판매할 때는 반품을 아마존이 다 관리합니다. SFP도 비슷하다고 볼 수 있습니다. SFP로 판매한다고 해서 반품 요청을 수락/거절할 수 있는 건 아닙니다. SFP로 판매한다고 해도 고객 응대 등은 여전히 아마존 서포트가 담당하며, 아마존은 웬만한 경우 반품을 다 받아주기 때문입니다. 단, 반품된 물건이 나의 창고로 바로 오는 것이기 때문에 관리적인 차원에서 좀 더 수월할 수는 있습니다.직접 배송을 관리하는 것이기 때문에 본사 자체의 창고, 전담 인력, 시스템 등이 마련되어있어야 하는 번거로움이 있습니다. 한국 셀러들은 SFP를 이용할 수 있나요?이용할 수 있습니다. 하지만 굉장히 어렵고 여러 정황상 적합하지 않다고 보기 때문에 추천하지 않습니다. 방금 위에서 언급한 내용만 보더라도, FBA와 동일한 수준의 배송 기준에 부합해야 한다는 것인데, 한국에서 배송을 하는 입장이라면 절대로 통과할 수 없는 기준들입니다.우선 이틀 내 무료 배송은 페덱스, DHL, UPS 같은 특송사의 가장 비싼 서비스를 이용해야 도착할까 말까 합니다. 배보다 배꼽이 커지는 현상이 발생할 수 있습니다.두 번째로 아마존에서 제공하는 shipping label을 구매해서 배송을 해야 하는데 그러면 미국에 재고가 있어야 합니다. 굳이 한국에서 미국 3PL 물류사에 제품을 두고 거기서 SFP을 이용한다면 어찌어찌해서 SFP를 이용할 수 있긴 하겠지만, 그런 번거로움을 감수하면서까지 SFP가 메리트 있는 경우는 굉장히 드뭅니다.Photo by Zain Saleem on Unsplash결론: SFP를 이용할까요, 이용하지 말까요?제 포스트를 읽으시는 분들은 대부분 한국에서 미국 아마존으로 판매하는 셀러들이 대부분일겁니다. 이런 분들은 SFP를 이용하는 게 적합하지 않습니다. 오직 1) 제품이 너무 고가여서 포장할 때 주의해야 하는 상품을 판매하며 2) 부피와 무게도 많이 나가서 FBA 수수료가 극히 부담되는 경우가 아니고서는 한국 셀러들 중 99.9%는 그냥 FBA로 판매하는 게 낫습니다.컨택틱의 모든 교육은 파트너인 글로벌셀러창업연구소와 접수하고 진행합니다. 교육 신청은 아래 링크나 글로벌셀러창업연구소의 홈페이지를 통해 가능합니다.오프라인 아마존 입문 과정오프라인 아마존 기초/심화 과정온라인 아마존 입문 과정그럼 오늘도 즐거운 글로벌 셀링 되세요!감사합니다.컨택틱서울특별시 서초구 서초대로 356, 606호(서초동, 서초지웰타워)대표 전화: 02-538-3939이메일: [email protected]홈페이지: https://www.kontactic.com네이버 블로그: https://blog.naver.com/kontactic카카오 브런치: https://brunch.co.kr/@allaboutamazon유튜브 채널: https://www.youtube.com/c/kontactic
조회수 1897

리액트 네이티브의 장단점

Realm이 주최한 안드로이드 개발자 오픈토크 행사에서 발표한 동영상입니다. 주제는 [리액트 네이티브로 안드로이드 앱 개발하기의 장단점]입니다. 예전부터 글로 한 번 정리해서 공유하려고 했었는데 발표 기회 덕분에 그럴 필요가 없게 되었네요. 아직 국내에서 리액트 네이티브로 실서비스를 개발하는 경우는 거의 없는 것 같은데 많은 분들이 염두에는 두고 계신지 500회 이상 페이스북에 공유되었습니다. 아래 링크는 Realm 블로그에서 영상과 함께 정리해 주신 내용이고 그 아래는 바로 보실 수 있도록 유튜브 동영상을 첨부했습니다https://realm.io/kr/news/react-native-android-pros-cons/https://www.youtube.com/watch?v=v3_3ZwcHy5Y<iframe width="700.000000" height="393.750000" src="//www.youtube.com/embed/v3_3ZwcHy5Y" frameborder="0" allowfullscreen="">마지막 질문과 답변에 대해 집에 와서 좀 더 고민해 봤습니다. 페이스북 내부적으로 리액트 네이티브를 굉장히 잘 활용하면서 각 플랫폼이 코드를 공유하는 비율이 80%가 되는데, 저희 회사가 그렇게 할 수 있을까, 다른 스타트업들이 그렇게 할 수 있을까, 그렇게 하는 것이 바람직한가를 곰곰이 생각해 봤습니다. 우선 페이스북이 리액트를 사용했을 때의 장점은 '생산성' 보다는 수많은 플랫폼 간의 '일관성'이라는 생각이 들었습니다. 페이스북의 복잡하고 다양한 기능들이 OS별로 브라우저별로 디바이스별로 일관되게 적용되도록 하려면 각 그룹의 개발 인력이 밀접하게 공조를 하거나 더 나아가서는 한 그룹의 개발 인력이 꽤 많은 코어 펑션들을 한 번 만들어 공통적으로 사용하는 것이 유리하다는 것이죠. iOS에서 동작하는 기능이 Android와 PC웹과 모바일 웹에서 동일하게 동작하는 것을 보장하기 위해 크로스 플랫폼은 좋은 전략입니다. 생산 속도 측면의 생산성보다는 중복 제거를 통한 안정성을 획득할 수 있습니다. 중복 제거의 장점은 페이스북처럼 협업하는 개발자가 많아 커뮤니케이션 비용이 높을 때 더욱 빛을 발하죠. 그리고 대규모 유저 베이스에서는 중복 제거가 플랫폼 간의 제품의 일관성과 안정성도 높여줄 수 있습니다.페이스북은 외부 SDK를 사용할 필요가 없어 제가 언급했던 리액트 네이티브의 단점 중 하나가 사라집니다. 페이스북이 트위터나 애드몹, 구글 애널리틱스 등의 외부 SDK를 탑재할 이유가 없으니까요. 그리고 리액트 네이티브를 주도해서 만들어가는 입장이기 때문에 퍼포먼스 이슈들은 우회하거나 크리티컬 한 경우는 장기적으로 고쳐가면서 사용할 수 있습니다.반면 한 명의 개발자 또는 플랫폼 별로 한 두 명의 개발자가 있는 저희 회사나 소규모 기업에서 리액트 네이티브를 검토하고 있는 단계라면, 빠른 개발 또는 한 번 개발해서 여러 플랫폼에 '금방' 론칭할 수 있다는 장점을 염두에 두고 있을 가능성이 큽니다. 아직 론칭 전이고 (유저 베이스가 없어 안정성 이슈가 당장 크지 않고) 개발자 간 커뮤니케이션 비용이나 중복 제거가 덜 중요한 이슈이며(수백 명의 개발자가 있는 것과 상대적으로) SNS 로그인, 광고, 분석 등의 도구를 자체 개발할 여유와 이유가 없는 상황인 것이죠.정리하자면 소규모 기업이 리액트 네이티브를 고려하고 있는 이유와 환경, 그리고페이스북이 내부적으로 리액트 네이티브를 쓰고 있는 이유와 환경이 서로 다름을 염두에 두고 판단하면 좋을 것 같습니다. 이번 발표에서는 크로스 플랫폼으로써 리액트 네이티브에 대해서만 다루었는데요, 5년 전에는 Titanium(http://www.appcelerator.com/)으로 모바일 서비스를 크로스 플랫폼으로 개발했었고, 리액트 네이티브와 유사한 개념의 Fuse(https://www.fusetools.com/)와 네이티브에 가까운 하이브리드를 추구하는 ionic(http://ionicframework.com/) 등도 최근에 살펴보았는데 모두 비슷한 단점이 있다고 볼 수 있습니다.복잡해지면 네이티브와 비교해 느려진다는 것, 약간의 동작 이상(쉽게 고치기 어려운), 그리고 외부 SDK 탑재의 제약 등입니다. 이 것들과 씨름하다 보면 여러 플랫폼에 동시에 출시할 수 있다는 '빠름'의 장점이 많이 사라지게 됩니다. Titanium만 해도 Android와 iOS가 초창기여서 네이티브 개발이 효과적이지 못했을 때 그 대안으로 각광받았었습니다. 많은 개발자가 Titanium이나 Phonegap 등으로 몰렸고 써드파티 SDK들도 Titanium을 꽤 지원했고 플러그인 마켓도 활성화됐었습니다. 도큐먼트도 풍성했죠.현재의 Unity가 누리는 인기와 비슷한 측면이 있었습니다. 게임 솔루션 업체들은 모두 Unity SDK를 지원하고 게임 개발자들은 네이티브 코드를 거의 건드리지 않고 Unity 툴 안에서 개발하며 Unity의 마켓에서 에셋을 거래할 수 있죠. 생태계가 그 정도로 커지고 이 안에서 모든 것이 해결이 가능해진다면 리액트 네이티브가 지금보다 더 강력한 대안이 될 수 있을 것 같습니다. 반면 자바스크립트 개발자들, 특히 React의 단순함과 생산성에 매력을 느껴본 클라이언트 개발자들이라면 리액트 네이티브는 지금으로써도 가장 좋은, 또는 유일한 전략입니다. 네이티브와 비교하면 아쉽지만 하이브리드와 비교하면 월등한 대안이기 때문이죠. react-native의 패키지들을 살펴보면 상당수가 UI 관련 javascript only 라이브러리 들입니다. 상당수가 네이티브와 관계없는 자바스크립트 개발자들의 작품이라고 보입니다. 원론적이지만, 역시 자신의 상황과 목적이 맞게 도입 여부를 판단해야겠다고 결론 내릴 수 있을 것 같습니다. 
조회수 1530

웨어러블의 본질과 미래

스마트폰 생태계가 성숙되어가면서 액티비티 트래커, 구글 글래스, 스마트 워치류의 웨어러블 디바이스들이 쏟아져 나오고 있다. 초기의 낙관적인 시장전망과는 다르게 시장은 빠르게 변화하고 있고, 기존의 플레이어들은 역사뒤로 사라지고, 또 새로운 플레이어들이 나타나면서 역사는 반복되고 있다[1]. 여전히 사용자관점에서는 그 필요성에 대해 회의가 많다. 진정한 웨어러블의 빅뱅은 시기상조이며 웨어러블의 성공적인 시장을 만드는 것도 요원해 보인다.  우리가 놓치고 있는 진정한 웨어러블의 본질은 무엇인가?웨어러블의 본질웨어러블이 확산되는데 있어 가장 큰 장벽은 무엇인가를 착용한다는 것에 대한 불편함이다. 사람의 몸은 익숙하지 않은 것을 받아들이기까지 참아내야 할 시간이 필요하다. 하지만 웨어러블이 그 인내를 가질만큼 사람들에게 가치가 있는 것인가? 인내를 가질만큼의 가치를 줄 수 없다면 선택되지 못하거나 선택되어도 사람들 곁에 지속될 수 없다. 그래서 요즘 많은 사람들이 예전에 구매했던 액티비티트래커나 스마트워치라 불리우는 것들을 책상 서랍에 넣고 잊어버린 지 오래이다.   1. 첫 번째 가치: 불편함을 넘어 습관이 되거나 대체불가능한 본연의 기능성안경을 착용한 사람들중에 안경을 끼고 세수를 한 경험이 있는 사람들이 있을 것이다. 안경을 써보지 않은 사람들은 믿지 않겠지만 오랫동안 착용하다보면 몸의 일부처럼 체화되어 마치 없는 듯 느껴지기 때문이다. 하지만 처음에 쓸때는 어떠할까? 매우 불편하다. 귀도 아프고 코도 아프고, 눈도 따끔거린다. 하지만 그걸 참을 만한 단하나의 기능이 있다. 안경을 써야 보인다는 것이다. 안경없이는 칠판도 안보이고 간판글씨도 잘 안보이는데 안경을 착용하는 순간 세상이 밝아지고 환해진다. 그래서 불편함을 무릅쓰고라도 쓸만한 가치가 있다. 그런데 쓰다보면 불편함이 느껴지지 않는 순간, 즉 습관이라는 것이 만들어지는 때가 온다. 이렇게 안경, 썬글래스, 콘택트렌즈 모두 그것을 착용하지 않을 때와 착용 할 때의 기능적 차이가 명확하다. 보청기도 마찬가지이다. 이 명확한 기능성덕에 사람들은 눈이 부실때는 썬글래스를, 스키탈때는 고글을, 수영할때는 수경을, 오토바이탈때는 헬멧을 착용할 수 있다.2. 두 번째 가치: 보는 것이 아닌 나를 보여주는 것시간을 보기 위해 시계를 착용한다고 하는 사람들이 많이 있다. 하지만 그들에게 있어 시계는 악세서리의 가치가 훨씬 크다. 시간보는 것을 원하는 소비자들은 쉽게 대체제를 찾아 이미 시계를 벗어버렸다. 모바일폰이나 삐삐가 있기전에 많은 사람들이 시계를 차고 다녔다. 그 때는 진짜 시간을 보기 위해서였다. 하지만 모바일폰으로 쉽게, 더 정확하게, 알람기능도 편하게 볼수 있게 되면서 그 불편하던 시계를 벗어버린 사람들이 많다. 지금 시계를 착용하고 있는 사람들은 패션으로서의 가치가 크기 때문에 그 불편한 시계를 차고 다니는 것이며 정확하게는 차고 있기 때문에 시간을 보는 것이다. 물론 100%라고 일반화 할 수는 없다. 지금도 시계를 착용하는 많은 사람들은 새로 멋지고 좋은 브랜드의 시계를 선물받았거나 구매했기에 차기 시작한 사람들도 있지만, 대부분은 대체제가 나타났을 때도 관성에 의해 계속 시계를 차고 있었던 덕에 습관이라는 행동패턴이 생긴 소비자들인 경우일 것이다. 습관이 되어 버린 이들에게는 시계를 착용하는 불편함은 더 이상 인지되는 문제가 아니다.이는 신발이나 모자, 옷과 같이 패션과 기능이라는 면에 있어 너무도 확고한 의류(wear 웨어)가 가지고 있는 것과 동일한 가치이다. 여기서 웨어(wear)와 웨어러블(wearable)의 차이는 본질적인 속성의 차이이다. 이미 입고 있는 웨어와 입거나 찰 수 있는 웨어러블은 인간에게 있어 수십, 수백년의 역사속에서 만들어진 습관을 극복 할 가치의 차이에 있는 것이다. 웨어러블은 이 두가지 본질적 가치를 줄 수 있을 때 비로소 인간에게 선택될 수 있는 티핑이 시작 될 것이다.거부하지 않는 소비자들웨어러블은 그래서 거부하지 않는 소비자에 집중해야 한다. 거부하지 않는 소비자란, 불편함을 참아야 할 기능적 니즈를 가지고 있거나, 이미 사용하고 있는 습관을 가지고 있는 사람들이다. 안경을 착용하고 있거나, 시계를 차고 있는 소비자는 이미 웨어러블을 사용하고 있는 사람들이다. 이들에게 필요한 기능과 디자인, 그리고 가치에 집중해야 하며 웨어러블이 포스트스마트폰이 될 거라는 고정관념을 버려야 한다. 스마트폰은 인간을 정보의 중심으로 만들어 준 컴퓨터의 속성이 본질이기에 웨어러블은 사람과의 인터페이스의 관점에서 접근해야 한다. 궁극적으로 컴퓨터를 담을 수 있는 미래가 오겠지만 그전까지는 인터페이스가 가장 중요한 본질로 소구될 것이다. 이에 더해서 VR/AR 헤드셋이나 정보축적을 위한 QS(Quantified Self)의 영역에서 많은 버티컬 케이스들이 만들어 질 것이다.두번째 거부하지 않는 소비자는 자신의 의지를 표현할 수 없지만 많은 케어가 필요한 유아와 건강을 집중적으로 관리해야 할 중증환자와 실버세대이다. 이들의 공통점은 타인의 케어가 필요한 대상들이며 특별한 목적과 기능을 가진 웨어러블이 적용되어야 할 주요 소비자이다. 이들은 불편함을 참아가면서 케어 해야 할 니즈가 있고 시대의 변화는 이러한 니즈를 충족시켜 줄 기술을 가능하게 만들어가고 있기 때문에 큰 비용을 기꺼이 지불하는 연계 서비스까지도 적극적으로 수용 할 대상이다. 이들에겐 생명이나 건강과 직결되어 있는터라 웨어러블이 가진 불편함은 기꺼이 참을만한 트레이드오프(Trade-off) 일 뿐이다.또 하나 거부하지 않는 소비자는 반려동물을 기르는 사람들이다. 반려동물 역시 타인의 케어와 관심이 필요하며 사람들이 점점 더 많은 비용을 지불하게 될 대상이다. 웨어러블을 선택하는 대상과 사용하는 대상이 다른 경우인데, 반려동물 역시 불편함을 거부하는 의사표현을 하지 않기 때문에 반려동물의 소유자에게 가치가 있다면 잠재성이 큰 시장으로 성장 할 것이다. 이미 많은 제품과 서비스가 출시되었고, 반려동물의 건강을 모니터링하며 반려동물과 소유자가 인터랙션을 할 수 있게 도와주는 웨어러블과 함께 다양한 서비스들이 바인딩될 것이며 사물인터넷이 케어인터넷으로 진화하는 그 시작점이 될 것이다.지금은 웨어러블 시장이 양극화되고 경쟁도 심화되고 있지만 결국 다양성을 담는 방향으로 계속 진화를 할 것이며 웨어러블이 웨어가 될 수 있는 본질적 가치를 가지게 될 때 자연스럽게 이들은 우리의 습관이 되어 인간의 삶에 한 부분이 될 것이다.[1] 역사뒤로 사라진 페블에게서 배우는 교훈이미지출처: https://www.flickr.com/photos/keoni101/7069578953 CC-BY#라이프스퀘어 #스타트업 #창업자 #창업가 #마인드셋 #조언
조회수 677

개입전략 - 판매보다 흥미 먼저

개입전략 - 고객이 당신의 서비스에 흥미를 느낄 수 있는 경험 만들기 우리는 왜 마지막 목표만 생각할까?오늘 아침, 트래픽잼을 뚫고 사무실에 출근한 당신에게 상사는 갑자기 미션을 내린다. “매출상승” 다짜고짜 매출상승이란다. 지난 기간 매출이 하락하여 기대 매출을 맞추지 못했다는 것. 그래서 팀 전체가 이 목표를 반드시 달성해야 한다는 것이다. 자, 이제 당신은 어떻게 할 것인가. 매출을 늘리기 위해 무엇을 먼저, 어떻게 해야 할 것인가. 앞이 막막하고 캄캄하다. 보통 우리가 이런 막무가내의 목표를 듣게 되면 무엇부터 해야 할지 알기 어렵다. 이럴 땐, 아주 간단한 방법이 있다. 최종적인 목표달성이 무엇인지 정의한 후, 고객이 이 목표를 달성하기 위해 어떤 과정들을 거치는 지 시뮬레이션 해보는 것이다. 쇼핑몰이라고 생각해보자. 매출을 달성한다는 것은 마케터 입장의 사고이고 고객의 입장에서는 ‘구매완료’라고 정의할 수 있다. 그럼, 고객이 구매완료를 하기 전에 반드시 거쳐야 하는 곳이 어떤 페이지일까? 바로, ‘결제페이지’다. 그럼, 마케터는 두 가지 방법으로 접근해 볼 수 있다. 첫째, 결제페이지에서 구매완료 페이지로의 이동되는 고객수를 늘린다. 둘째, 결제페이지로 도착하는 고객수를 늘린다. 두 개의 아이디어가 비슷한 듯, 비슷하지 않다. 하나는 트래픽을 늘리는 전략이고, 나머지 하나는 전환률을 늘리는 전략이다. 둘 중 어느 것이 제대로 작동한다고 하더라도 ‘매출상승’이라는 목표는 달성할 수 있다. 위 두가지에서 ‘매출상승’은 직접적으로 언급되지는 않았다. 다만, 직접적으로 연관되어 있는 행동을 유도하면서 최종적인 목표를 달성하게 하는 것이다. 이런 생각을 해보자. 당신은 커피를 맛있게 만들 수 있는 바리스타다. 그리고 그 커피를 판매할 예정이다. 그럼, 가장 쉽게 커피를 판매하는 방법이 무엇일까? 바로, 시음신청을 받는 것이다. 다짜고짜 사람들에게 커피가 맛있으니, 사 먹으라고 한다면 먹지 않을 것이다. 그런데, 한 번 시도해보라고 한다면, 부담감 없이 시도해볼 것이다. 그리고 커피가 정말 맛있다면, 그들은 이후 돈을 내고서라도 당신의 커피를 사먹을 것이다. 이 프로세스가 새로운가? 사실, 전혀 그렇지 않다. 전혀 새롭지 않다. 전혀 특별하지 않다. 다만, 당신이 조금 덜 조급하면, 이런 효율적인 세일즈 프로세스를 개발 할 수 있다는 것이다. 맥락적 사고의 필요성: 단게 별 전략의 유무 모든 결과에는 원인이 있다. 바로 앞뒤 맥락이 있다는 것이다. 하지만 가끔 어떤 브랜드나 서비스에는 그 기본적인 맥락이 없다. 무조건 좋고 효과적일 것이라고 이야기 한다. 그것에 대한 검증, 테스트, 소비자인 나에 대한 관심여부는 중요하지 않다. 무조건 당장 구매하라고 한다. 마침 프로모션 할인기획까지 있다고 한다. 내가 그것을 사야 할 유일한 명분은 가격 할인 뿐이다. 당신은 이 비맥락적 캠페인에 여러 번 노출 된 경험이 있을 것이다. 너무도 당연한 이야기지만 실재 마케팅 환경에서는 이런 맥락이 간과되는 경우가 많다. 왜 그런 것일까?마음이 급한 것이다. 팔아야 한다는 생각이 앞선다. 결국 일을 그르 칠 수 밖에 없다. 무슨 일이든 순서라는 것이 있는데, 그 순서를 그르치고 일을 진행 시킬 순 없다. 쇼핑몰을 생각해보자. 고객의 구매를 유도해 사용자가 ‘결제완료페이지’에 많이 도착할 수 있게 만들어 본다고 생각한다. 그럼, 그 전에 고객은 결제페이지에 많이 도착해야 한다. 그럼 그 전에는? 그렇다. 바로 장바구니 페이지에 많이 도착해야 한다. 마지막 전 단계의 목표들에 집중 할 때 얻을 수 있는 것많은 마케터가 직면하는 미션은 옛날이나 지금이나 매출 상승이다. 어떻게 매출을 늘릴 수 있을까? 생각만해도 잠이 오지 않는다. 오로지 한 목표, 매출상승만을 바라보고 전략을 수립한다면 이처럼 숨이 턱하고 막히게 될 것이다. 하지만 다행이다. 우리에겐 맥락적 사고가 있다. 고객이 매출에 기여를 하기 이전에 어떤 경험들을 하는 지 살펴보면 생각보다 일이 수월하게 해결 될 수 있다. 쇼핑몰에서 대부분의 고객은 상세페이지의 내용을 보고 구매 의사결정을 하게 된다. 그리고 해당 제품을 장바구니에 담게 되며, 이후 결제 절차를 밟게 된다. 만약, 장바구니에서 결제페이지까지 이동되는 전환률이 10%라고 가정하자. 그럼, 장바구니에 물건을 담는 유저의 수가 늘거나 장바구니에 담기는 물건의 수가 많으면 많을수록 매출이 늘어날 수 있을까?결론은 ‘그렇다’이다. 10%의 전환률은 바뀌진 않지만 그 전 단계의 모수가 많아지면 많아질수록 그 다음 단계의 결과는 많아지게 될 것이다. 너무 상식적인가? 실제 이 질문을 강의에서 해보면 의외로 이 상식적인 맥락을 이해하는데 약간의 시간이 필요하다. 자, 그럼 우리는 이런 간단한 맥락을 가지고 무엇을 해볼 수 있을까? 다시 쇼핑몰 이야기로 돌아가보자. 장바구니에 물건을 담게 유도하여 그 수를 늘린다면, 매출이 늘어난다. 그럼, 당신은 매출을 어떻게 늘릴까를 궁리하지말고, 고객이 장바구니 버튼을 어떻게 하면 더 많이 누르게 만들지를 고민하라. 장담하건대, 그게 훨씬 더 쉽다. 그리고 매출도 늘어날 것이다. 고민하지 말라. 항상 마지막에 집중하되, 실행 게획은 그 모든 과정을 쪼개고 바로 앞 순서에 집중해야 한다. 퍼포먼스 마케팅 에이전시, 오피노 바로가기 
조회수 1425

QA 끝! ADB 설치부터 사용까지

Overview안드로이드 개발자라면 모두 ADB(Android Debug Bridge)를 사용합니다. 안드로이드 SDK에 포함되어 있는 기능인데요. 쉽게 말하면 에뮬이나 안드로이드 단말과의 연결고리, 도구를 의미합니다. 특히나 QA(Quality Assurance)를 진행할 때 ADB를 사용하면 아주 유용하고, 있어 보입니다. 이번 글에서는 ADB를 잘 모르는 QA직군들을 위해 설치 방법과 간단한 사용법을 공유하려고 합니다. SDK, ADB 설치하기앞서 ADB는 SDK에 포함된 기능이라고 했죠? 우선 여기를 클릭해 SDK를 설치해주세요. 참, 안드로이드는 JAVA가 기본 언어! JAVA도 설치하고 환경 변수도 설정해주세요!SDK를 설치했다면 plalform-tools 폴더 안의 adb.exe파일을 찾아야 합니다. 저의 설치 경로는(C:\Users\brandi_171205_02\android-sdks\platform-tools) 네요.경로를 찾았다면 JAVA 환경 변수 설정하듯 ADB도 환경변수를 설정해야 합니다. ‘내 컴퓨터 마우스 오른쪽 > 속성 클릭’해주세요.고급 시스템 설정 클릭 (개인정보라 지웠습니다.)환경변수 클릭시스템변수 영역 path클릭 > 편집 클릭윈도우10은 앞뒤로 ;를 추가하지 않아도 됩니다. ADB 경로를 추가해주세요. (C:\Users\brandi_171205_02\android-sdks\platform-tools)cmd창을 열고 ADB를 입력하고, 엔터를 눌러주세요.아래와 같이 나오면 성공!잘 따라왔나요? 그 다음은 단말기입니다. 개발자 옵션 > usb디버깅 허용 후 단말을 pc와 연결해주세요. CRM창에서 adb devices 를 입력해주세요. 이 명령어는 에뮬이나 단말 연결을 확인하는 명령어 입니다.ADB 설치를 마쳤습니다. 참 쉽죠? 지금부턴 자주 쓰는 ADB 명령어를 알려드립니다. 한 번 사용해보세요. 한 번 써봤다는 사람은 봤어도, 한 번만 썼다는 사람은 못 봤습니다.자주 쓰는 ADB 명령어단말 재시작QA진행하시면 재시작 많이 하죠? 단말초기화..!adb rebootapk설치 내컴퓨터 > 단말 > 다운로드할 필요가 없어요. 바로 설치!!adb install -r [파일명].apkapk 삭제adb uninstall [패지지명]Android버전 확인adb shell getprop ro.build.version.releaseScreenshotadb shell /system/bin/screencap -p 장치내경로동영상 녹화 QA일하면서 필수입니다. 정말 유용해요.adb shell screenrecord /sdcard/[저장할파일명].mp4텍스트 입력 로그인, 텍스트 입력 테스트 진짜 좋습니다.adb shell input text “[입력할 텍스트]”마치며ADB엔 엄~청나게 많은 명령어가 있습니다. 더 많은 정보를 알고 싶다면 adb help를 입력해보세요. 명령어 도움말이 툭 나올 겁니다. ADB가 있다면 이슈 등록과 이슈 관리 정말 편해집니다. 우선 알려드린 7번까지만 사용해보세요. 당신의 QA가 편안해질 겁니다. 지금까지 브랜디 QA 문지기, 김치영이었습니다.글김치영 대리 | R&D PM팀[email protected]브랜디, 오직 예쁜 옷만#브랜디 #개발자 #개발팀 #인사이트 #경험공유
조회수 6404

첫 번째 창업팀을 그만두며 배운 6가지

예전에 나는 다른 스타트업 창업팀에서 스타팅멤버로 속해있던 상태였었다. 그리고 그 안에서 거의 1여 년간 개인의 삶 없이 내가 곧 팀이라는 생각으로 동고동락하며 살아왔었다. 속해 있던 그 시간 동안, 나의 생각은 무엇이 변화하였고 그 과정 속에서 어떤 배움과 감각을 체득하였길래 팀을 나서서 텐시티로 오게 되었을까? 이제 그 느낀점들을 하나씩 작성해보고자 한다.첫 번째 창업팀을 그만두며 배운 것들...________________________________________          1. 창업자는 다른 사람의 인생에 관여하게 되는 자리이 이야기는 네이버를 창업한 이해진 의장님이 카울리의 홍준님에게 말한 이야기이며, 나는 다시 홍준님에게 전해 들은 이야기이다. 홍준님께서 다른 분들과 함께 네이버를 나서서 창업을 하게 되었을 때, 이해진 의장님이 홍준님을 집무실로 불러 작별인사와 함께 다음과 같은 말을 전했다고 한다."준아, 창업자는 다른 사람의 인생에 관여하게 되는 자리야"... 당시 홍준님께서는 깊이 생각하지 않았었지만 시간이 흐른 뒤에야 비로소 짧은 말 속에 많은 의미가 내포되어있던 것을 알게 되었다고 한다. 나는 이 이야기를 지난 여름, D.Dicison 프로그램을 통해 홍준님을 만났을 때 전해 들었었는데 듣던 순간 나의 마음이 동요되며 기억 속에 깊게 남아 잊히지 않는다. 내포한 뜻이 많아 다양한 해석을 할 수 있겠지만 내가 내린 해석은 다음과 같다 "다른 사람의 인생까지 책임질 각오가 되어있지 않다면 창업하는 것을 더 고민하라는 뜻"이라고... 이 글을 읽는 분들이 창업을 하게 된다면, 앞으로 함께하게 될 팀원들과 직원들의 인생까지 꼭 고려하여 깊게 생각해주었으면 좋겠다. 지난 창업 때 난 충분히 각오하지 못했던 것 같다.                            2. 사람에 대한 의리 그리고 일첫 번째 창업전, 나는 크라우드펀딩 회사에서 인턴으로 근무하고 있었다. 당시 산업이 아직 발전되지 않은 때였지만, 곧 핀테크 바람에 힘입어 산업을 리드할게 분명한 회사였었다. 그리고 입사 후 근무한지 채 얼마 되지 않았을 때, 평소에 은인이자 멘토라고 생각해왔던 고마운 형에게 함께 창업하자고  제안받았었다.제안받았을 때 사업 아이템도 잘 몰랐고 내가 갖게 될 조건, 그리고 수행할 포지션과 성장할 커리어도 알지 못했다. 그런데 나는 덜컥 수락했다. 그 형이 좋았고 고마움에 대한 의리였었다. 지금 생각할 땐 분명 달리 선택했을 텐데 무식하면 용감하다고 했던가... 당시의 나는 졸업한지 얼마 안되고, 사회경험도 부족했던 터라 어리석고 호기(?)로웠던 것 같다.그렇게 나는 의리란 걸 지키기 위해 재직 중이던 회사에 인력공백이란 피해를 주고 나쁜 레퍼런스까지 얻게 되었다.  그때 대표님들과 이사님들이 긴 시간 설득하며 말리셨었는데 너무나 죄송하다. 난 요즘도 자다가 이불킥 한다... 일은 의리로 할게 아니라 모든 사항들을 고려해서 해야 한다는 걸 왜 그땐 몰랐을까...                           3. 시각적으로 표현할 수 없는 희망여기서 말하는 '시각적으로 표현할 수 없는 희망’이란, 눈으로 볼 수 있는 수치와 지표를 가지지 못한 근거 없는 희망을 말한다. 창업 후 몇 달 동안이나 제자리 걸음을 하며 이달에는 별로지만 다음달엔 훨씬 나을 거라는 막연한 믿음과 기대를 가지고 창업을 이어갔었다. 긍정적인 시그널을 확인할 수 있는 구체적이고 시각화된 데이터 없이, 불과 몇 마디의 ‘잘될 거야, 잘될 거야'라는 근거 없는 믿음의 대화들 속에서 위기의식이 마비되었던 것 같다. 그리고 이에 더해 내가 공들인 노력과 시간이란 매몰비용이 아까웠던 것도 상황을  장기화하는데  한몫했었었다.어디선가 읽었는데 사람의 뇌는 긍정적으로 생각하게끔 진화했기에 나쁜 시나리오도 의식적으로 생각해볼 필요가 있다고 한다. 그러니 데이터 없는 대화 속이 아닌, 눈으로 수치와 지표를 확인하는 감정이 아닌 이성적인 희망을 가지자.                          4. 얇고 넓은 인사이트를 가진 사람들일부 자신을 멘토라고 하는 사람들이 강연을 하고, 또 도와주겠다고 조언을 한다. 처음 지식과 경험이 부족하여 잘 몰랐을 때는 스타트업 생태계를 이해하는데 많은 도움이 되었었다. 그런데 어느샌가 나는 더 이상 그들을 찾지 않게 되었고 오히려 경계하게 되었다. 그들과의 대화 속에서 실망하게 되는 때가 잦아졌기 때문인데, 실망이유는 다음과 같다.첫째, '자신의 백그라운드를 과대하게 포장'한다. 그리고둘째, '깊은 인사이트를 가진 척'한다.백그라운드 과대포장은 아래에서 다루겠고 여기서는 깊은 인사이트를 가진 척 한다는 것만 다루도록 하겠다 물론 그들이 나이도 있으시고 경험이 많으신 분들이기에 많은 지식과 넓은 시야를 가지고 있는 것은 분명하다. 하지만 인사이트 즉, 어느 한 사물의 본질을 꿰뚫어보는 통찰력을 가진 사람은 그리 많지 않았다 그저 대부분 자신의 이익만을 위해 "나 IT전문가요", "나 마케팅  전문가요”라고 말하며 자기 자신을 PR 할 뿐인 것 같다... 그들이 얇고 넓게 알더라도 지식 간 제대로 된 융합을 일으킬 수준까지는 깊이를 가졌으면 좋겠다.(이글에서 말하는 분들은 일부라는 것을  다시 한 번 밝힌다)                          5. 그럴듯하고 대단해 보이는 것창업을 처음 시작할 때부터 조언이라면서 들어왔던 말들이 있다. 사업하는 사람은 그럴듯하고 대단해 보여야 한다고... 나는 맞는 말이라며 동의했고 그렇게 보이고 싶어서 여러 가지를 시도했었다. 나이 들어 보이고 싶어서 수염을 기르고 뽀글이 파마도 하고 이병철 회장님 스타일의 안경도 썼었다 어디 가서는 어디 어디 대표였고 이사라고 소개하고 명함도 만들었다. 근데 마치 이건 몸에 맞지 않는 옷을 입은 느낌이란 생각이 점점 들었다 (수염은 만족) 그리고 곧 나와 맞지 않는 모습들은 정리했다.그럴듯한 대단해 보이는 모습이 어쩌면 그 누군가에게는 꼭 맞는 말일지 모른다. 하지만 모든 사람에게 100% 맞는 말은 아닌 것 같다. 알리바바의 거인 ‘마윈’은 무척 왜소한 체격을 지녔으며, 페이스북의 ‘마크 주커버그’는 새내기 대학생 같아 보이는 옷을 매일 똑같이 입는다. 사람은 다 다르고, 살아가는 방식 역시 모두 다르다. 그러므로 대단해 보여야 한다는 강박관념에 사로잡혀  연기할 필요는 없었던 것이다.차라리 그 노력과 에너지를 순수히 자신이 하고 있는 일에 쏟는다면 정말 대단한 사람이 될 수 있을지 모른다. 나에게 있어서 대단해 보이려 노력하는 것은 그저 나 스스로에게 자신감이 생길 정도로만 꾸미면 충분했다.(나에게 있어서이다 나.에.게)                              6. 다람쥐 쳇바퀴 같은 비효율무척 열심히 일해왔었다. 주말도 반납은 기본으로 9시에 출근하여 밤 11시가 넘어서 까지 일하며 집에선 잠만 잤었다 아마도 주 90시간 가까이 일했던 것 같다. 하지만 열심히 일한다고 해서 그만큼의 노력이 반드시 돌아오는 것은 아니었다. 수레바퀴가 아닌 다람쥐 쳇바퀴 안에서는 아무리 굴려봐야 제자리일 뿐이라고 노력을 보상받기 위해서는 효율적인 프로세스가  전제되어야 했었다.그렇다면 왜 이런 비효율을 개선하지 않았을까?첫째로, 팀의 인식 부족이 이유인 것 같다.처음 내가 문제를 느꼈을 때 프로세스를 개선하자 건의하고 좋은 아이디어와 사례, 또는 최신의 협업 및 생산성 도구들을 소개해주기도 했었었다. 하지만 돌아오는 반응은 냉소적일 뿐이었다.이후에도 여러 차례 이런 상황이 반복되자 나중에는 좋은 업무방법이나 도구가 있더라도 더 이상 소개하지 않고 나 혼자만 알고 사용하게 되었었다.둘째는, 나의 태도에 있었다.이번에 MBA에서 조직행동을 배우며 이 두 번째 문제점을 인식할 수 있었는데, 설명하자면 사람들은 불확실성이 증가하는 것을 본능적으로 원치 않기 때문에 변화를 꺼려하기 마련이다. 그러므로 변화시키기 위해서는 먼저 선행되어야 할게 있는데 바로 위기감을 심어주고 변화의 필요성에 대해 공유하는 것이다. 그러고 나서 비전을 제시하고 변화를 추진하며 작은 성공을 계속 만들어 나가야 변화와 혁신을 이룰 수 있다고 한다. 이는 변화에 대한 루윈의 3단계 (Lewin's Three  Stages)라는 내용이다.나는 이중 첫 번째 단계인 변화의 필요성에 대해 공유하는 것을 생략해버린 채, 바로 변화해야 한다고 주장하기만 했었다. 이러한 나의 일방적인 주장은 타인에게는 아마도 불만 가득한 사람으로만 비쳤으리라...________________________________________나의 첫 번째 창업에서 배웠던, 총 여섯 가지의 배운 점을 정리해서 작성해보았다.위의 내용들은 모두 실패사례에서 뽑아낸 것이지만, 나의 과정 속에서는 성공했던 사례도 많았고 그 속에서도 많은 걸 배웠었다. 실패사례에서만 이야기한 것은 더 극적인 글이 되길 원했기 때문이다.이와 관련해 한 이야기만 더 쓰고 싶다.어느 두 사람의 IT 창업글을 읽은 적이 있는데 한분은 창업에 실패했던 이야기고 한분은 창업에 성공한 이야기이다. 그리고 그 둘은 똑같은 코딩을 모르는 기획자 출신이었다. 글의 내용은실패하신 분은 본인이 코딩을 몰랐기 때문에 개발자들과 원활한 커뮤니케이션을 나누지 못했고 그래서 실패했다는 이야기며,성공하신 분은 코딩을 몰라서 개발은 지인들에게 조금씩 부탁하고 자신은 기획에만 충실히 하여, 3년이나 걸렸지만 결국 성공했단  이야기였다.즉, 같은 사안이라도 어느 분은 ‘원인’ 때문에 실패했고 어느 분은 ‘원인'이 있지만 성공했다고 말한 것이다. 두 분의 상황이 완전히 똑같지 않겠지만, 비슷한 환경 속에서도 다른 결과가 나오게 되었다. 결국 모든 것은 결과에 따른 이야기였던 것이다.마지막 두 분의 이야기를 한 것은 나의 글 속 ‘성공’과 ‘실패’가 어느 ‘원인’ 때문에 발생하는 인과관계가 아니라는 것을 알려드리고 싶어서이다. 나는 아직 20대의 경험 없는 주니어이다. 이 글이 ‘이렇게 하니까 성공하고, 저렇게 하니까  실패하더라’라고 보이는 게 두렵다. 주장하는 글이 아닌 공감되는 글로 보이고 싶다.나의 첫 번째 창업 속 여러 가지 ‘원인’ 들 중에서 ‘성공’ 그리고 ‘실패’는  한 끗 차이 였었고, 직접  컨트롤할 수 있던 것은 ‘배움’ 이었다.#텐시티 #창업 #창업가 #창업자 #인사이트 #성장 #경험공유
조회수 2433

매력뿜뿜 초긍정주의, 박윤혜 총괄 디자이너

안녕하세요. 써티입니다.이제 사내인터뷰를 다시 시작합니다!작년 12월에 마지막 사내인터뷰를 올리고 나서, 써티컷의 수난(?)과 비욘드펀드의 탄생 등 정말 많은 일들이 있었어요. 그래서 제가 언론홍보 하느라 바쁘기도 하고 인터뷰 대상자 분들께서도 넘나리 바빴기 때문에 사내인터뷰를 못했었는데요. 이제 새식구들도 많이 들어왔고 새 사업도 시작했으니 새로운 맘으로 다시 시작해보려고 해요.첫 주인공은 박윤혜 디자이너입니다.1. 비욘드플랫폼에서 어떤 일을 맡고 계시나요?비욘드펀드 및 써티컷의 디자인 전반을 총괄하고 있습니다. 운영부분도 맡고 있는 웹디자이너라고 생각하시면 되는데요. 스토리보드를 바탕으로 홈페이지를 디자인하고 개발팀과 협업하는 일, 투자상세 페이지를 만들거나, 상품 관련 다양한 온라인 광고를 제작하는 일을 하고 있습니다. 원래는 혼자 디자인 작업을 다 했었는데 요즘 현아님(이제 곧 인터뷰 예정)이 오셔서 한결 편해졌어요.2. 비욘드플랫폼에 합류하기 전에는 어떤 일을 하셨나요?온라인 광고회사에서 앱 서비스를 만드는 일을 중심으로 웹/앱 서비스를 디자인 했습니다.3. 윤혜님 같은 디자이너를 그러면 ‘웹 디자이너’라고 하나요?디자이너도 종류가 많은데요. 인쇄나 출력쪽의 편집디자이너가 있고 웹 UI디자인, 운영 디자인을 하는 디자이너가 있고, 온라인 광고를 담당하는 프로모션 디자이너도 있고요. 온라인 화면 설계 쪽에 가까운 UX 디자이너도 있습니다. 지금 우리 회사에는 썹님(베일에 싸인 또 한명의 남자 디자이너)이 주로 UX 디자인을 하시고, 제가 웹/운영 디자인을 하고 현아님이 마케팅/프로모션 디자인을 한다고 생각하시면 됩니다.4. 비욘드플랫폼에는 어떻게 합류하게 되셨나요?디자이너를 뽑는다는 채용공고를 보고 맨 처음 찾아봤던게 블로그였어요. 블로그에서 좋은 인상을 많이 받았어요. 일관적인 브랜딩에 대한 중요성을 알고 있는 것 같아서 인상적이었어요. 회사 분위기도 좋아보였고, 무엇보다 스타트업인데도 불구하고 전문가들이 많은 것 같더라고요. 스타트업은 보통 대표를 포함해서 젊은 사람들의 비중이 높잖아요. 그런데 비욘드플랫폼은 대표님도 삼일회계법인 임원 출신의 실력있으신 분이시고 다른 팀장님들도 스펙이 빵빵하더라고요. 그 부분에서 믿음이 갔고 써티컷 사업도 굉장히 매력적이었어요. 지금 안타깝게도 출시를 못하고 있지만 출시만 되면 정말 유망한 비즈니스라고 생각해요. 아! 그리고 마케팅팀장인 한팀장님 인상이 좋았던 것도 한 몫했어요^^5. 비욘드플랫폼은 핀테크 회사잖아요. 전에도 금융에 관심이 많으셨나요?금융이라고 하기에는 뭔가 거창하고 재테크에는 관심 많았어요. 주식도 해봤고요. 지금 비욘드펀드 상품을 비롯해 P2P에도 투자하고 있고요. 주식은 손해를 봤지만…(많이는 아니고 코트 한벌 값 정도?) P2P로 재테크 열심히 해서 만회하려고요.6. 재테크에 관심있는 20대 여성으로서 P2P투자라는건 어때요?저는 긍정적으로 봐요. 보통 투자에 대해서 잘 모르는 사람들은 PB를 찾아가거나 재테크 카페에서 정보를 얻어야 하는데 굉장히 한정되어 있거든요. 시간과 노력도 많이 들고 쉽지 않잖아요. 그런데 P2P투자는 플랫폼 회사들이 상품을 면밀히 분석해서 홈페이지나 페이스북, 블로그 등에 자세히 올려주기 때문에 투자자 입장에서는 접근이 쉽죠. 투자 장벽도 낮고요. 그래서 앞으로도 P2P금융 시장은 더욱 성장할거라고 봐요.넘나 예쁜 캐릭터 (치킨이 포인트: 윤혜님의 주먹거리를 반영하여...)7. 그런데 이제 P2P 가이드라인이 시행되잖아요? 한 업체당 1년에 천만원 밖에 투자를 못하게 되는데요.너무 안타까워요. 위에 말했듯이 자산가나 전문투자자가 아닌 개인들이 가장 간편하게 투자를 할 수 있는게 P2P금융인데, 한 업체당 천만원 밖에 투자를 못한다고 하면 너무 적죠. 흥칫뿡입니다ㅋㅋㅋ8. 눈여겨보고 있는 P2P 상품군이 있다면?확실히 재미있는 상품이 끌려요. 얼마전에 다른 P2P플랫폼 회사에서 에비츄라는 캐릭터 관련 투자상품이 있었어요. 너무 하고 싶더라고요. 저는 에비츄 짱팬이라. 이런 관여도가 높은 상품이 확실히 눈에 띄는 것 같아요. 관심 있으면 투자 상품도 더 눈여겨서 분석하게 되고요. 요즘에는 이런 재밌는 상품들이 많이 나와서 보는 재미가 쏠쏠합니다.  9. 디자이너로서 비욘드펀드에서 해보고 싶은게 있나요?지금 비욘드펀드 홈페이지가 반응형으로 제작되어 있는데요, 모바일에서의 편리한 화면 구성을 좀더 고민할 필요가 있다고 생각해요. 그래서 리뉴얼 때 그 부분을 많이 반영하려고 합니다. 그리고 딱딱한 투자 상품들이 2,30대의 젊은 층들에게도 잘 어필될 수 있도록 다양한 디자인적인 시도도 하려고 노력합니다. 실제로 현아님과 비욘드펀드만의 멋진 페이지 구성을 위해서 논의 중이에요.10. 디자이너니까.. 급 회사 인테리어에 대해 물어보고 싶어졌어요(뜬금). 우리 사무실 인테리어 어때요?너무 좋아요. 만족스러워요. 일단 건물이 새건물이라 깨끗하잖아요. 한 층 다 쓰니까 저희 공간도 넓고요. 사무실이 너무 넓어서 약간 휑해 보이는 공간도 있는데 시간이 나면 인테리어를 해볼 생각입니다. 조명을 많이 달고, 포스터도 제작해서 붙이고 싶어요. 비욘드펀드의 효자상품들을 포스터로 만들어서 명예의 전당처럼 붙여놓으면 좋을 것 같아요.  11. 지금 회사가 새로운 복지제도를 만들고 있는 중인데 바라는 점이 있다면?재미있는 회식을 했으면 좋겠어요. 그리고 일주일에 한번은 한시간씩 일찍 퇴근하면 좋겠….. 너무 과한가?ㅋㅋㅋ 만약 그렇게 되면 조기퇴근하는 날 아침부터 행복할 것 같아요. 그리고 영화를 보거나 문화생활을 즐기는 문화데이가 있으면 좋겠어요.12. 기업문화 측면에서 비욘드펀드의 좋은점은?팀장-사원간에 격이 없어요. 다른 스타트업과 다르게 팀장님들의 나이대가 아주 젊은 편은 아닌데도 의견을 잘 들어주시고 착하세요. 그리고 복장 자유로운 것도 좋아요. 팀장님은 반삭도 하시고 수염도 기르시고…… 자유로운 분위기인 것 같아요.13.  올해 개인적인 목표가 있다면?살을 엄청 빼려고요. 그냥 빼는게 아니라 엄청! 10키로 빼는게 목표인데 가능할지는 모르겠지만…... 헬스를 시작해보려고 합니다. 화이팅!#비욘드플랫폼서비스 #비욘드펀드 #팀원 #팀원소개 #인터뷰 #팀원인터뷰 #사내문화 #조직문화 #기업문화
조회수 1227

Justice(2): 정의는 이겨야 한다

지난 글에서는 스타트업 창업자로서내가 생각하고 있는 정의에 대한 이야기를 했다.그래서...So what?사실 궁극적으로 하고 싶은 말은바로 행동과 적용이다.이번 브런치에서는 그래서 어쩌라고라는 의미에서글을 남긴다.한 때는 내가 보고 싶은 것만 보고 살았고,어느 때인가부터 내가 아는 만큼만 보이기 시작했고,한 순간 내가 보고, 아는 것 외에도 세상은 넓다는 것을 깨달았다.내가 모르는 것을 볼 수 있는 자신은 없지만,내가 모르는 만큼 더 듣고, 더 이해하려고 노력해야조금이나마 모르는 세상을 느낄 수 있다.꼬맹이 시절에 전래동화를 통해 본 세상은착하게 살아야지, 안 그럼 도깨비에게, 하늘에게 혼나니까 라는 식이었다."아! 항상 정의는 이기는구나"청소년기에는 만화와 영화, 드라마를 통해 가끔은 비극으로 끝나지만...대체적으로 정의가 승리하는 구도는 여전했다.마지막에 항상 미지에 알 수 없는 힘이 더해져서악당을 이겨내더라고.사실 현실에서의 괴리감을 느낀 것도 이 맘 때였다.책 속에서는 정의가 이기던데,현실에서는 꼭 그런 것 같지 않더라.그때부터 "정의는 결국엔 이긴다."라고 바뀌었다.혈기 왕성하던 20대까지는 이 말을 믿고 살았다.왜, 어떻게 정의가 승리하는 줄은 모르지만,무작정 정의가 언젠가는 이길 거라고 우겼다.그리고 대학을 거쳐, 직장생활을 하며 이전과는 확연하게 다른 시각을가지게 되었다."정의는 과연 이기는 걸까?"한 때 서점가에 돌풍을 일으켰던[정의란 무엇인가(Justice)]라는 책의 저자 마이클 샌델(Michael Sandel) 교수는 정의(正義)에 대하여 여러 가지 관점에서 고찰하고, 우리에게 질문을 던졌다.어쩌면, 비상식이 상식처럼 굳어지던 사회의 어두운 면이정의를 갈구하는 욕구를 자극하여베스트셀러가 되었는지도 모른다.정의의 여신과 승리의 여신은 동일하지 않아.정의의 여신과 승리의 여신이 함께 동행하기도 하지만,때로는 승리의 여신이 정의의 여신을 외면하기도 하지."정의라고 승리하지 않는다."정의, 진실, 선이 결국은 이긴다고 믿는다면,당신은 잘못된 상식을 가지고 있어.엄밀히 따지자면,정의와 승리는 상관관계가 없다.부도덕하거나,비상식적이거나,불합리해도 승리를 거머쥐기도 하지.정의라고 무작정 승리할 거라는순진한 발상은 버려야 한다.승리는 힘이 있어야 이길 수 있다.그 힘이 자본이든, 아이디어든, 고객의 절대적인 니즈든,완전 하이테크든 간에....뭔가 이길 수 있는 힘이다.신이라던가,절대자에게는 정의가 승리한다.정의가 이길 수 있게 하는 힘이 있으니까.그런데우리가 그런 존재는 아니잖아.정의가 승리하도록 하기 위해서우리는 승리의 요건을 갖추어야 한다.정의, 진실, 선 과 같은 가치는힘을 가져야 할 명분이며,힘을 모아야 할 이유이며,힘을 제대로 사용해야 할 근거이지그 자체가 승리를 보장하지 않는다.정의가 승리하기 위해전략과 수단, 방법을 고민해야 하고,때로는 고난과 역경에도 견뎌내야 한다.단지, 정의로우니까 이긴다라는헛된 망상을 전염시키지 마."정의니까 이기도록 해야 한다"라는 표현이 더 합리적이다.대한민국의 역사와 세계사를 되짚어 보면,진실이 밝혀지고, 정의구현이 되는 경우는많은 사람들의 공감과 헌신, 노력, 고난이 있어야가능했다는 점을 기억하라.책상머리에서 옳고 그름을 논하기만 한다고세상이 바뀌지 않는다.없는 만큼, 부족한 만큼 더 많이, 더 빨리 움직여야 한다.또한 남들과 같은 노력은 차별성을 만들지 못한다.모두가 승리를 위해서 노력한다.나의 정의를 위해서 싸우지만,상대도 나름 자신의 정의를 위해 싸우며,우열을 가리는 것은 바로 누가 더 절실했느냐,누가 더 전략적이었느냐, 누가 더 효과적이었느냐이다.축구 경기할 때, 우리가 응원하는 팀이 이기게 해달라고 기도한다.그런데 재미있게도상대 응원단도 자신의 팀이 이기게 해 달라고 기도한다.신은 누구의 기도를 들어줄 것인가.더 많은 연습과,더 유기적인 팀워크와,더 끝까지 절실한 팀에게확률을 높여 줄 뿐이다.경기를 직접 뛰는 선수들 모두가 그렇게 노력해서 그 자리에 있는 사람들이다.누가 이기든 그럴 자격이 있는 사람들이고,신은 누가 이기든 사실 관심이 없다.정의가 승리하기 위해서는상대를 가르치려 들지 말고,공감하게 해야 한다계몽이라는 말은꿈에서 깨도록 한다는 뜻인데....상대방의 무지함, 몽매함을 깨닫게 하기 위해가르치고, 훈육하는 활동을 말한다.교육의 효과를 무시하는 건 아닌데....서로 대척점에 있는 사람들을설득하는 데 있어 가르치려 드는 사람에게는반감이 우선 들고, 이성적이지 않은, 지극히 감적적인,무조건적인 반대를 이끌어낸다."나는 이쪽으로 전문 가니까, 나에게 배우는 것을 감사해야지""당신이 모르니까, 당신이 무지하니까 내가 가르쳐 줄게."이러한 접근과"내가 당신의 입장을 몰랐듯, 당신도 나를 모르니, 함께 서로를 알아가 봅시다.""그 상황에서는 그럴 수도 있지요. 다음에는 우리 이런 방법으로 접근 가능한지 논의해 볼까요?"무언가 보이는가?그 사이에 투명하게 보이는 벽, 칸막이가....스타트업 입장에서는고객을 가르치려 들면 안 된다.고객에게 공감하고,피드백을 적용하려고 애써야 한다.고객에게 맞고 틀리고를 따지는 것만큼 바보 같은 일은 없다.우리는 스타트업이라는 굴레는항상 고객을 향해 염두할 것이"보여 주고 싶은 것을 보여주는 게 아니라보고 싶어 하는 것을 보여주어야 한다"간혹 자신의 회사를 홍보하기 위해기존 경쟁사와 비교하는 모습을 보게 된다.경쟁사가 정의롭지 않은 회사인가?절대로 그렇지 않다.경쟁사는 내 입장에서 위협이 되고,경쟁에서 우위를 점해야 할 러닝 메이드이다.경쟁사도 나름의 정의를 가지고 있다.우리고 나름의 정의를 가지고 있다.다만, 우리는 같은 링 안에서진검을 겨눈 채 마주 한 것뿐이다.누가 악인이고, 누가 선인이라는 구분은 없다.우리가 이긴다면,우리의 정의를 더 널리, 오래 알릴 수 있다.오히려 경쟁사가 있다는 점을우리는 감사해야 한다.경쟁자가 없다고 생각한다면,당신은 외톨이거나,당신의 눈이 멀어있거나,경쟁자가 일찌감치 멀리 앞서가고 있거나,그 시장 자체가 존재하지 않는 곳이다.어쨌든 경쟁사를 폄하하거나 까지 마라.억지로 깎아내리는 모습은 정말 아니다.경쟁사의 단점만 부각하면서자신이 돋보일 거라 생각하겠지만,그냥 못나 보인다.차별성이라는 것은 상대를 낮춰서내가 잘난 게 아니다.상대는 이쪽을 잘하는데우리는 저쪽을 잘해요,상대는 이런 걸 하는데 우리는 요런 걸 좀 바꾸었어요.경쟁제품의 불편한 점을 언급할 수는 있지만,이미 시장에서 팔리고 있는 제품이라면,그쪽도 차별성을 가지고 있는 것이다.치졸하지는 말자고.배고픈 소크라테스가 나은지,배부른 돼지가 나은지 논쟁은 무의미하다.(존 스튜어트 밀: John Stuart Mill을 까는건 아니고...)단순하게 생각해서...배부른 소크라테스가 제일 낫다.사회에 대한 불만과 불신이 쌓이다 보면,없는 자들이 가진 자들을 향해 힐난하고 비난하는 부류를 보게 된다.그런다고 뭐가 달라지나?자본주의 사회에서...아니,인간이 지구에 등장한 이래로모두가 평등한 적이 있던가?모두가 하하호호, 손에 손잡고,어깨동무하던 때가 있던가?우리의 정의를 관철하기 위해힘을 얻어야 한다.돈에 눈이 멀어서 중간에 정의를 내팽개쳐버리고변절하지 하는 것도 경계해야 하지만염세적으로 힘없는 정의만 외치면서허송세월을 보내는 것도 경계해야 한다.나 혼자 안될 거면, 동료를 모아라.가진 게 없어 안되면, 가진 걸 늘려라.무지해서 못했다면, 지식을 배워라.정치인들이 거기서 거기라고,믿을 수 없다고투표일에 놀러 가면서세상이 바뀌길 바라는 건 정의가 아니라 도둑놈 심보다.사회가 이 모양 이 꼴이라서내가 할 수 있는 게 없다고골방에 파묻혀 세상 밖을 안 나오면서세상이 뒤집어지길 바란다는 건 네가 정의로운 게 아니라 배알이 꼴린 놈이다.일시적으로 겁을 먹을 수는 있어.잠깐 좌절하고, 재충전할 필요도 있어.실망과 분노를 참으라는게 아니라그걸 딛고 일어날 준비를 해야지.너의 정의를 관철하기 위해어떤 노력을 하였는가,어떤 희생을 하였는가.더 놀고 싶은 거,더 자고 싶은 거,더 하고 싶은 거...그걸 절제할 수 있는 것은이것들보다 더 큰 가치의 목적이 있어야 하지.그 목적조차 잃어버리면,아무것도 할 수 없어.나 나름대로의 정의는그 무게와 가치가 크다고 믿고 있어.그렇기에 이겨야 하고,승리해야 하지.비록 지금 당장은힘들고, 어렵고, 좌절할 일이 있더라도잊지 말자고.정의가 기필코 승리하도록...#클린그린 #스타트업 #창업가 #창업자 #마인드셋 #조언
조회수 1889

비트윈의 스티커 시스템 구현 이야기

비트윈에는 커플들이 서로에게 감정을 더욱 잘 표현할 수 있도록 스티커를 전송할 수 있는 기능이 있습니다. 이를 위해 스티커 스토어에서 다양한 종류의 스티커를 제공하고 있으며 사용자들은 구매한 스티커를 메시지의 첨부파일 형태로 전송을 할 수 있습니다. 저희가 스티커 시스템을 구현하면서 맞딱드린 문제와 이를 해결한 방법, 그리고 프로젝트를 진행하면서 배운 것들에 대해 소개해 보고자 합니다.스티커 시스템 아키텍처¶비트윈에서 스티커 기능을 제공하기 위해 다양한 구성 요소들이 있습니다. 전체적인 구성은 다음과 같습니다.비트윈 서버: 이전에 소개드렸었던 비트윈의 서버입니다. 비트윈의 채팅, 사진, 기념일 공유 등 제품내의 핵심이 되는 기능을 위해 운영됩니다. 스티커 스토어에서 구매한 스티커는 비트윈 서버를 통해 상대방에게 전송할 수 있습니다.스티커 스토어 서버: 스티커를 구매할 수 있는 스토어를 서비스합니다. 스티커 스토어는 웹페이지로 작성되어 있고 아이폰, 안드로이드 클라이언트와 유기적으로 연동되어 구매 요청 등을 처리합니다. 처음에는 Python과 Flask를 이용하여 구현하려 하였으나 결국엔 서버 개발자들이 좀 더 익숙한 자바로 구현하기로 결정하였습니다. Jetty와 Jersey를 사용하였고, HTML을 랜더링하기 위한 템플릿 엔진으로는 Closure Template을 이용하였습니다. ORM으로는 Hibernate/JPA, 클라이언트와 웹페이지간 연동을 위해서 Cordova를 이용하였습니다. EC2에서 운영하고 있으며 데이터베이스로는 RDS에서 제공하는 MySQL을 사용합니다. 이미 존재하는 솔루션들을 잘 활용하여 최대한 빨리 개발 할 수 있도록 노력을 기울였습니다.스티커 다운로드 서버: 스티커는 비트윈에서 정의한 특수한 포맷의 파일 형태로 제공됩니다. 기본적으로 수 많은 사용자가 같은 스티커 파일을 다운로드 받습니다. 따라서 AWS에서 제공하는 CDN인 CloudFront을 이용하며, 실제 스티커 파일들은 S3에서 호스팅합니다. 그런데 스티커 파일들은 디바이스의 해상도(DPI)에 따라 최적화된 파일들을 내려줘야하는 이슈가 있었습니다. 이를 위해 CloudFront와 S3사이의 파일 전송에 GAE에서 운영중인 간단한 어플리케이션이 관여합니다. 이에 대해서는 뒷편에서 좀 더 자세히 설명하도록 하겠습니다.구현상 문제들과 해결 방법들¶적정 기술에 대해 고민하다¶스티커 스토어 서버를 처음 설계할때 Flask와 SQLAlchemy를 이용하여 구현하고자 하였습니다. 개발팀 내부적으로 웹서버를 만들때 앞으로 Python과 Flask를 이용해야겠다는 생각이 있었기 때문이며, 일반적으로 Java보다는 Python으로 짜는 것이 개발 효율이 더 좋다는 것은 잘 알려진 사실이기도 합니다. 하지만 Java에 익숙한 서버 개발자들이 Python의 일반적인 스타일에 익숙하지 않아 Python다운 코드를 짜기 어려웠고, 오히려 개발하는데 비용이 더 많이 들어갔습니다. 그래서 개발 중에 다시 웹 서버는 자바로 짜게 되었고, 여러가지 스크립트들만 Python으로 짜고 있습니다. 실제 개발에 있어서 적절한 기술의 선택은 실제 프로젝트에 참여하는 개발자들의 능력에 따라 달라져야한다는 것을 알게되었습니다.스티커 파일 용량과 변환 시간을 고려하다¶사용자는 스티커 스토어에서 여러개의 스티커가 하나로 묶인 스티커 묶음을 구매하게 됩니다. 구매 완료시 여러개의 스티커가 하나의 파일로 압축되어 있는 zip파일을 다운로드 받게 됩니다. zip파일내의 각 스티커 파일에는 스티커를 재생하기 위한 스티커의 이미지 프레임들과 메타데이터에 대한 정보들이 담겨 있습니다. 메타데이터는 Thrift를 이용하여 정의하였습니다.스티커 zip파일 안에는 여러개의 스티커 파일이 들어가 있으며, 스티커 파일은 다양한 정보를 포함합니다카카오톡의 스티커의 경우 애니메이션이 있는 것은 배경이 불투명하고 배경이 투명한 경우에는 애니메이션이 없습니다. 하지만 비트윈 스티커는 배경이 투명하고 고해상도의 애니메이션을 보여줄 수 있어야 했습니다. 배경이 투명한 여러 장의 고해상도 이미지를 움직이게 만드는 것은 비교적 어려운 점이 많습니다. 여러 프레임의 이미지들의 배경을 투명하게 하기 위해 PNG를 사용하면 JPEG에 비해 스티커 파일의 크기가 너무 커집니다. 파일 크기가 너무 커지면 당시 3G 환경에서 다운로드가 너무 오래 걸려 사용성이 크게 떨어지기 때문에 무작정 PNG를 사용할 수는 없었습니다. 이에 대한 해결책으로 투명 기능을 제공하면서도 파일 크기도 비교적 작은 WebP를 이용하였습니다. WebP는 구글이 공개한 이미지 포맷으로 화질 저하를 최소화 하면서도 이미지 파일 크기가 작다는 장점이 있습니다. 각 클라이언트에서 스티커를 다운 받을때는 WebP로 다운 받지만, 다운 받은 이후에는 이미지 로딩 속도를 위해 로컬에 PNG로 변환한 스티커 프레임들을 캐싱합니다.그런데 출시 된지 오래된 안드로이드나 iPhone 3Gs와 같이 CPU성능이 좋지 않은 단말에서 WebP 디코딩이 지나치게 오래 걸리는 문제가 있었습니다. 이런 단말들은 공통적으로 해상도가 낮은 디바이스였고, 이 경우에는 특별히 PNG로 스티커 파일을 만들어 내려줬습니다. 이미지의 해상도가 낮기 때문에 파일 크기가 크지 않았고, 다운로드 속도 문제가 없었기 때문입니다.좀 더 나은 주소 포맷을 위해 GAE를 활용하다¶기본적으로 스티커는 여러 사용자가 같은 스티커 파일을 다운받아 사용하기 때문에 CDN을 이용하여 배포하는 것이 좋습니다. CDN을 이용하면 스티커 파일이 전 세계 곳곳에 있는 엣지 서버에 캐싱되어 사용자들이 가장 최적의 경로로 파일을 다운로드 받을 수 있습니다. 그래서 AWS의 S3와 CloudFront를 사용하여 스티커 파일을 배포하려고 했습니다. 또한, 여러 해상도의 디바이스에서 최적의 스티커를 보여줘야 했습니다. 이 때문에 다양한 해상도로 만들어진 스티커 파일들을 S3에 올려야 했는데 클라이어트에서 스티커 파일을 다운로드시 주소 포맷을 어떻게 가져가야 할지가 어려웠습니다. S3에 올리는 경우 파일와 디렉터리 구조 형태로 저장되기 때문에 아래와 같은 방법으로 저장이 가능합니다.http://dl.sticker.vcnc.co.kr/[dpi_of_sticker]/[sticker_id].sticker하지만, 이렇게 주소를 가져가는 경우 클라이언트가 자신의 해상도에 맞는 적절한 스티커의 해상도를 계산하여 요청해야 합니다. 이것은 클라이언트에서 서버에서 제공하는 스티커 해상도 리스트를 알고 있어야 한다는 의미이며, 이러한 정보들은 최대한 클라이언트에 가려 놓는 것이 유지보수에 좋습니다. 클라이언트는 그냥 자신의 디스플레이 해상도를 전달하기만 하고, 서버에서 적절히 계산하여 알맞은 해상도의 스티커 파일을 내려주는 것이 가장 좋습니다. 이를 위해 스티커 다운로드 URL을 아래와 같은 형태로 디자인하고자 하였습니다.http://dl.sticker.vcnc.co.kr/[sticker_id].sticker?density=[dpi_of_device]하지만 S3와 CloudFront 조합으로만 위와 같은 URL 제공은 불가능하며 따로 다운로드 서버를 운영해야 합니다. 그렇다고 EC2에 따로 서버를 운영하는 것은 안정적인 서비스 운영을 위해 신경써야할 포인트들이 늘어나는 것이어서 부담이 너무 컸습니다. 그래서, 아래와 같이 GAE를 사용하기로 하였습니다.GAE는 구글에서 일종의 클라우드 서비스(PaaS)로 구글 인프라에서 웹 어플리케이션을 실행시켜 줍니다. GAE에 클라이언트에서 요청한 URL을 적절한 S3 URL로 변환해주는 어플리케이션을 만들어 올렸습니다. 일종의 Rewrite Engine 역할을 하는 것입니다. 서비스의 안정성은 GAE가 보장해주고, S3와 CloudFront의 안정성은 AWS에서 보장해주기 때문에 크게 신경쓰지 않아도 장애 없는 서비스 운영이 가능합니다. 또한 CloudFront에서 스티커 파일을 최대한 캐싱 하며 따라서 GAE를 통해 새로 요청을 하는 경우는 거의 없기 때문에 GAE 사용 비용은 거의 발생하지 않습니다. GAE에는 클라이언트에서 보내주는 해상도를 보고 적당한 해상도의 스티커 파일을 내려주는 아주 간단한 어플리케이션만 작성하면 되기 때문에 개발 비용도 거의 들지 않았습니다.토큰을 이용해 보안 문제를 해결하다¶실제 스티커를 구매한 사용자만 스티커를 사용할 수 있어야 합니다. 스티커 토큰을 이용해 실제 구매한 사용자만 스티커를 전송할 수 있도록 구현하였습니다. 사용자가 스티커 스토어에서 스티커를 구매하게 되면 각 스티커에 대한 토큰을 얻을 수 있습니다. 스티커 토큰은 다음과 같이 구성됩니다.토큰 버전, 스티커 아이디, 사용자 아이디, 유효기간, 서버의 서명서버의 서명은 앞의 네 가지 정보를 바탕으로 만들어지며 서버의 서명과 서명을 만드는 비밀키는 충분히 길어서 실제 비밀키를 알지 못하면 서명을 위조할 수 없습니다. 사용자가 자신이 가지고 있는 스티커 토큰과 그에 해당하는 스티커를 비트윈 서버로 보내게 되면, 비트윈 서버에서는 서명이 유효한지 아닌지를 검사합니다. 서명이 유효하다면 스티커를 전송이 성공하며, 만약 토큰이 유효하지 않다면 스티커의 전송을 허가하지 않습니다.못다 한 이야기¶비트윈 개발팀에게 스티커 기능은 개발하면서 우여곡절이 참 많았던 프로젝트 중에 하나 입니다. 여러 가지 시도를 하면서 실패도 많이 했었고 덕분에 배운 것도 참 많았습니다. 기술적으로 크게 틀리지 않다면, 빠른 개발을 위해서 가장 익숙한 것으로 개발하는 것이 가장 좋은 선택이라는 알게 되어 스티커 스토어를 Python 대신 Java로 구현하게 되었습니다. 현재 비트윈 개발팀에서 일부 웹사이트와 스크립트 작성 용도로 Python을 사용하고 있지만 Python을 잘하는 개발자가 있다면 다양한 프로젝트들를 Python으로 진행할 수 있다고 생각합니다. 팀내에 경험을 공유할 수 있는 사람이 있다면 피드백을 통해 좋은 코드를 빠른 시간안에 짤 수 있고 뛰어난 개발자는 언어와 상관없이 컴퓨터에 대한 깊이 있는 지식을 가지고 있을 것이기 때문입니다.네 그렇습니다. 결론은 Python 개발자를 모신다는 것입니다.저희는 언제나 타다 및 비트윈 서비스를 함께 만들며 기술적인 문제를 함께 풀어나갈 능력있는 개발자를 모시고 있습니다. 언제든 부담없이 [email protected]로 이메일을 주시기 바랍니다!
조회수 1141

Vue, 어디까지 설치해봤니?

Overview새로운 사용환경 구축에 도전하는 건 개발자의 운명과도 같습니다. 오늘은 여러 장점을 가지고 있는 Vue (프론트엔드 자바스크립트 프레임워크)를 도전해보겠습니다. Vue는 다른 프레임워크에 비해 가볍고, 개발하기에 편합니다. 그럼 우선 Vue를 설치합시다! Vue 설치CDNhttps://unpkg.com/vue 주소를 script 태그에 직접 추가 Vue.js 파일다운개발용, 배포용 버전을 다운 받아 script 태그에 추가개발용 버전은 개발에 도움이 되는 모든 경고를 출력하기 때문에 개발 중에만 사용하고, 실제 서비스에서는 배포용 버전으로 사용해야 한다. NPM 설치규모가 큰 프로젝트 경우 컴포넌트별 독립적으로 관리할 수 있는 싱글 파일 컴포넌트 방식 추천 Vue를 설치하는 방법은 여러 가지가 있습니다. 각자 특성에 맞게 편리한 방법으로 설치해주세요. 이번 글에서는 싱글 파일 컴포넌트 방식을 사용할 것이므로 NPM vue-cli 를 설치해 프로젝트를 구성하겠습니다. # vue-cli 전역 설치, 권한에러시 sudo 추가 $ npm install vue-cli -global vue-clivue-cli를 사용하면 뷰 애플리케이션을 개발하기 위한 초기 프로젝트 구조를 쉽게 구성할 수 있습니다. 다만, 싱글 파일 컴포넌트 체계를 사용하려면 .vue 파일을 웹 브라우저가 인식할 수 있는 형태의 파일로 변환해 주는 웹팩(Webpack)이나 브라우저리파이(Browserify)와 같은 도구가 필요합니다. vue-cli 설치 명령어 vue init webpack : 고급 웹팩 기능을 활용한 프로젝트 구성 방식. 테스팅,문법 검사 등을 지원vue init webpack-simple : 웹팩 최소 기능을 활용한 프로젝트 구성 방식. 빠른 화면 프로토타이핑용vue init browserify : 고급 브라우저리파이 기능을 활용한 프로젝트 구성 방식. 테스팅,문법 검사 등을 지원vue init browserify-simple : 브라우저리파이 최소 기능을 활용한 프로젝트 구성 방식. 빠른 화면 프로토타이핑용vue init simple : 최소 뷰 기능만 들어간 HTML 파일 1개 생성vue init pwa : 웹팩 기반의 프로그레시브 웹 앱(PWA, Progressive Web App) 기능을 지원하는 뷰 프로젝트여러 설치 명령어 중에 특성에 맞는 초기 프로젝트를 생성하세요. 1) vue init webpack 실행# 해당 프로젝트 폴더에서 실행 $ vue init webpack   # 현재 디렉토리에서 프로젝트 생성 여부 ? Generate project in current directory? (Y/n) # 프로젝트 이름 ? Project name (vue_ex) # 프로젝트 설명 ? Project description (A Vue.js project) # 프로젝트 작성자 ? Author (곽정섭 ) # 빌드 방식 ? Vue build (Use arrow keys) # vue-router를 설치 여부 ? Install vue-router? (Y/n) # 코드를 보완하기 위해 ESLint를 사용 여부 ? Use ESLint to lint your code? (Y/n) # ESLint 사전 설정 선택 ? Pick an ESLint preset (Use arrow keys) # 단위 테스트 섧정 ? Set up unit tests (Y/n) # 테스트 러너 선택 ? Pick a test runner (Use arrow keys) # Nightwatch로 e2e 테스트를 설정 여부 ? Setup e2e tests with Nightwatch? (Y/n) # 프로젝트가 생성 된 후에`npm install`을 실행해야합니까? ? Should we run `npm install` for you after the project has been created? (recommended) (Use arrow keys) 2) 고급 웹팩 기능을 활용한 프로젝트 구성 방식으로 설치3) 설치완료4) package.json 파일에 설정된 라이브러리 설치$ npm install 5) 개발모드 실행# 해당 프로젝트 폴더에서 실행(소스수정시 자동 새로고침) $ npm run dev 6) http://localhost:8080/ 브라우저 실행7) Yeah, You got it!!!!추가 도구: Vue Devtools(크롬 확장 플러그인)Vue Devtools(크롬 확장 플러그인)은 Vue를 사용할 때, 브라우저에서 사용자 친화적으로 검사하고 디버그할 수 있습니다.크롬 개발자 도구에 Vue 탭이 추가됨ConclusionVue를 설치하는 여러 방법 중 고급 웹팩 기능을 활용한 프로젝트 구성을 알아봤습니다. 다음 글에서는 Vue 인스턴스 및 디렉티브(지시문) 사용법을 다뤄보겠습니다.참고설치방법 — Vue.js 글곽정섭 과장 | R&D 개발1팀[email protected]브랜디, 오직 예쁜 옷만#브랜디 #개발문화 #개발팀 #업무환경 #인사이트 #경험공유 #Vue
조회수 890

기록을 시작하다

많은 사람들이 그렇겠지만, 나도 글을 쓰면서 생각을 정리해보고 싶다는 욕구를 느꼈다.많은 사람들이 그렇겠지만, 욕구를 느낀지 꽤 오래, 그리고 자주 느꼈지만 실천을 못했다.2017년, 30대에 접어들었다.(만으로는 29세라는 레퍼토리는 주변 87년생 형들이 넘나 우려먹어버린 관계로, 써먹지 않는 걸로)30대 입성의 힘을 빌려, 기록을 시작해보려 한다.무슨 주제를 써볼까, 어떤 테마로 써볼까를 고민하기 전에,아직 안해봤으니 일단 저질러서 이것저것 써보고 방향은 잡아나가는걸로.여기서도 스타트업 정신 발동! 시작이 반이겠죠? 그렇죠?^^*물리적으로, 심적으로 바빠지다보니 어떤 것을 해야지라고 생각만 했을 때 하지 못하는 경우가 대부분이다.(물론 의무적으로 해야하는 것들에 대해선 어떻게든 해오고 있다.)그래서 최근에 항상 써먹는 방법이 모든 활동들을 시스템화시키는 것이다.예를 들어, 최근의 국정농단 사태를 보면서 나 자신에게 회의감이 들었다. 연일 떠들석한 뉴스거리와 문제들 속에서 '내가 그 문제들을 판단할 만한 지식을 가지고 있는가. 알량한 지식가지고 정치에 관심이 있는 척, 깨인척 진보는 이렇고 보수는 이렇고 대통령은 잘못했다라고 말하고 있지는 않은가.' 라는 반문에 대해 아직도 자유롭지 못하다. 그리고 이러한 것을 자각하고 있으면서도 일상이라는 핑계속에 더 적극적으로 임하지 못하는 것 역시 부끄럽다.그래서 이러한 시스템을 만들기로 결심했다.주말을 이른오후/저녁/밤 3타임으로 나눴을때 총 6타임이 생긴다.그중에 한타임만큼은 이러한 시국과 정치, 경제 등에 대한 공부를 하는 것으로. 다른 한타임은 오늘부터 시작한 '한주를 정리하며' 라는 허세 가득한 가칭의 글쓰기 프로젝트를 진행하려고 한다.브런치를 물들이는 수많은 글들은 아마 이 첫 글에 선전포고된 '6타임 프로젝트' 로 물들지 않을까 기대해본다.- 현재는 1월 막바지 일요일 저녁 10시, 아메리카노 과다 복용으로 인한, 약간은 하이텐션 상태 #학생독립만세 #교육기업 #기업문화 #조직문화

기업문화 엿볼 때, 더팀스

로그인

/