일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- design pattern
- JPA
- OS
- 디자인 패턴
- Algorithm
- 네트워크
- Spring
- spring webflux
- redis
- 백준
- c언어
- Kafka
- IT
- Heap
- C
- 운영체제
- JavaScript
- 컴퓨터구조
- 자바
- MSA
- 자료구조
- mongoDB
- 알고리즘
- react
- 파이썬
- Proxy
- Java
- Galera Cluster
- MySQL
- Data Structure
- Today
- Total
목록전체 글 (214)
시냅스
Hook 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 연동(hook into)할 수 있게 해주는 함수 사용규칙 최상위에서만 사용해야 한다 React 함수 컴포넌트 내에서만 호출해야 한다 State Hook useState state, setState 함수를 쌍으로 제공 이벤트 핸들러나 다른 곳에서도 호출 가능 const [state, setState] = useState(() => { const initialState = someExpensiveComputation(props); return initialState; }); 위와 같이 렌더링 초기에만 initialState를 사용할 수 있음 초기렌더링이 고비용일 때 이용 가능, 렌더링 이후 initialSt..
Thread cpu 점유의 기본 단위 구성 : tid, PC, 레지스터 집합, 스택 cpu 점유는 pid 내부의 tid가 한다. 스레드 간에는 코드, 데이터 파일을 공유한다. Multithreading 장점 응답성 : 봉쇄되거나 긴 작업이 수행돼도 쓰레드를 생성해 명령 수행 자원 공유 : code와 data, file을 공유해 사용 가능 경제성 : 프로세스를 여러개 만드는 것보다 경제적, context switching에 있어서도 마찬가지이다. 확장성 : 멀티 프로세스 아키텍쳐에서 병렬처리 가능 멀티코어, 멀티프로세싱 안에서의 멀티쓰레딩 병행성 양상 쓰레드가 여러개인 상황을 가정 싱글코어 : 시간에 따라 인터리빙(사이사이 끼어 넣는다 e.g. 시분할) 멀티코어 : 병렬적 수행 멀티코어에서 도전과제 iid..
Code splitting : 번들이 거대해져 로드 시간을 줄이기 위해 코드를 분할한다. (lazy init...?) import import("./math").then(math => { console.log(math.add(16, 26)); }); Webpack 이 위 구문을 만나면 앱의 코드를 분할함, CRA를 사용한다면 WebPack에서 구성 되어 있음 React.lazy : 서버 사이드 렌더링에서는 불가, Loadable Components 사용해야 함. const OtherComponent = React.lazy(() => import('./OtherComponent')); import 를 동적으로 호출, Promise로 반환 import React, { Suspense } fro..