Vue.js 에서 SVG 아이콘, 웹폰트(webfont)로 만들기

요약 : 디자이너가 만들어준 SVG 아이콘 이미지를 fontawesome처럼 웹폰트 형식으로 변환하여 사용하기.

이하는 SVG 아이콘들을 잘 사용해보기 위한 노력들을 정리해본 것이다. 우리가 Vue.js를 사용하고 있으므로 설명도 Vue.js 코드로 설명하겠지만, 프론트 엔지니어라면 사실 프레임웤 상관없이 공감할 수 있는 내용일 것이다.


OKKYCON: 2017 소통, 개발을 불어넣다》 강연요약 및 회고

강연을 참가하기 위해 오랜만에 강남으로 출근하게 되었는데 하필 눈길헤치면서 가게되었다. 힘들게 가게되었지만 매우 진지한 분위기에 생각보다 많은 참가자로 출근의 스트레스가 풀렸다. 다 끝나고도 퇴근시간이 좀 남아 강연요약 및 회고를 해보았다. 물론 이 글은 지극히 주관적이고 개인적인 기록이다.

《Extreme Programming(XP), 더 나은 소프트웨어 품질을 위한 일의…


[Vue.js] 화면의 특정영역을 PDF 로 다운로드하는 기능 만들기

jsPDF를 활용하여 원하는 DOM 영역을 PDF 로 다운받을 수 있다. 해당 라이브러리를 살펴보면 image to pdf, html to pdf, svg to pdf text to pdf 등 여러 방법들을 소개하고 있지만, 텍스트 기반의 pdf 를 생성하고자 하는게 아니라면 DOM to JPG to PDF 방식이 속편하다.


개인 프로젝트 Underline 개발기

Underline

ReactJS 연습을 위한 일일 커밋 프로젝트를 진행 중입니다. 아주 소소하고 사사로운 개인 프로젝트입니다. 혼자 진행중이지만 이곳에 공개해놓으면 좀 더 지치지 않고 지속할 수 있을것 같아 포스팅해봅니다.

저는 책을 읽다가 기억해두고 싶은 문장을 발견해도 밑줄긋는것을 싫어해서 그냥 모서리를 접어놓습니다. 그럴때마다 앱으로 쉽게 저장해놓으면 책도 깔끔하게 보관하고 기억해두고 싶은 문장도 잘 보관할…


Angular 4 정식버전 릴리즈 (v4.0.0)

시멘틱 버저닝(Semantic Versioning)을 채택한 후 작년말에 v4.0.0-beta.0을 시작으로 beta.8 이후 rc.6까지 업데이트를 거쳐서 Angular v4.0.0 정식 버전이…