HOC | high order component | Component recycling

HOC (high order component) 뷰의 하이 오더 컴포넌트는 리액트의 하이 오더 컴포넌트에서 기원된 것입니다. 리액트의 하이 오더 컴포넌트 소개 페이지를 보면 아래와 같이 정확한 정의가 나와 있습니다. A higher-order component (HOC) is an advanced technique iin React for reusing component logic. 이 말을 정리해보면 다음과 같습니다. 하이 오더 컴포넌트는 컴포넌트의 로직(코드)을 재사용하기 위한 고급 기술입니다. 반복되는 컴포넌트 로직 여기서 커포넌트 로직을 재사용한다는 말은 무슨 의미일까요? 이 표현에서 가리키고 있는 컴포넌트 로직이란 뷰에서 인스턴스 옵션을 의미합니다. 컴포넌트 들에서 공통적으로 들어가는 인스턴스 ..

2024.01.31

npm (node package manager)

보호되어 있는 글입니다.

2024.01.26

webpack.config.js

보호되어 있는 글입니다.

2024.01.26

Vuex, 헬퍼, 모듈화

보호되어 있는 글입니다.

2024.01.25

프론트엔드 개발환경의 이해: webpack5

프론트엔드 개발환경의 이해 강의를 듣고 최신 스펙인 webpack5로 다시 환경설정을 해봤다. 1. NPM 1-2. 프로젝트 생성 vs code로 프로젝트 폴더를 열고 터미널을 이용해 프로젝트를 생성한다. $ npm init 옵션은 전부 엔터로 넘겨도 된다. 루트에 package.json 파일이 생성된다. 2. webpack5 2-1. webpack & webpack-cli 세팅 터미널을 이용해 webpack과 webpack-cli 패키지를 설치한다. $ npm i -D webpack webpack-cli 루트에 webpack.config.js 파일을 생성한 후 아래와 같이 세팅한다. webpack.config.js: const path = require('path'); const mode = proce..

2024.01.16

vanillaJS module

보호되어 있는 글입니다.

2024.01.09