Huiseoul Engineering

React.js 뽀개기 — with npm

Prerequisite

• React.js 뽀개기 — Install 먼저
• React.js 뽀개기 — Hello webpack!

Introduction

• index.html 에 잡다하게 걸려있는 dependency 를 npm 으로 관리해 보자.

React.js 뽀개기 — Hello webpack!

Prerequisite

• React.js 뽀개기 — Install 먼저

Webpack?

• Webpack 은 module bundler 라고 한다.
• 기존에는 javascript 프로젝트의 build 자동화를 위해 gulp 를 사용했었다.

React.js 뽀개기 — createClass vs extends Component

react 에서 component를 만드는 방법은 두가지다. React.createClass 메소드를 통한 일반적인 방법, ES6 클래스를 사용하여 extends Component 를 하는 방법. 두개의 syntax 차이를 알아보자.

1. 기본형태

React.js 뽀개기 — Install 먼저

1. Set up Node.js

1. Install nvm

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash

2. Activate nvm.

• add followings to ~/.zshrc

Blog 시작하기

huiseoul.com 의 새로운 버전을 중국에 런칭한 지 보름이 지났다. 지금의 멤버들로 engineering 팀을 구성한 지는 두 달이 채 되지 않았다. 매일매일 새로운 일들이 생긴다. 재밌는 일, 황당한 일, 작은 일, 심각한 일들이 그렇게 생겼다가 사라진다.

인간은 망각의 동물이다. 잊는다는 것은 인간에게 축복이지만, 그냥 그렇게 사라지기에는 아쉬운 것들이 많다. 쌓고 쌓은 뒤에 뒤돌아봐야 느낄 수 있는 것들이 있다. ‘아, 내가 이만큼 해냈구나.’ ‘맞아, 예전에도 이런 일이 있었지.’ ‘이런 …