[한국어,EN] React Type Check with prop-types

Reading time ~1 minute

1. React Type Check with prop-types

React Component 를 만들다가 type 을 체크해야 할 필요성을 느꼈다.(I felt that check the type of react component)

2. 예제(Example)

<WrappedComponent title="title" subheader="subheader" avatar={<Face />}>
  {"Hello World"}
</WrappedComponent>

커스텀 컴포넌트를 만드는데 avatar prop 에는 꼭 component 를 받아야하고 children props 에는 아무거나 받아도 상관없는 타입체크를 하고 싶다.
(To create a custom component, I need to get a component type in the avatar prop and to get anything in children prop)

3. 코드(Code)

import PropTypes from "prop-types";

WrappedComponent.propTypes = {
  children: PropTypes.node,
  avatar: PropTypes.element,
  title: PropTypes.string,
  subheader: PropTypes.string
};

4. 참고(Reference)

  • https://reactjs.org/docs/typechecking-with-proptypes.html
  • https://www.npmjs.com/package/prop-types

[Linux] 포트 사용하는 프로세스 찾기

## 4000번 포트를 사용하는 프로세스를 찾고 Kill하는 예제lsof -i:PORT_NUMBER```shlsof -i:4000```![/images/lsof.png](/images/lsof.png)kill -9 PROCESS_NUMBER```...… Continue reading