타일로그

tyle에서는 AWS를 이렇게 구축하였다. tyle에서 AWS 구축하기 까지... tyle 서비스 런칭하기전 프로토타입으로만 존재했던 레거시 시스템을 프로덕션에 맞게 AWS를 재정비 및 업그레이드 하는 미션을 하달받았다. AWS의 약자도 몰랐던 상황에서 굉장히 흥미롭고 당황스러운 미션이였다. 그러다보니 구축하는 과정속... read more 2017-07-19 11:11:51 스타트업이 포기한 것과 지켜야 하는 것. ‘디자인이 필요한 순간, 놀라운 경험을!’ 타일이 위와 같은 야심찬 비전을 갖고 공개된 이후, 1년여의 시간이 지났습니다. 1년이 지난 타일은, 어째뜬 망하진 않았습니다. 그렇다고 대성하지도 않았지요. 하지만 한계와 가야할 방향을 정확히 알고 있습니다. ... read more 이흥현 2017-05-17 16:52:28 우리 팀을 위한 업무 관리 툴이 없어서, 개발해보았다. tyle.io는 6명의 작은 스타트업입니다. 그리고 저는 이 팀의 마케팅, 운영, 개발을 전반적으로 조율하고 있습니다. < 세상에서 제일 힘든 업무.. 인터뷰 사진찍기 > 예전에 팀원이 4명 이하 일 때는 '머릿속 + 포스트잇 + 슬랙 + 깃헙로그'로 현황과 계획을 관리할 수... read more 이흥현 2017-05-17 16:49:57 카드뉴스를 잘 만들 수 있는 7단계 체크리스트 카드뉴스, 카드뉴스, 카드뉴스.. 우리는 알고있습니다. 정보성 콘텐츠를 제작하기에 카드뉴스만큼 효과적인 포멧이 없다는 것을. 하지만, 어디서부터 접근해야할지 매번 막막합니다. < 맨날 하는데.. 맨날 막막해 왜... > 우리는 알고있습니다. 무료로 제공되는 템플릿이나... read more 김지현 2017-03-15 15:05:00 javascript eslint 사용기 < 꼴도보기 싫었던 eslint를 적용시키다 > 미루고 미뤄왔던 eslint를 드디어 적용하기 시작했다. 대략 6달 전에 하려고 시도 했을 때 파일 하나만 테스트 해 보았더니 js파일하나에 에러가 수천개 나는것 보고 어처구니가 없어서 바로 지웠었는데, 최근 같이 스터디 어떤분... read more 정백경 2017-03-09 18:29:46 고객의 참여를 부르는 카드뉴스 구성패턴 12가지 ... read more 김지현 2017-03-02 17:30:04 페북 더쿠의 페이지 운영기 (5) 참여를 부르는 내용구성하기 카드뉴스를 클릭해서 보게 했다고 하더라도, 끝까지 다 읽어야 좋아요 댓글 공유하기와 같은 참여가 일어나게 됩니다. 그렇기 때문에 끝까지 읽게 만드는 내용을 구성하는 것이 필요하지요. < 우리는 박보검같은 콘텐츠를 만들어야 합니다.. 출구가 없죠! > 긴 글을 집중하면서 읽게 ... read more 김지현 2017-02-21 16:16:21 네이티브애드로서의 카드뉴스 제작 저번주에 데이블에서 주최하는 한국 네이티브애드 컨퍼런스에서 발표를 했습니다. < 넘나 아련한 모습 > 컨퍼런스의 주제에 맞춰 카드뉴스를 네이티브애드로 활용할 수 있는 부분에 초점을 맞추었습니다. 그 자리에 안계신 분들께도 도움이 되실까해서 발표내용을 공유합니다. 안녕하세... read more 김지현 2017-02-14 17:19:07 AWS EC2 authorized_key 삭제 문제 로 인한 접속 불가 해결 EC2에 접속하기 위해서 EC2생성시 발급받은 private key 가 저장된 key pair 로 public key 가 저장된 ~/.ssh/authorized_keys 와 매칭을 통해 ssh 접속을 진행하게 된다. 만약 ~/.ssh/authorized_keys 파일을 삭제하... read more 박관웅 2017-02-14 12:56:45 PhantomJS + FFMPEG 이용한 웹페이지 캡쳐와 동영상 생성 MacOS 기준과 PhantomJS 공식 문서 기반으로 작성하였습니다. < 아키텍쳐 > PhantomJS는 WIndows, OS X, Linux와 같은 x86 운영체제용 C++ 응용프로그램입니다. 웹페이지를 만들고 구성 하기 위해 오픈소스 웹 렌더링 엔진인 Webkit 을... read more 박관웅 2017-02-07 12:57:23 고객의 클릭을 부르는 마케팅 단어 20가지 뛰어난 마케터들은 사람들의 감정에 영향을 미치는 단어를 활용해서 설득하는 방법을 알고 있습니다. 오랜 시간 동안 경험과 데이터를 통해 검증된 단어와 문장들이 있거든요. 이런 단어들은 전환율을 높이는데 도움이 된답니다. 다음 20개의 "마케팅 단어들"을 메일 제목이나, 페이스북... read more 김지현 2017-02-02 16:36:26 페북 더쿠의 페이지 운영기 (4) 클릭을 부르는 도입부 만들기 카드뉴스를 클릭해서 보게 하는데는 기술이 필요합니다. 아니, 사실 모든 콘텐츠가 그렇지요. 동영상을 몇 초라도 더 보게 하는 것, 링크를 클릭하게 하는 것. 스크롤을 내려 텍스트를 흥미롭게 읽는 것. 그 모든 과정에서 유혹하는 기술이 필요하지요. 동영상을 몇 초라도 더보게 하... read more 김지현 2017-01-14 13:38:00 페북 더쿠의 페이지 운영기 (3) 콘텐츠의 주제를 잡는 방법 저는 '페북더쿠의 페이지 운영기 (1)'에서 타깃의 페르소나에 대한 이야기를 했었습니다. 대학생, 주부와 같은 추상적이고 광범위한 타깃이 아니라 더 구체적인 타깃을 상상해야 한다고 말이죠. 페북더쿠의 페이지 운영기(1) 보러가기 → https://blog.tyle.io/pos... read more 김지현 2017-01-06 18:18:41 페북더쿠의 페이지 운영기 (2) 콘텐츠 제작에 염두해야 할 것 [본 글은 샵매거진 10월호에도 기고된바 있습니다.] “저는 하루에 두 개씩 카드뉴스를 만들고 있는 쇼핑몰의 마케터입니다. 제작은 어느 정도 손에 익었지만, 자료조사에 많은 시간이 걸립니다. 그런데 얼마전 부장님께서 본인의 페이스북 타임라인에 제가 만든 콘텐츠가 잘 뜨지 않는... read more 김지현 2016-12-14 12:41:44 nwjs를 통한 하이브리드 데스크탑 어플리케이션 만들기 nwjs를 이용하여 작동되는 웹사이트를 데스크탑 어플리케이션처럼 만드는 방법에 관해서 소개를 해봅니다. 우리가 이 글에서 논하고자하는 것은 웹기술을 이용하여 독립된 어플을 만드는 일반적인 SPA형 어플리케이션이 아니라, 그냥 웹서비스로 접속해도 되는 것을 단순하게 어플리케이션... read more 박관웅 2016-12-11 12:55:32 페북더쿠의 페이지 운영기 (1) 콘텐츠 마케팅 전략수립 "카드뉴스 만드는 녀자! 카드뉴스 어떻게 만들어요?" 이게 요즘 제가 제일 많이 듣는 말입니다. 많은 사내 강연에 불려가는 큰 이유이기도 하지요. 저는 그 질문에 "카드뉴스는요.." 가 아니고 "콘텐츠 마케팅은요.." 로 대답합니다. 카드뉴스를 만들기만 한다고 고객이 우... read more 김지현 2016-12-06 13:02:39 빠르게 익히는 폰트 그리고, 경량화 방법(1) < tyle.io에서 제공중인 폰트 > 이글은 머리속에 있는 것들을 정리할 겸 쓰는것이라 매우 비전문적일 수도 있으며 무작정 삽질하며 터득한 생활지식을 통해 만들어졌습니다. 또한 글은 편의상 음슴체로 쓰겠습니다. 웹에서 폰트타입은 크기 세가지가 있다(ttf, otf, wof... read more 정백경 2016-12-01 13:53:17 [jQuery] 컨텐츠 페이지에서 스크롤상태 표시하기- Progress Indicator < 스크롤 되면 현재 위치를 계속 보여준다. > 본문의 내용이 긴 경우에 사용자에게 현재 어느정도 읽었는지 알려주면, 사용자에게 보다 많은 정보를 내어주게 되는 것이며 이는 곳 사용자 스스로 통제권을 더 가지고 있다고 느껴지게 만듭니다. 긴 글은 사용자가 의도적으로 집중하면서 ... read more 이흥현 2016-12-01 11:58:21 [Design Patterns] php ReflectionClass 을 이용한 Factory Method 패턴 타일에서 각각의 SNS 로그인 방식을 설계했을 때 공부했던 Factory Method 패턴을 가볍게 이야기 하고자 합니다. 원래 reflection은 여러 진영에서 사용되는 개념입니다. php는 v5 이후 에 나온것으로 추정되고, 이번 프로젝트하면서 php도 있다는 걸 알게 ... read more 박관웅 2016-11-30 11:34:21 [jQuery] 카드뉴스 플레이어 Github : https://github.com/tyleteam/jquery-tyle-player < 카드뉴스 플레이어 동작 모습 > 타일이 주력하는 부분은 디자인 자동화이고 그렇게 생산된 이미지 컨텐츠들이 어디에서 어떻게 소비되는지는 크게 관여하지는 않는다. 이미 기존에 트... read more 이흥현 2016-11-29 19:08:53