관심있는것들

public class SimpleProducer { public static void main(String[] args) { String topicName = "simple-topic"; //KafkaProducer configuration setting // null, "hello world" Properties props = new Properties(); //bootstrap.servers, key.serializer.class, value.serializer.class //props.setProperty("bootstrap.servers", "192.168.56.101:9092"); props.setP..

Topic , Parition , parallel processing a kafkatopic은 여러개의 parition로 이루어져 있고 producer가 보낸 message를 저장하게 된다.즉 topic은 partition으로 구성된 일련의 로그 파일이다.Rdbms 의 partitioned table과 유사하다.topic은 key value구조이고 value는 어떤 타입의 메시지도 가능하다 (Json, String, Object, ProtoBuf등)producer가 보낸 data는 topic에 offset이 순차적으로 증가하면서 저장이 된다. 계속 append 만되는것이다.중간에 껴서 update하고 그런것이 없다.개별 파티션은 정렬되고, immutable 일련의 레코드로 구성된 로그 메시지이다.개별 파..

useMemo는 일종의 캐시역할을 하는 훅이다. function useMemo(nextCreate, deps) { console.log("deps = ", deps); if (!memorizedStates[cursor]) { const nextValue = nextCreate(); memorizedStates[cursor] = [nextValue, deps]; cursor = cursor + 1; return nextValue; } const nextDeps = deps; const [prevValue, prevDeps] = memorizedStates[cursor]; if (prevDeps.every((prev, index) => prev === nextDeps[index])) { cursor = cu..

관리해야할 state가 많아질 수록 리듀서 훅을 사용할 때가 온다. function useRegisterForm() { const [state, setState] = useState({ value: { nickname: "", password: "" }, error: { nickname: "", password: "" }, }); const handleChange = (e) => { setState({ ...state, value: { ...state.value, [e.target.name]: e.target.value, }, }); }; const handleReset = (e) => { setState({ value: { nickname: "", password: "" }, error: { nickn..

function useRef(initialValue) { if (!isInitialized[cursor]) { memorizedStates[cursor] = { current: initialValue }; isInitialized[cursor] = true; } const memorizedState = memorizedStates[cursor]; cursor = cursor + 1; return memorizedState; } closure를 사용해서 useRef를 사용하는 function componenet가 re render되더라도 주어진 값을 보존할 수 있도록 하였다. https://www.inflearn.com/questions/1211434/4-1%EC%9E%A5-%EB%A0%88%ED%94%8..

function createContext(initialValue) { const emitter = createEventEmitter(initialValue); function Provider({ value, children }) { React.useEffect(() => { emitter.set(value); }, [value]); return {children}; } return { Provider, emitter, }; } function useContext(context) { const [value, setValue] = React.useState(context.emitter.get()); React.useEffect(() => { context.emitter.on(setValue); return ..

G(s) 를 보고 2차 미분 방정식으로 이루어진 LTI system임을 알 수 있어야 한다. 기존에는 x(t) 가 input 이였다. 하지만 state space에서는 X(s)를 state 으로 쓰기 때문에 U 를 input으로 notation이 바뀐것이다. 그래도 햇갈린다. x(t) 를 L transform 한것이 X(s) 이긴한데.. X(s) == U(s) 는 아닌데.. X(s)는 state에 따른 값이고 U(s) state에 다른 input인데 (초기값과 비슷한역할인것 같은데) transfer function을 구할 때는 초기 값을 0이라고 가정한다. 순수하게 input에 대한 output만을 구하고 싶기 때문에 system이 stable하다면 Ce^At가 0에 수렴한다. stable 하면 A가 음..

순수함수는 2가지 특징을 가진다. 입력이 같으면 결과도 같다. 부작용이 없다. 몇번을 실행하더라도 자신의 일만 할 뿐, 함수 바깥 공간을 건드려서는 안된다. 컴포넌트의 render 함수는 순수해야한다. 즉 , 컴포넌트의 state를 변경하지 않고 호출될 때마다 동일한 결과를 반환해야하고 브라우저와 직접적으로 상호작용하지 않는다. const Counter = () => { const [count, setCount] = React.useState(0) document.title = `count: ${count}` const handleClick = () => setCount(count + 1) return plus } export default Counter 1) document api를 직접 함수 컴포넌트..

class Contract { constructor(name) { this.name = name; } sign() { const capturedName = this.name; setTimeout(() => console.log("서명인: ", capturedName), 3000); } } // const contract = new Contract("user"); contract.sign(); contract.name = "user2"; function createContract(name) { const sign = () => { setTimeout(() => console.log("서명인: ", name), 3000); }; return { sign, }; } const contract = createC..

Bu에서 u가 존재하는 InHomgeneous한 LTI System을 다룬다. scalar인 경우에 양변에 e^at를 다 곱하니 좌변은 e^-atx 의 미분한 결과 값이다. 이를 이용해 양변을 적분하고 식을 정리해서 전개하면 x(t)의 solution을 구할 수 있다. input이 0일 때는 첫번째 항만 남아있는 것이고 2번쨰항은 input에 의해서 생기는 state의 dynamics라고 생각하면 된다. 기존에 y를 구하기 위해서 h(t) * u(t) 를 convolution 해서 결과 값을 구했었다. 마찬가지로 e^At == h(t) 가 되어 2번째 term이 convolution의 결과가 된다. 이를 particular solution이라고 한다. Leibniz Integral Rule이 참이라고 가..