[VueJS] VueJS - 시작하기01

Vuejs 시작하기

Vuejs는 기본적으로 IE8 이하 브라우저는 지원하지 않는다. Vuejs를 프로젝트에 도입하기 전에는 프로젝트의 스펙에 따라 검토해봐야 한다.

Vuejs는 하나의 파일 안에 html, css, javascript를 사용할 수 있다. 그러한 점에서 볼 떄는 보다 편한 파일 관리가 가능하며, 상황에 따라서는 각자 분리를 할 수 있다. 다른 프레임워크에 비해 Vuejs가 런닝커브가 낮다고는 하지만, 사실 그렇게 낮은지는 잘 모르겠다. React와는 Vitual Dom의 존재, 단방향 데이터 흐름 등 비슷한 부분이 있지만, 생명주기는 서로 비슷한 듯 다르다. 일단 기본적으로 Vue는 화면 View 만을 담당하는 프레임 워크이다. 단순 cdn을 이용해서도 쉽고 빠르게 학습이 가능하다.

More …

[NodeJS] Webpack을 이용한 Development와 Production 환경

Development와 Production

회사에서 하나의 어플리케이션에 대해서 개발을 할 때는 현재의 Env가 개발 환경인지, 배포 버전인지를 먼저 구분을 해야 한다. 물론 그러한 개발/상용 버전에 따라서 API 서버의 주소가 달라질 수 있겠지만, 단순하게는 webpack bundle 파일의 경량화, 불필요한 Log 비노출 등 역시 달라질 수 있다. 다행히 Nodejs 에서는 이러한 환경에 따라 현재 운영되고 있는 서버의 버전에 따라 환경 변수를 설정할 수 있다. 그러한 변수는 NODE_ENV 을 살펴보면 된다.

More …

[Javascript] What is immutablejs

Immutablejs 란 무엇인가?

Immutable data는 첫 생성된 이후로는 변경될 수 없다. Immutablejs는 Javascript로 이루어진 Library로서, 기존의 불변 데이터를

[NodeJS] Webpack의 사용법

Webpack이란?

webpack은 AMD와 같이 모듈 관리 시스템 기능도 하지만 그 외에도 다양한 플로그인을 사용함으로써 로더로서도 사용할 수 있습니다. Webpack을 사용하면 자동으로 파일의 갯수를 줄일 수 있으며, 이로 인한 기대효과로는 브라우저의 Request 숫자도 줄일 수 있다는 장점이 있다.

webpack은 모듈 번듈러로, 의존성을 가진 모듈들을 다루고, 그 모듈로부터 정적인 asset을 생성하며, 컴파일을 통해 Babel, Sass 등을 사용할 수 있게 도와준다.

More …

[VueJS] VueJS란?

VueJS 란 무엇인가?

MVVM(Model-View-ViewModel) 아키택처를 활용하는 Javascript 프레임워크

Vue는 사용자 인터페이스를 만들기 위한 프레임 워크로서 View에만 초점을 맞추어 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽다.

More …