[NODE] NODE.js의 module 패턴

in JS Technology on Node.js
[NODE] NODE.js의 module 패턴

NODE.js의 module 패턴에 대한 정의와 사용법에 대해서 알아본다. 노드에서 모듈이라는 개념은 노드로 개발한 애플리케이션을 이루는 기본 조각이라고 할 수 있습니다.

1.개요

노드에서 모듈이라는 개념은 노드로 개발한 애플리케이션을 이루는 기본 조각이라고 할 수 있습니다.

기존 방식으로 치면 기능별로 JS 파일을 분리한 것으로도 볼 수 있지만 거기에 기능을 더 추가하여서 독립적이고 원하는 대상만 사용할 수 있게 기능들 더 추가한 것이라고 생각 하시면 되겠습니다.

쉽게 말하면 물건을 만들 때 쓰는 부품이라고 할 수 있겠습니다. 어떤 큰 물건을 만들 때, 재료 하나로만 만들 수도 있겠지만, 조립식처럼 파트 하나하나를 끼워서 만들 수도 있을 것입니다. 미리 만들어진 파트들을 조립해서 물건을 만드는 것처럼, 관련된 코드들을 모아서 캡슐화해놓은 것을 모듈이라고 합니다. 그리고 여러 가지 모듈을 이용하면 프로젝트를 훨씬 더 수월하게 진행할 수 있습니다.

모듈은 Node.js에서 제공하는 것이 있고, 또는 누군가가 만들어 놓은 모듈이 있으며, 직접 만들 수도 있습니다.

모듈을 라이브러리화 시켜서 깃헙에 올릴수도 있고, 비즈니스 로직에 따라 모듈을 만들어 사용할 수도 있고 굉장히 자유롭습니다.

[IT] SSR, CSR 그리고 SPA

in It. on Technical term
[IT] SSR, CSR 그리고 SPA

SSR , CSR 에 대해서 알아보고 용어를 학습해보자 그리고 SFC에 대해서 알아보자

1.개요

요세 사용자경험 UI/UX 가 화두가 되는 시기에 Vue.js, React.js 같은 UI 프레임워크가 나오면서 SPA(Single Page Application) 라는 용어가 대두되면서 SSR, CSR 이라는 용어들이 널리 사용되기 시작하였습니다..

이 포스팅에서는 SPA, MPA, SSR, CSR 등의 용어에 대해 알아보는 것을 목적으로 하겠습니다.

[HTML] ASIDE TAG

in Web Basic on Html
[HTML] ASIDE TAG

ASIDE TAG 에 대해서 학습한다.

1.aside tag

aside 태그는 페이지 콘텐츠와 연관성은 있지만, 해당콘텐츠와는 별개로 간주 될 수 있는 콘텐츠를 의미합니다.

이런 섹션은 종종 페이지 콘텐츠의 사이드바로 보이게 하기도하며, figure 요소와 함께 사용하기도 합니다.

[JS] ES6 Enhanced Object Properties (향상된 객체 리터럴)

in Web Basic on Javascript
[JS] ES6 Enhanced Object Properties (향상된 객체 리터럴)

ES6 의 향상된 Object Properties 요소에 대해 알아본다.

1.개요

ES6 에서 Object key를 선언하는 방식이 추가 되었습니다. 이를 Enhanced Object Properties 또는 Enhanced Object Literal 이라고 불립니다.

Literal 이란 소스 코드의 고정된 값을 대표하는 용어

그럼 어떠한 방식이 추가 되었는지 확인해 볼까요?

[JS] ES6 Class

in Web Basic on Javascript
[JS] ES6 Class

ES6 의 Class 문법에대해서 이해하고 활용 할 수 있도록 개념과 사용법에 대해서 학습해 보자

1.개요

자바스크립트는 프로토타입 기반 객체지향 언어입니다.
비록 다른 프로그램 언어들과의 차이점때문에 진정한 객체지향언어인가라는 논쟁이 있긴하지만, 자바스크립트는 강력한 객체지향 프로그래밍 능력을 지니고 있습니다.

프로토타입 기반 프로그래밍은 클래스가 필요없는 객체지향 프로그래밍 스타일로 프로토타입 체인과 클로저 등으로 객체 지향의 언어의 상송, 캡슐화(정보은닉) 등의 개념을 구현할 수 있습니다.

Pagination

© 2021. All rights reserved.