IT / 프로그래밍 용어

Module 모듈

자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용

코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다.

ex) Node.js

node.circle.js(로드될 대상)

var PI = Math.PI;

exports.area = function (r) {
return PI * r * r;
};

exports.circumference = function (r) {
return 2 * PI * r;
};

node.demo.js(로드의 주체)

var circle = require('./node.circle.js');
console.log('The area of a circle of radius 4 is' + circle.area(4);

Library 라이브러리

모듈과 비슷한 개념

자주 사용되는 로직을 재사용하기 편리하도록 잘 정리한 일련의 코드들의 집합

좋은 라이브러리를 선택하고 잘 사용하는 것은 프로그래밍의 핵심

Component 컴포넌트

유저가 사용하는 시스템에 대한 조작장치

page, dialog 대화상자, header bar, footer bar, navbars, button, form, list view

ES(ECMAScript)

Ecma 인터내셔널의 ECMA-262 기술 규격에 정의된 표준화된 스크립트 프로그래밍 언어

ES6 온전하게 지원하지 않는 브라우저, Babel 이나 Traceur와 같은 트랜스파일러를 사용해 하위 버전인 ECMAScript 5(이하ES5)로 변환하는 과정을 거쳐야 ES6을 사용할 수 있다.

Sass

Syntactically Awesome Style Sheet

CSS상위에 있는 meta-language로 css에 비해 간결하고 격식을 갖춘 CSS문법 제공

스타일시트를 쉽게 관리할 수 있는 기능 제공

자바스크립트처럼 특정 속성 값(color, margin, width)를 변수로 선언하여 필요한 곳에 선언된 변수 적용

반복되는 코드를 한번의 선언으로 여러 곳에서 재사용할 수 있도록 함

Ruby 환경으로 구동

sass는 css문법 자체를 바꾼다 scss는 권장되는 방식으로 css나 less의 문법과 닮아있다

less

js로 구동, 브라우저단에서도 동작해서 환경을 갖추기 쉽다

SVN Subversion 서브버전

소프트웨어 버전 관리 시스템

명령행인터페이스에서 사용하는 명령어를 따서 “SVN”

Babel

ES6 로 작성된 코드를 이전 문법인 ES5로 변환해주는 transpiler

ES6을 지원하지 않는 환경(구버전 브라우저 또는 익스플로러)에서 ES6 문법을 사용할 수 있도록 해준다.

transpiler compiler는 코드를 바이트 코드로 변환하지만 transpiler는 코드를 같은 레벨의 다른 언어로 변환

Bundling 번들링

여러가지 파일을 모아서 하나로 만드는 것

Webpack

Javascript 모듈화 도구

WBS (Work Breakdown structure)

작업분류체계 : 프로젝트의 범위와 최종산출물을 세부요소로 분할한 계층적 구조

프로젝트리더와 매니저가 전체 일정과 인력을 관리할때 손쉽게 할 수 있도록 도와준다.

GSAP

the new standard for HTML5 and javascript animation

WebGL

웹 기반의 그래픽 라이브러리

웹 브라우저에서 인터랙티브한 3D, 2D 그래픽을 랜더링하기 위한 자바스크립트 라이브러리