tyle.io

페북 더쿠의 페이지 운영기 (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 나는 왜 카만녀의 노예가 되었는가 뜬금없이 입사 제안을 받는 순간 저는 다소 당황했습니다. 첫번째 이유는 카만녀의 입에서 그런 말이 나오리라고는 상상도 못했었기 때문이었고 두번째 이유는 때마침 곱창이 거의 다 익어가고 있었기 때문입니다. 합정에 있는 모 곱창집 사장님이 말씀하셨죠, 곱창은 다 익었을때 바로바로 ... read more 조용수 2016-12-13 19:35:07 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 모바일 사용성 증대를 위한 모달창 히스토리 관리 전통적으로 모달이라함은 DOM 요소를 새로운 창처럼 꾸며서 화면상에 보여주는 것입니다. 그냥 꾸며진 DOM에 불과해서 미니 팝업처럼 보이지만 사실은 그냥 DOM 요소일 뿐이지요. 예전부터 웹 기반에서도 브라우저 히스토리의 뒤로가기/앞으로 가기와 따로 놀기 때문에 사용성에 대해서... read more 이흥현 2016-11-28 16:48:33 [JS] Clojure 이해하기 처음 자바스크립트를 접할 때 가장 어렵다고들 하는 Clojure(이하 클로저)에 대해 이야기하고자 합니다. 클로저는 독립적인 (자유) 변수를 가리키는 함수이다. 또는, 클로저 안에 정의된 함수는 만들어진 환경을 '기억한다'. (MDN발췌) Lisp에서 시작되었으며, 함수형... read more 박관웅 2016-11-28 14:34:04 [JS] 스코프 체인 이란? 자바스크립트의 여러 중요한 개념중 하나인 scope chain 에 대해 개괄적인 내용을 담고자 합니다. scope 개념은 알고 있다는 전제로 설명합니다. 위 코드라인 (B)를 보면 b() 함수내에 선언하지 않은 a 변수에 접근하여 로그를 찍으력 합니다. 자 과연 어떤... read more 박관웅 2016-11-28 12:53:05 Laravel - sub domian 적용하기 웹서비스를 하다보면 아래와 같이 다양한 sub-domain이 난무 한다. 네이버 sub-domain 예시 위와 같은 sub-domain 을 사용하기 위해선 서버 configuration 수정, 프레임워크 route 수정 등이 필요하다. tyle에서도 블로그(blog.ty... read more 박관웅 2016-11-28 12:18:33 pjax를 이용한 극적인 웹페이지 속도 향상 < 출처:픽사베이 > 웹사이트에서 사용자의 반응(링크클릭)등에 빠른 속도로 반응하는 것은 항상 웹개발자들의 꿈이다. 느려터진 웹사이트는 사용자를 짜증나게하고 이탈률을 증가시킨다. 가장 속도를 빠르게하는 것은 원격서버를 통하지 않고 로컬에서 다 해결하면 된다! 하지만 이것은 불가... read more 이흥현 2016-11-28 12:16:31 빙글빙글 로더(스피너)를 만들어보자 스피너는 UI의 요소인데, 사용자가 어떤 액션을 취하고나서 결과가 화면상에 반영되기까지, 원격으로의 요청이나 컴퓨터가 무언가를 처리하고 있다고 알려주는 기능을 한다. 그냥 쉽게 말해서 로딩걸려있을 때 사용자 행동을 막고 뺑글뺑글 도는 그런거다. 이게 과연 사용자 경험에 도움이 ... read more 이흥현 2016-11-26 00:06:18 어떠한 기능을 추가하지 않을 것인가 < 이미지출처:픽사베이 > 온라인 서비스에서 기능을 추가하는 것만큼 중요한 것은 어떠한 기능을 추가하지 않을 것인가를 결정하는 것이다. 서비스에 필요없는 기능을 넣지 않는 것은 넘나 당연하지만, 항상 딜레마에 빠지는 이유는 실제로 대다수가 존재해서 나쁠거 없어보이기 때문이다... read more 이흥현 2016-11-24 21:57:28 초기 스타트업 사업계획서 작성 방법 스타트업 창업 초기에는 사업계획서를 보여줘야 할 일이 너무나도 많습니다. 창업보육센터에 입주할 때도, 엑셀레이팅 프로그램을 지원할 때도, IR 피칭을 할 때에도... 심지어 공동창업자를 구하기 위해 하고자 하는 비즈니스에 대해 설명을 할 때에도... 창업 초반 사업계획서가 필요... read more 우혁준 2016-11-24 13:57:47 나는 왜 카드뉴스를 매일 만들지 못하는가 얼마전 있었던 '타일 아카데미'(타일 유저들을 대상으로 콘텐츠 제작의 실무적인 팁을 드리는 무료 써비쓰으)에서 질문을 받았습니다. < 온갖 꿀팁 다 퍼드릴테니 tyle오래오래 쓰소서 ♥ > " 카드뉴스 만드는 녀자와 tyle 페이스북 페이지의 카드뉴스 제작을 몇명이서 하시나요... read more 김지현 2016-11-24 12:20:43 모바일에서 확대 축소가 가능한 이미지 모달창 반응형으로 컨텐츠 페이지를 작성하는 경우에 본문내의 이미지를 어떻게 확대하여 보여줄 것인가에 대한 고민을 하게 된다. 아직까지 자바스크립트 플러그인으로 제공되는 LightBox류들은 멋진 트랜지션과 함께 확대는 해주긴 하지만, 모바일에서 확대했을 때에는 본문용 크기나 모달에서 ... read more 이흥현 2016-11-23 23:46:42 타일의 알파테스트를 마치며.. 자동 디자인툴 타일은 현재까지 몇개월 간의 알파버전 테스트를 통해서 ‘알아서 해주는 디자인이 가능한가? 타깃 사용자(시장)의 니즈에 부합하는가?’의 두 가지 의문에 대해서 테스트를 마쳤다. 처음에는 우리들도 빠른 결과를 위해서 어느정도 예쁜 디자인들을 마련해놓고 내용을 채워넣는... read more 이흥현 2016-11-23 17:17:50 Windows 에 Valet 설치하기 라라벨 공식 문서를 보면 발렛은 Mac 에서 가벼움을 선호하는 사람들을 위한 라라벨 개발 환경이라고 쓰여있다.(영문/한글) 하지만 나는 windows 에서 개발하니까(나만)..windows 에서 설치하는 방법을 남겨봄. https://github.com/MehediDracula... read more 권이현 2016-10-25 14:57:45 모바일상에서 가상 키보드 여부 인식 모바일 기기상에서 input에 focus가 발생하면서, 가상키보드가 나타나게 되면, window의 크기 변화도 수반한다. 그렇다면 window width와 height의 비율을 통해서 가상키보드 등장 여부를 알아낼 수 있게 된다. 이 코드는 작동되는 코드를 기초로 간략화한 버전... read more 이흥현 2016-03-15 16:14:34 링크를 통한 페이지 닫힘에도 확인창 띄우기 게시물이나 코멘트를 작성하려는 경우 전송을하지 않고 나가게 되면 ‘정말로 이 페이지를 벗어나시겠습니까?’ 라고 물어보는 자바스크립트다. 원리는 굉장히 간단하다. 위 처럼만 간단하게 작업을 해두면, 브라우저상의 새로고침이나 창(탭)닫기에만 반응할 뿐, 내부 링크를 통해서 벗어나는... read more 이흥현 2016-03-15 16:14:34 우리는 타일 서비스를 만들고 있다. 우리팀은 카드뉴스를 자동 생성해주는 tyle.io라는 서비스를 만들어가고 있다. tyle.io는 무엇이며 무엇을 지향하는가? 전문가 도구인 포토샵에서부터 웹상에서 손쉽게 멋진 이미지들을 만들 수 있는 www.canva.com등의 도구들은 이미 많이 있었다. 우리가 그 사람들보다... read more 이흥현 2016-03-14 15:49:22 컨설팅 출신으로 1년 반 스타트업을 운영하며... < 회사를 때려치자! > 나는 경영/IT 컨설턴트였다. 외국계 컨설팅 펌을 거쳐 국내 대기업 소속 컨설팅 펌에서 근무를 했다. 3년 정도의 짧다면 짧은 시간. 길다면 긴 시간이었고 매우 소중한 경험이었다. (일 평균 14시간은 근무를 했으니 소위 말하는 직장인보다는 빡세게 살았... read more 우혁준 2016-02-15 23:31:17