Hugo와 Netlify로 웹사이트 만들기
웹 디자이너와 개발자들이 즐겨 찾는 인기있는 웹사이트 중 하나인 스매싱매거진(Smashing Magazine)이 최근 리뉴얼 되었습니다. 이번 리뉴얼에는 Hugo라는 웹사이트 도구를 썼고 Netlify라는 서비스를 이용해 호스팅한 점이 특히 눈에 띄었습니다. 그래서 이 둘의 사용법을 간단하게 정리해 봅니다.
플라타너스트리 2017 Updates
책 읽는 좋은 습관! 온라인 책 관리 서비스인 플라타너스트리가 업데이트 되었습니다. 이번 업데이트는 새로운 기능의 추가 보다는 기존에 있던 기능들의 사용성을 개선하는 데 좀 더 초점을 맞췄습니다.
Craft CMS로 콘텐츠 중심 웹사이트 만들기
요즘은 웹사이트 만드는 일이 별로 어렵지 않다. 시중에는 워드프레스(WordPress) 처럼 쉽고 편리한 도구들이 많이 나와 있고 온라인 상에는 가입만 하면 바로바로 쓸 수 있는 웹사이트 호스팅 서비스들도 많다.
Grid layout을 만드는 몇 가지 기술들
그리드 레이아웃(grid layout)은 웹사이트를 디자인할 때 가장 흔히 사용하는 레이아웃이다. 전통적으로 웹사이트 디자인이 인쇄물(브로셔나 잡지) 디자인으로부터 상당 부분 영향을 받은 탓도 있지만, 그리드를 사용하여 흩어져 있는 요소들을 일관성 있게 정렬하여 보여주는 것이 사용자들에게 훨씬 더 잘 와 닿는다.
검색엔진최적화(SEO) 쉬운 가이드
웹사이트를 만들 때 반드시 고려할 항목 중 하나가 검색엔진최적화(Search Engine Optimization, 이하 ‘SEO’)라는 건 누구나 아는 사실입니다. 굳이 철학의 인식론 문제를 들먹이지 않더라도, 아무리 멋지고 유익한 콘텐츠가 가득 담긴 사이트가 있다한들 세상에 알려지지 않으면 없는 거나 뭐가 다를까요?
Foundation for Emails로 반응형 HTML Email 만들기
이메일은 인터넷 마케팅에서 가장 오랜 도구 중 하나지만 여전히 널리 사용되는 도구이기도 합니다. 과거의 이메일이 주로 텍스트 위주로 고객에게 정보를 전달하는 수단이었다면 최근의 이메일은 이미지와 링크를 잘 섞고 다양한 이메일 디바이스에 맞춘 최적화된 UI를 기반으로 고객과 커뮤니케이션하는 소통 수단으로 진화하고 있습니다.
Headless CMS와 WordPress
Headless CMS는 간단히 말해 순수하게 콘텐츠를 생성/저장/관리하는 부분만을 담당하고 사용자들에게 콘텐츠를 보이는 부분은 따로 담당하지 않는 CMS를 말합니다. WordPress로 치면 관리자 대시보드만 있고 테마는 없는 셈이죠.
Backbone 앱에 React 컴포넌트 추가하기
백본(Backbone)으로 작성된 애플리케이션에 자바스크립트 UI 라이브러리인 리액트(React)를 추가하는 방법을 간단하게 정리해 보았습니다.
워드프레스 기반 안드로이드 앱 만들기
워드프레스는 이제 단순히 웹사이트를 만드는 도구가 아닙니다. 워드프레스를 이용하면 다양한 웹서비스와 모바일 앱들을 쉽게 만들 수도 있습니다. 모바일 안드로이드 앱도 그 중 하나입니다.
OSX에서 Docker로 개발환경 구성하기
Docker가 아직 세간에 소개된지 얼마 안되는 솔루션이긴 하지만 하루가 다르게 업데이트가 이루어지고 있는 “인기있는” 솔루션이다 보니 Docker의 모든 면면을 여기서 다 소개할 수는 없고, 대신 여기서는 저희 유스풀패러다임에서 주로 사용하는 개발환경인 OSX에서 Docker로 개발환경을 구성하는 방법만 간단하게 소개할까 합니다.
