-
[react] react 컴포넌트 성능 최적화
React 앱을 최적화 하는 방법 간략 요약 : 리액트를 포함한 SPA에서 실제 DOM을 그리는데 가장 많은 비용이 들기 때문에 렌더링을 최소화 하는게 가장 중요하다. 하지만 해당 컴포넌트가 리렌더링 되는데는 아래와 같은 4가지 경우가 존재 한다. Props가 변경되었을 때 State가 변경되었을 때 부모 컴포넌트가 렌더링되었을 때 (핵심) (forceUpdate() 를 실행하였을 때)...
-
[fe] redux 와 유용한 라이브러리 정리
Redux와 함께 쓰면 유용한 라이브러리 정리 1. redux-actions 액션 생성함수를 간단히 작성할 수 있게 도와주고, 리듀서에서 switch문을 생략해주는 라이브러리 코드비교 [기존] export const increase = () => ({type: INCREASE}); export const decrease = () => ({type: DECREASE}); [사용후] import {createActions} from 'redux-actions'; export const increase = createActions(INCREASE); export const decrease...
-
[fe] redux 미들웨어 정리
Redux 미들웨어 정리 미들웨어란 ? 미들웨어는 액션을 디스패치 했을때 리듀서에서 이를 처리하기 앞서 사전에 지정된 작업들을 하는 중간 처리과정의 개념이다. 미들웨어를 중간에 놓음으로서 처리할 수 있는 다양성 전달받은 액션을 콘솔에 기록 액션을 취소한다 다른 종류의 액션도 필요시 추가로 디스패치한다. dispatch() 메소드 호출을 통해 store에 전달하는 액션을 가로채는게 핵심 개념인데 그렇다면...
-
[알고리즘] 크루스칼 알고리즘
알고리즘 유형 정리 크루스칼알고리즘 크루스칼 알고리즘이란, 그래프로 이루어진 모든 정점들을 가장 적은 비용으로 연결하기 위한 방법 중 하나이다. 이때 제약조 건 중 하나는 그래프 내의 모든 정점들을 지날 때 사이클이 형성되면 안되는 조건이 포함된다. 따라서, 사이클을 형성하지 않고 모든 정점들을 최소 비용으로 지나는 상황을 구할 때 크루스칼 알고리즘을 사용한다. 이는...
-
[알고리즘] 백준문제풀이2252_줄세우기
알고리즘 유형 정리 그래프이론 그래프이론, 위상정렬이라고 하는 하나의 분류가 존재한다. 그래프는 노드와 비슷한 형태로 방향성이 있으며, 위상정렬은 DAG(Directed Acyclic Graph, 방향성이 있고 사이클이 없는 그래프) 인 그래프를 뜻한다. 위상정렬이란 여러가지 일 들에 순서가 정해져 있을때 순서에 맞게 나열하는 것 ex) 옷 입는 순서, 수강신청 과목 위상정렬은 DFS를 사용하여 구현하거나 indegree...