SW 정글사관학교8 [리액트/recoil] - 상태관리 웨 쓰는건데 지금까지 공부했던 리액트의 데이터 흐름은 단방향으로 흐르고 state / props의 경우 컴포넌트 내부에서 변화하는 값의 상태이다. 소규모 프로젝트에서 전역적인 관리가 필요할때, props로 어찌저찌 값을 공유할 수 있겠지만 서비스 규모가 커지며 전역적인 state가 필요할 경우에도 props로 관리를 한다면? Props Drilling이 발생하게 된다. Props Drilling: 중첩된 컴포넌트간 상태공유를 위해 props를 전달하는 과정에서 Props전달이 드릴로 땅을 뚫듯 깊어지는 현상 이런 흥선대원군 쇄국정책같은 리액트의 데이터를 전역적으로 사용할 수 없을까? 라는 생각에서 나온 상태관리 툴 Recoil, Redux,Zustand, jotai, mobx 등이 있다 더 자세한 개념은 flux탄생.. 2023. 6. 5. [리액트] - 최최최최최최종 Hooks 대가리 깨기 진짜 Hooks 대가리 깬다 진짜 친절하고 자세하게 정리하고 더이상 까먹지 말아여지 책은 리액트를 다루는 기술, 예제는 별코딩 영상 참고했다. https://ko.legacy.reactjs.org/docs/state-and-lifecycle.html#adding-lifecycle-methods-to-a-class State and Lifecycle – React A JavaScript library for building user interfaces ko.legacy.reactjs.org 권장) hook하기전에 리액트 state lifecycle부터 이해하면 좋음 1. useState 2. useEffect 3. useReducer 4. useMemo 5. useCallback 6. useRef 그럼 시.. 2023. 6. 4. [백준/Python] 11724 - 연결 요소의 개수 문제 방향 없는 그래프가 주어졌을 때, 연결 요소 (Connected Component)의 개수를 구하는 프로그램을 작성하시오. 입력 첫째 줄에 정점의 개수 N과 간선의 개수 M이 주어진다. (1 ≤ N ≤ 1,000, 0 ≤ M ≤ N×(N-1)/2) 둘째 줄부터 M개의 줄에 간선의 양 끝점 u와 v가 주어진다. (1 ≤ u, v ≤ N, u ≠ v) 같은 간선은 한 번만 주어진다. 출력 첫째 줄에 연결 요소의 개수를 출력한다. 예제로 입력된 요소들의 연결되어있는 개수를 출력하는 문제 6 5 1 2 2 5 5 1 3 4 4 6 위의 예제를 대입해보면 6개의 정점과 5개의 간선의 개수가 주어졌다 1->2번과 연결되었고 2->5번과 연결 1->5번이 연결됐으니 1 2 5는 이어져있다. 반면 3->4와 4-.. 2023. 3. 20. [백준/Python] 5639- 이진 검색 트리 이진 검색 트리는 다음과 같은 세 가지 조건을 만족하는 이진 트리이다. 노드의 왼쪽 서브트리에 있는 모든 노드의 키는 노드의 키보다 작다. 노드의 오른쪽 서브트리에 있는 모든 노드의 키는 노드의 키보다 크다. 왼쪽, 오른쪽 서브트리도 이진 검색 트리이다. 전위 순회 (루트-왼쪽-오른쪽)은 루트를 방문하고, 왼쪽 서브트리, 오른쪽 서브 트리를 순서대로 방문하면서 노드의 키를 출력한다. 후위 순회 (왼쪽-오른쪽-루트)는 왼쪽 서브트리, 오른쪽 서브트리, 루트 노드 순서대로 키를 출력한다. 예를 들어, 위의 이진 검색 트리의 전위 순회 결과는 50 30 24 5 28 45 98 52 60 이고, 후위 순회 결과는 5 28 24 45 30 60 52 98 50 이다. 이진 검색 트리를 전위 순회한 결과가 주어졌.. 2023. 3. 18. 이전 1 2 다음
