sairion

Webpack을 사용한 현대적 자바스크립트 개발 시작하기

Webpack은 @sokra(Tobias Koppers)와 컨트리뷰터들이 구현하고 있는 자바스크립트 기반의 모듈 번들러와 그를 받쳐주는 라이브러리(webpack/lib), 그리고 에코시스템(플러그인, 로더)들을 의미합니다.

스포카에서는 2014년 12월부터 React.js를 전면 도입하여 새 버젼의 적립 애플리케이션을 제작하고 있습니다. 이 개발 과정을 뒷받침해주고 있는 가장 중요한 도구를 말하라고 한다면 두말할 것도 없이 Webpack일 것입니다.

사실 Node.js나 파이썬 같은 환경에서 개발을 해본 사람들에게는 모듈이라는 개념이 익숙하지만, 웹 프론트엔드 개발자에게 모듈이라는 개념은 조금 낯설 수 있는 것이 사실입니다. require.js와 같은 AMD 시스템 또는 Browserify같은 도구를 이용해 본 경험이 없다면 말이죠.

모듈이라는 것은 굉장히 중요합니다. 모듈 시스템을 갖춘 환경에서 일해본 사람은 어떤 이유에서든 그 중요성에 모두 공감할 것입니다. 하지만 웹에는 표준적인 개념의 모듈이라는 것이 없었습니다 (사실 아직도 제대로 된 것은 딱히 없습니다만). 그렇기 때문에 자바스크립트 모듈을 사용하기 위해서는 모듈을 다룰 수 있는 시스템 (RequireJS, CommonJS 등)이 필요하고, 모듈들의 내용과 export들을 이해하고 원하는 형태로 변형할 수 있는 도구가 필요합니다. Webpack과 Browserify는 이런 것을

JEEN

12/1	aer0
12/2	envi
12/3	keedi
12/4	gypark
12/5	crowdy
12/6	eeyees
12/7	h0ney
12/8	jeen_lee
12/9	luzluna
12/10	aer0, jeen_lee

comfuture

/**
 * 객체들끼리 서로 밀어내며 자리를 찾아 지속적으로 동일한 간격을 유지하게 하는 프로그램 예제 
 * @author 거친마루 <comfuture@_GMAIL_COM_>
 */

package
{
	import flash.display.DisplayObject;
	import flash.display.Sprite;
	import flash.events.Event;

iceandguard

#!/usr/bin/env perl
# $Revision$
# $Source$
# $Id$
# $HeadURL$
# $Date$

use utf8;
use Carp;
use 5.010;

saillinux

#!/usr/bin/env perl

use strict;
use warnings;

use AnyEvent::Socket;

use constant INTERVAL => 1;
use constant COOLTIME => 300;

suapapa

#!/usr/bin/python
# -*- coding: utf-8 -*-

# dnw.py - python port of dnw client, smdk-usbdl
#
# Copyright (C) 2011 Homin Lee <suapapa@insignal.co.kr>
#
# This program is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 2 of the License, or

dalinaum

{
  "stage": 0,
  "env": {
    "development": {
      "plugins": ["react-transform"],
      "extra": {
        "react-transform": {
          "transforms": [{
            "transform": "react-transform-hmr",
            "imports": ["react"],

ekoneil

// #1: Graph API: /me
- (void)requestMe {
    [FBRequestConnection startForMeWithCompletionHandler:^(FBRequestConnection *connection,
                                                           NSDictionary<FBGraphUser> *me,
                                                           NSError *error) {
        if(error) {
            [self printError:@"Error requesting /me" error:error];
            return;
        }
        

suapapa

package main

import (
	"encoding/json"
	"fmt"
	"io/ioutil"
	"log"
	"net/http"
	"os"
	"time"

acidsound

// +build !appengine
package main

/*
 * Usage: ./TinyGCMServer <API_KEY> <Server URL(:port)>
 * Test: curl -d "<NOTIFICATION MESSAGE>" http://serverURL/sendMessage?target=<REGISTRATION_ID>
 */
import (
	"fmt"
	gcm "github.com/googollee/go-gcm"