Vue.js 부모가 자식 컴포넌트에게 값을 전달하는 방법 중 가장 직관적이고 기본적인 방법은 Props이다. 자식 컴포넌트에 props를 아래와 같이 작성하면 바로 직계 부모로부터 데이터를 받을 수 있다.
요약 : 디자이너가 만들어준 SVG 아이콘 이미지를 fontawesome처럼 웹폰트 형식으로 변환하여 사용하기.
이하는 SVG 아이콘들을 잘 사용해보기 위한 노력들을 정리해본 것이다. 우리가 Vue.js를 사용하고 있으므로 설명도 Vue.js 코드로 설명하겠지만, 프론트 엔지니어라면 사실 프레임웤 상관없이 공감할 수 있는 내용일 것이다.
강연을 참가하기 위해 오랜만에 강남으로 출근하게 되었는데 하필 눈길헤치면서 가게되었다. 힘들게 가게되었지만 매우 진지한 분위기에 생각보다 많은 참가자로 출근의 스트레스가 풀렸다. 다 끝나고도 퇴근시간이 좀 남아 강연요약 및 회고를 해보았다. 물론 이 글은 지극히 주관적이고 개인적인 기록이다.
jsPDF를 활용하여 원하는 DOM 영역을 PDF 로 다운받을 수 있다. 해당 라이브러리를 살펴보면 image to pdf, html to pdf, svg to pdf text to pdf 등 여러 방법들을 소개하고 있지만, 텍스트 기반의 pdf 를 생성하고자 하는게 아니라면 DOM to JPG to PDF 방식이 속편하다.
Angular 5.1.0 버전과 Angular CLI 1.6.0 정식 버전이 릴리즈 되었습니다. 그리고 Angular Material과 CDK 도 첫번째 정식버전이 릴리즈 되었습니다.(2017.12.7)
각 릴리즈 내용에 대해서 간단히 정리했습니다.
최근 사내에서 Vue.js로 프로젝트를 진행하고 있다. 차근차근 꼼꼼히 프레임웤을 이해하며 시작하지 않으니 여러 우여곡절이 많았다. 정리 차원에서 하나씩 포스팅하면 좋을것 같다는 생각을 했다. 첫 포스팅은 라이프사이클!
Vue.js의 라이프 사이클은 크게 Creation, Mounting, Updating, Destruction 으로 나눌 수 있다.
Angular 를 학습하면서 정리 목적의 포스팅으로 첫번째 내용은 Pipe 이다.
크롬과 사파리에서 사용자의 위치정보를 가져올 수 없었던 사내 이슈에 대해 조사하여 동료들과 이메일로 공유했던 적이 있었다. 자바스크립트 개발자라면 꽤 이미 알고계신분들이 많을것이라 약간 뒷북이라는 느낌이 없지 않아 있지만 좀 더 그 내막과 맥락에 대해서 기록으로 정리해놓고 싶었다.
ReactJS 연습을 위한 일일 커밋 프로젝트를 진행 중입니다. 아주 소소하고 사사로운 개인 프로젝트입니다. 혼자 진행중이지만 이곳에 공개해놓으면 좀 더 지치지 않고 지속할 수 있을것 같아 포스팅해봅니다.
저는 책을 읽다가 기억해두고 싶은 문장을 발견해도 밑줄긋는것을 싫어해서 그냥 모서리를 접어놓습니다. 그럴때마다 앱으로 쉽게 저장해놓으면 책도 깔끔하게 보관하고 기억해두고 싶은 문장도 잘 보관할…
시멘틱 버저닝(Semantic Versioning)을 채택한 후 작년말에 v4.0.0-beta.0을 시작으로 beta.8 이후 rc.6까지 업데이트를 거쳐서 Angular v4.0.0 정식 버전이…