프론트엔드 기술 후기 타일은 2015년 개발을 시작했다. 하필이면 프론트엔드의 격변기에 프론트엔드 개발이 위주인 프로젝트를 시작한 것이었다. 살려줘... 처음엔 Meteor + React 조합으로 시작했다가, 백엔드에서의 RDMS 회귀 유혹을 참지 못하고 Meteor를 걷어내고 Laravel(Mys... read more 2018-11-14 07:55:03 [10원팁] 이미지태그 하나로 고정비율 썸네일 만들기 화면상에서 썸네일 리스트를 제공할 때에 손쉽게 썸네일 비율을 유지하는 방법이다. 애초부터 썸네일 이미지들이 모두 같은 비율로 crop이 되어 있다면 이것은 필요없는 팁이다. 하지만 서비스 초기단계에서 생각했던 화면 디자인은 시간이 지나면 바뀔 수 있는데, 그렇게 되면 새로... read more 이흥현 2017-10-25 18:30:18 [10원팁] 넓이 기준으로 이미지 리사이즈하기 사용자가 업로드하는 이미지는 사이즈가 천차만별이라, 절대로 원본을 그대로 웹서비스상에서 제공하게 된다면 브라우저 성능이나 네트워크 트래픽 등으로 인해서 고통을 받게 된다(특히나 최근에는 고해상도 폰으로 촬영한 이미지가 기본 8M를 육박하고 있다). 이에 따라 사용자 이미지를 서... read more 이흥현 2017-10-25 12:13:18 tyle에서는 AWS를 이렇게 구축하였다. tyle에서 AWS 구축하기 까지... tyle 서비스 런칭하기전 프로토타입으로만 존재했던 레거시 시스템을 프로덕션에 맞게 AWS를 재정비 및 업그레이드 하는 미션을 하달받았다. AWS의 약자도 몰랐던 상황에서 굉장히 흥미롭고 당황스러운 미션이였다. 그러다보니 구축하는 과정속... read more 2017-07-19 11:11:51 우리 팀을 위한 업무 관리 툴이 없어서, 개발해보았다. tyle.io는 6명의 작은 스타트업입니다. 그리고 저는 이 팀의 마케팅, 운영, 개발을 전반적으로 조율하고 있습니다. < 세상에서 제일 힘든 업무.. 인터뷰 사진찍기 > 예전에 팀원이 4명 이하 일 때는 '머릿속 + 포스트잇 + 슬랙 + 깃헙로그'로 현황과 계획을 ... read more 이흥현 2017-05-17 16:49:57 javascript eslint 사용기 < 꼴도보기 싫었던 eslint를 적용시키다 > 미루고 미뤄왔던 eslint를 드디어 적용하기 시작했다. 대략 6달 전에 하려고 시도 했을 때 파일 하나만 테스트 해 보았더니 js파일하나에 에러가 수천개 나는것 보고 어처구니가 없어서 바로 지웠었는데, 최근 같이 스터디... read more 2017-03-09 18:29:46 AWS EC2 authorized_key 삭제 문제 로 인한 접속 불가 해결 EC2 접속 방법 EC2에 접속하기 위해서 EC2생성시 발급받은 private key 가 저장된 key pair 로 public key 가 저장된 ~/.ssh/authorized_keys 와 매칭을 통해 ssh 접속을 진행하게 된다. 만약 ~/.ssh/authorized_ke... read more 2017-02-14 12:56:45 PhantomJS + FFMPEG 이용한 웹페이지 캡쳐와 동영상 생성 MacOS 기준과 PhantomJS 공식 문서 기반으로 작성하였습니다. PhantomJS 란? 자바스크립트 API를 Webkit 기반에 브라우저없이 스크립팅 할 수 있게 해주는 것입니다. DOM 처리, CSS 선택기, JSON, Canvas 및 SVG와 같은 다... read more 2017-02-07 12:57:23 nwjs를 통한 하이브리드 데스크탑 어플리케이션 만들기 작동방식 nwjs를 이용하여 작동되는 웹사이트를 데스크탑 어플리케이션처럼 만드는 방법에 관해서 소개를 해봅니다. 우리가 이 글에서 논하고자하는 것은 웹기술을 이용하여 독립된 어플을 만드는 일반적인 SPA형 어플리케이션이 아니라, 그냥 웹서비스로 접속해도 되는 것을 단순하게 어... read more 2016-12-11 12:55:32 빠르게 익히는 폰트 그리고, 경량화 < tyle.io에서 제공중인 폰트 > 이글은 머리속에 있는 것들을 정리할 겸 쓰는것이라 매우 비전문적일 수도 있으며 무작정 삽질하며 터득한 생활지식을 통해 만들어졌습니다. 또한 글은 편의상 음슴체로 쓰겠습니다. 빠르게 대충 익히는 폰트의 종류 그리고, 경량화... read more 2016-12-01 13:53:17 [Design Patterns] php ReflectionClass 을 이용한 Factory Method 패턴 ReflectionClass + Factory Method 타일에서 각각의 SNS 로그인 방식을 설계했을 때 공부했던 Factory Method 패턴을 가볍게 이야기 하고자 합니다. Factory Method 패턴이란? 디자인 패턴에서 Factory Method... 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
;