유스풀패러다임

  • Grid layout을 만드는 몇 가지 기술들
    31 Mar 2017

    웹에서 그리드 레이아웃(grid layout)을 구현하는데 사용되는 몇 가지 기술들을 소개하고 특히 최근 등장한 CSS Grid Layout에 대해 알아 봅니다.

  • Facebook Page를 RSS Feed로 받아보기
    06 Feb 2017

    페이스북 페이지 포스트를 RSS 피드로 받아보는 방법들을 소개한 간단한 팁입니다.

  • 엘릭서(Elixir)로 JSON API 서버 만들기
    03 Feb 2017

    함수형 언어 엘릭서(Elixir)로 간단한 웹 API 서버를 구현하면서 Elixir 웹 개발의 기본 개념과 방법, 도구들을 소개합니다.

  • AWS Lambda와 API Gateway로 Slack Bot 만들기
    06 Apr 2016

    슬랙이 제공하는 다양한 확장 방법들을 알아 보고, 슬래시 명령(slash command)을 이용한 슬랙 봇을 만들어 아마존 웹서비스 람다(AWS Lambda)에 호스팅하는 과정을 소개합니다.

  • 모바일 웹사이트에 구글 AMP 적용하기
    24 Feb 2016

    최근 모바일 콘텐츠의 속도를 높여 사용자의 모바일 콘텐츠 접근성을 개선하려는 모바일 플랫폼 간 경쟁이 가속화되고 있습니다. 그 중 구글의 "빠른 게재 모바일 페이지(AMP)"에 대해 알아 보고 그 적용 방법을 소개합니다.

  • Calypso와 WordPress의 미래
    25 Nov 2015

    WordPress.com의 새로운 프론트엔드 대시보드 "칼립소(Calypso)"가 출시되었습니다. 칼립소는 워드프레스 플랫폼 생태계와 워드프레스의 미래에 어떤 영향을 주게 될까요?

  • 워드프레스로 웹서비스(온라인 모임) 만들기
    21 Oct 2015

    워드프레스로 웹서비스 만들기 튜토리얼을 연재합니다. 서비스 주제는 온라인 모임이며 사용자가 직접 사이트에 접속하여 모임 정보를 올리고 공유할 수 있는 간단한 웹서비스입니다.

  • 웹앱을 위한 REST API 서버 솔루션들
    08 Sep 2015

    프론트엔드 웹앱을 지원하기 위한 REST API 서버로 사용할 수 있는 솔루션에는 어떤 것들이 있을까요? 구축형과 설치형, 그리고 클라우드 서비스로 나눠 간단하게 몇 가지 솔루션들을 소개합니다.

  • Backbone 앱에 React 컴포넌트 추가하기
    31 Jul 2015

    백본(Backbone)으로 작성된 애플리케이션에 자바스크립트 UI 라이브러리인 리액트(React)를 추가하는 방법을 간단하게 정리해 보았습니다.

  • 워드프레스와 Cron
    24 Mar 2015

    WP-Cron은 워드프레스에서 작동하는 cron 시스템으로 Unix/Linux 시스템의 cron과 유사한 기능을 수행합니다. WP-Cron이 무엇이고 어떻게 동작하는지 개념과 사용법을 소개합니다.

  • 반응형웹과 Responsive Image 처리
    03 Nov 2014

    반응형웹은 모바일과 데스크톱을 아우르는 다양한 디바이스에 효과적으로 대응하기 위한 프론트엔드 웹 기술입니다. 이 글은 반응형웹에서 특히 문제가 되는 이미지(image) 파일의 처리에 대해 소개합니다.

  • 워드프레스에 카카오 계정 로그인 추가하기
    15 Jul 2014

    워드프레스에 소셜 로그인 기능을 추가해 보세요! 카카오(Kakao)나 네이버(Naver) 같은 국내 서비스 계정을 이용한 로그인도 간단하게 추가할 수 있습니다.

  • 워드프레스 기반 안드로이드 앱 만들기
    13 Feb 2014

    워드프레스는 이제 단순히 웹사이트를 만드는 도구가 아닙니다. 워드프레스를 이용하면 다양한 웹서비스와 모바일 앱들을 쉽게 만들 수도 있습니다. 모바일 안드로이드 앱도 그 중 하나입니다.

  • OSX에서 Docker로 개발환경 구성하기
    10 Feb 2014

    Docker는 리눅스 컨테이너(LXC) 기반 초경량 가상화 솔루션입니다. 이 글에서는 Docker를 이용하여 OSX에서 Node.js 애플리케이션 개발환경을 구성하는 방법을 소개합니다.

  • 터보링크(Turbolinks)와 레일스 4.0
    28 Jun 2013

    레일스 4.0 파이널 버전이 출시되었습니다. 4.0 릴리즈 소식을 전하는 레일스 블로그에서 비중있게 소개하고 있는 터보링크(Turbolinks)의 개념과 장단점 등을 소개합니다.

  • "한국형" 웹사이트와 워드프레스 게시판
    21 Jun 2013

    국내에서 워드프레스로 웹사이트를 제작하려 할 때 일반적으로 생기는 요건 중 하나는 웹사이트에 게시판을 추가하는 것입니다. 이 글에서는 워드프레스에 게시판을 추가하는 것이 어떤 의미이고, 어떠 어떤 방법들이 있는지 알아봅니다.

  • 도넛(Doughnut), 다음 Dough 기반 워드프레스 테마
    04 Jun 2013

    도넛(Doughnut)은 다음 커뮤니케이션에서 제작한 CSS 기반 UI 프레임워크인 Dough(도우)에 기반한 오픈소스 워드프레스 테마입니다.

  • 워드프레스 사이트에 결제모듈 연동하기
    28 May 2013

    워드프레스에는 쇼핑몰을 만들어 주는 좋은 플러그인들이 많이 있다. 다만 이들 플러그인이 국내에서 제작된 것이 아닌 탓에 국내 PG사 결재 연동을 위한 부분은 지원하지 않는다. 이 글에서는 워드프레스 쇼핑몰 플러그인 중 하나인 WP e-Commerce에 국내 PG사 중 한 곳인 올더게이트allthegate PG 모듈을 연동하는 방법을 소개한다.

  • baas.io 단상
    23 May 2013

    baas.io는 모바일 앱 개발자들을 위한 백엔드 플랫폼입니다. iOS나 안드로이드 또는 모바일웹 기반에서 앱을 개발하는 프론트엔드 개발자들에게 좋은 선택지 중 하나입니다.

  • 워드프레스 웹사이트 제작 가이드
    13 Aug 2012

    워드프레스로 웹사이트를 제작하려는 기업 및 단체가 늘고 있습니다. 워드프레스 기반 웹사이트 제작을 단계별로 소개한 가이드 자료를 공유합니다.

  • 워드프레스로 웹사이트 만들기
    17 Mar 2012

    요즘은 국내에서도 워드프레스를 이용해 웹사이트를 만드는 곳이 많아지고 있습니다. 워드프레스는 다양한 테마 생태계를 가지고 있기 때문에 테마만 잘 선택하면 간단하게 웹사이트를 구축할 수 있다 생각할 수도 있지만, 조금 더 알아서 나쁠 건 없습니다. 워드프레스에서 제공하는 페이지 기능을 활용하여 웹사이트를 한번 만들어 보는 건 어떨까요?

  • 자식테마를 이용한 워드프레스 테마 관리하기
    09 Mar 2012

    워드프레스를 사용하다보면 테마를 수정할 일이 종종 생기곤 합니다. 이 때 테마를 수정하는 방법에는 어떤 것들이 있을까요? 자식테마(child theme)를 이용하는 건 어떨까요.

  • git-scribe로 전자책 만들기
    17 Feb 2012

    킨들, 아이패드, 갤럭시탭과 같은 스마트 기기의 보급이 늘어남에 따라 전자책 시장이 커지고 있습니다. 애플의 iBooks Author와 같은 전자책 저작도구들도 여럿 출시되어 이제 "누구나 책을 만들 수 있는" 시대에 접어들고 있는데요. git-scribe라는 오픈소스 저작도구를 사용하면 아주 간단하게 pdf나 epub, mobi 형식의 전자책을 만들 수 있습니다.

  • Facebook Page에 iFrame Tab 추가하기
    28 Nov 2011

    Facebook 마케팅의 기본은 페이스북 페이지를 만드는 것에서부터 시작합니다. 그런데 페이지를 운영하다 보면 새로운 탭(tab)을 추가해야 하는 경우가 종종 생깁니다. 페이스북 페이지에 커스텀 탭을 추가하는 방법을 간단히 소개합니다.

  • 클라우드 기반에 Facebook App 호스팅하기
    23 Nov 2011

    페이스북 앱과 같은 소셜 플랫폼 기반의 앱을 개발할 경우 고려야 할 문제 중 하나는 갑작스런 사용자수 증가에 따른 확장성(scalability) 문제입니다. 이에 대한 대비책 중 하나는 아마존(AWS)이나 Heroku 같은 클라우드 기반에 앱을 호스팅하는 것입니다.

  • Play 프레임워크와 Heroku를 이용한 웹앱 개발
    17 Nov 2011

    Play!는 최근에 등장한 자바 기반 웹 프레임워크입니다. 겉으로 보기엔 Ruby on Rails를 많이 닮은 카피캣(copycat) 처럼 보이지만 조금 더 들여다 보면 Play만의 독특한 매력들이 많이 들어 있습니다. Play 설치하고 배포하는 법을 간단히 소개합니다.

  • 루비 기반 오픈소스 CMS 솔루션들
    31 Oct 2011

    요즘은 웹사이트나 블로그 만드는 일이 "누워서 떡먹는 일"처럼 쉬워졌습니다. 한 때는 제법 까다로운 축에 속했던 일들이 이렇게 쉬워 진 데에는 강력한 기능을 갖춘 좋은 CMS 솔루션들이 큰 몫을 했습니다. 여기서는 루비 기반으로 사용할 수 있는 오픈소스 CMS 도구들을 몇 가지 소개합니다.

  • WordPress에서 Sass/Compass 사용하기
    28 Jul 2011

    Sass와 Compass는 CSS 개발의 생산성을 높여주는 개발 도구로서, 개발 환경에 상관없이 모든 프론트 웹 개발에서 사용될 수 있습니다. WordPress 테마를 개발할 때 Sass와 Compass를 한번 사용해 보세요.

  • WordPress와 페이스북 OpenGraph 연동하기
    22 Jul 2011

    워드프레스 페이지에 좋아요(Like) 버튼을 달게 되는 경우가 많습니다. 이 때 페이스북의 OpenGraph 프로토콜을 이용하면 조금 더 강력하게 연동의 이점을 누릴 수 있습니다. 간단한 연동 방법을 소개합니다.

  • 기업용으로 활용가능한 오픈소스 SNS 솔루션들
    21 Jun 2011

    시중에 출시되어 있는 많은 소셜 네트워킹(SNS) 솔루션들 중 기업이나 공공기관, 학교, 비영리단체 등 조직 내부에서 사용할 수 있는 오픈소스 기반 SNS 솔루션들을 몇 가지 소개합니다.

  • CSS 개발의 생산성을 높이는 도구들
    18 Mar 2011

    웹표준에 따라 CSS로 개발 할 경우 까다롭고 성가신 부분들이 제법 있습니다. CSS 개발 작업 시에 생산성을 높일 수 있는 몇 가지 도구를 소개합니다. CSS 프레임워크, SASS, Compass 같은 도구들입니다.

  • 루비/레일스 인증처리 라이브러리
    15 Mar 2011

    루비/레일스 기반 웹 개발에서 사용할 수 있는 대표적인 오픈소스 인증 라이브러리를 몇 가지 소개합니다.

  • 페이스북 소셜 앱 개발 가이드 자료
    10 Mar 2011

    2011.2.18 소셜 앱 개발 성공 전략 컨퍼런스 2011에서 발표한 "페이스북에서의 소셜 앱 개발 가이드" 발표자료를 공유합니다.

  • 페이스북 앱 개발 가이드
    20 Jul 2010

    Facebook과 연동한 웹 개발 방식은 크게 두 종류로 나눌 수 있다. 하나는 기존의 웹 사이트와 페이스북을 연동하는 Facebook Connect 방식의 웹 개발이고, 다른 하나는 페이스북 페이지 내에 사이트를 내장시키는 Facebook Canvas App 방식이다.