[Redux] 관심사의 분리(SoC)

👉 관심사의 분리 (Seperation of Concerns)

: 특정한 관심사에 따라 기능을 구분하여, 각 기능들마다 개개의 관심사를 해결하기 위한 코드를 작성하는 패턴이다.

 함수를 최대한 간결한 형태로 구현하여, 프로세스의 복잡도를 낮추고, 재사용성을 높이며, 유지보수를 원할하게 합니다.

 

리덕스도 이 "관심사의 분리"를 통해 폴더 구조를 나누어 볼 수 있는데,

크게 나뉠 수 있는 파트가 "리듀서(reducer)"와 "액션(action)" 이다.

 

예를 들어, 데이터를 기준으로 유저와 관련된 기능들은 user.js 에 다 넣어두고 사용, 마찬가지로 게시글과 관련된 기능들은 boards.js에서 관리한다.

리듀서 같은 경우는, 순수함수로 정의가 되어 있기 때문에 분리하기 굉장히 편리하다.

const init = {
	id: 1,
    user_name: 'Tom',
    is_logged_in: false,
    is_admin: false,
}

export const userReducer = (prevState, action)=> {
	switch(action.type){
    	case 'IS_LOGGED':
        return ({
        	...prevState,
            is_logged_in: true,
        })
        default: return prevState;
}

✅ 관심사 분리된 작은 리듀서들 합치기 : combineReducers

const {combineReducers} = require('redux')
const userReducer = require('./user');
const boardReducer = require('./board');

module.exports = combineReducers({
    user: userReducer,
    boards: boardReducer
})