관심있는것들

state equation에 들어가는 함수는 보통 general 해서 non linear 할 수도 있지만 여기서는 linear한 범위만 다룬다. A matrix는 LTI system에서 state 의 dynamics를 u는 input을 나타내는 것이다. y(output response에서) C x 는 LTI system의 영향도를 D u는 input에 대한 영향도를 의미한다. 보통 D가 0인 경우가 많다. 예를 들면 state variable은 position , velocity가 될 수 있다. LTI System을 standard state space form으로 나 타낼수 있다. 또한 block diagram을 따라가 보면 standard form을 그림으로 나타낸 것이다. 미분기는 noise같은 값..

Dialog export const layoutContext = React.createContext({}); layoutContext.displayName = "LayoutContext"; export class Layout extends React.Component { constructor(props) { super(props); this.state = { dialog: , }; } render() { const value = { dialog: this.state.dialog, }; return ( {this.props.children} ); } } export const DialogContainer = () => ( {({ dialog }) => dialog && {dialog}} ); DialogC..

일반적으로 라우팅은 웹 서버의 역할이다. 클라이언트에서 특정 주소를 웹서버에게 요청하면 서버는 이에 맞는 화면을 클라이언트에게 제공하는 것이다. 클라이언트에게 라우팅역할을 맞길 수 도 있다. 웹 서버가 항상 같은 리소스를 제공하고 브라우져가 이 리소스를 바탕으로 요청 주소에 따라 화면을 렌더링 하는 방식이다. (react라면 component rendering) const App = () => { const { pathname } = window.location; return ( {pathname === "/order" && } {pathname === "/cart" && } {!["/order", "/cart"].includes(pathname) && } ); }; export default App; ..

time domain에서 각 함수를 convolution을 한 한것은 s domain 즉, L transform 한 값을 곱한 것과 결과 값이 같다. function convolution이 복잡할 때는 각각 L transform을 해주고 그것을 곱하여 output 을 계산하고 다시 inver L transform을 하는방법이 존재한다. derivative 도 결국은 system (LTI)이다. 여기서 LTI에 L transform을 적용하는 것은 input x(t)에 L transform을 적용하는것 과 동일하다. 값도 Y(S) = s * X(S) 로 위의 과정과 동일하게 나오게된다. 위 의미를 해석하자면 time domain에서는 미분을 한다는 것은 s domain에서는 s를 곱해주는 것과 동일하다. ..

프롭 드릴링의 문제값의 출처 파악 어려움 , 컴포넌트 중첩이 깊숙히 될수록B는 A와 C 사이에 위치했다는 이유만으로 고유의 역할과 무관하게 메시지를 전달해야함 이벤트 에미터 패턴을 통해 해결 할 수 있다.두 객체 간의 메시지를 비교적 자유롭게 주고 받을 수 있는 통로 역할이다.const createEventEmitter = (value) => { let handlers = []; const on = (handler) => handlers.push(handler); const off = (handler) => { handlers = handlers.filter((h) => h !== handler); }; const get = () => value; const set = (newValue)..

CartPage / ProductItem const ProductItem = ({ product, onClick }) => { const { name, price, thumbnail } = product; return ( {name} {price.toLocaleString()}원 {onClick && 주문하기 } ); }; export default ProductItem; 기존의 ProductItem component 는 CartPage, ProductPage 두 곳에서 item list들을 렌더링 할 때 쓰였다. CartPage에서는 이미 주문한 목록의 item들이기 때문에 주문하기 button이 필요하지 않았다. 이를 위해 ProductItem을 onclick을 주입 받았을 때만 button이 존재하..

1.2.3 Button const Button = ({ styleType, block, children, onClick }) => { let className = "Button"; if (styleType) className += ` ${styleType}`; if (block) className += ` block`; return ( {children} ); }; export default Button; 주문하기 이런식으로 styleType , block등을 주입해서 Button component를 여러방면으로 사용할 수 있다. 마찬가지로 onClick또한 주입받아서 좀 더 확장성 있게 button을 쓸 수 있다. import { rest } from "msw"; const Button = ({ sty..

는 b1, b2 vector의 내적을 의미한다. c_i 는 x가 b_i를 얼마나 가지고있는가 를 의미한다. c_i를 나태내는 분모의 값 (b_i, b_i) 는 normalization factor라고 생각하면 된다. H(jw) 는 fourier series에서 각 harmonic component의 계수를 의미했었다. 현재 x에 e^jwt 가 얼마만큼 분포 해 있는 지 구하기 위해서 내적을 한 결과가 결국 x를 fourier transform 한 결과라는 것을 의미한다. Fourier transform 은 laplace transform의 special case이다. imagnary 영역 (compelx) 만 고려할 때 사용되는 개념이다. 즉 s = jw (complex) 일 때 적용된다. laplace..

Second Order ODE wn 은 system(H, LTI system)의 natural frequency 이다. 오메가는 input 의 frequency이고 natural frequency와는 아무런 상관이 없다. 계산한식으로 A, theta를 r(gamma) 에 대해서 plot을 해보고 싶다. 그래프 색깔의 zeta는 damping 지수 (zeta) 이다. 이것이 커질수록 output response인 A(amplitude)가 감소하는 경향을 확인 할 수 있다. gamma 가 4인 경우 system frequency 보다 input frequency가 압도적으로 높은 경우이다. 이때는 Amplitude 가 거의 0으로 수렴하는 것을 확인 할 수 있다. natural frequency 랑 inpu..

Fourier Transform w = kw0 , dw = w0 인 이유는 T가 무한으로 가면 w0 가 dw 가 되기 때문이다. (아주 작은 delta가 됨) 이떄 k 는 정수배를 의미하는것이다. X(jw) 는 크기 + phase 를 , e^jwt 는 compelx harmonic 즉 주기를 의미하게 된다. aperiodic input은 기존 periodic input과 다르게 discrete harmonic compoenent 로 이뤄지는게 아니라 continous , 즉 모든 frequency로 이뤄진다고 볼 수 있다. anaysis 부분은 위 공식에서 e^jwt, e^-jw't 의 곱연산중에 w==w'이 되는 순간에만 주기함수의 적분할때 0이 되는것에서 살아남음을 표현한 것이다. w == w'이면 ..