사용자 폰트 사용하기

레일스 프로젝트에서 font-awesome-rails 젬을 사용하면 Font Awesome을 쉽게 사용할 수 있다. 뿐만 아니라 이 젬은 fa_icon() 또는 fa_stacked_icon()와 같은 헬퍼메소드까지 제공해 주어 아이콘 폰트를 쉽게 다룰 수 있게 해 준다.

그러나 Font Awesome에서 제공해 주는 많은 아이콘 외에 원하는 폰트를 만들어 사용하고자 하는 요구가 생길 수 있다.

물론 구글검색을 통해서 여러가지 해결방안을 알 수 있지만, 이 글에서는 필자가 경험한 예를 정리하여 공유하고자 한다.

레일스 프로젝트에서 font-awesome-rails 젬을 사용하면 Font Awesome을 쉽게 사용할 수 있다.  뿐만 아니라 이 젬은 fa_icon() 또는 fa_stacked_icon()와 같은 헬퍼메소드까지 제공해 주어 아이콘 폰트를 쉽게 다룰 수 있게 해 준다.

그러나 Font Awesome에서 제공해 주는 많은 아이콘 외에 원하는 폰트를 만들어 사용하고자 하는 요구가 생길 수 있다.

물론 구글검색을 통해서 여러가지 해결방안을 알 수 있지만, 이 글에서는 필자가 경험한 예를 정리하여 공유하고자 한다.

계속 “사용자 폰트 사용하기” 읽기

루비 Gem 빌드하기 – 2015 업데이트

특히나 다양한 자바스크립트 라이브러리를 레일스 프로젝트의 assets pipeline으로 사용하고자 할 경우, 레일스 프로젝트에서 쉽게 추가할 수 있도록 루비 젬으로 빌드하는 과정을 소개한다.

계속 “루비 Gem 빌드하기 – 2015 업데이트” 읽기

Bootstrap용 WYSIWYG 웹에디터 Summernote 사용시 서버로 로컬 이미지 업로드후 삽입하기 (1)

Summernote 에디터에서 onImageLoad 콜백 제대로 사용하기

제목이 너무 길다. ㅎㅎㅎ

웹애플리케이션에서 사용자들이 글을 작성할 때 편리하게 사용할 수 있는 웹에디터를 제공하면 서비스의 질을 향상시킬 수 있다. 이 글은 루비온레일스 프렘임워크를 이용하여 웹애플리케이션을 개발할 때, 요즘 Bootstrap 분야에서 급부상하고 있는 WYSIWYG 웹에디터인 Summernote를 사용하는 방법과, 로컬이미지를 글 중에 삽입할 때, Summernote의 기본상태에서 이미지 파일을 Base64로 인코딩하여 DB에 저장하는 방식 외에, 별도로 이미지 파일을 서버로 업로드한 후 해당 링크를 에디터로 삽입하는 방식에 대해서 경험한 내용을 설명한다. 계속 “Bootstrap용 WYSIWYG 웹에디터 Summernote 사용시 서버로 로컬 이미지 업로드후 삽입하기 (1)” 읽기