뒤죽박죽 공책 뒤죽박죽 공책

나와 같이 리액트에 입문한지 얼마 안된 사람들이라면 아래와 같은 상황을 맞닥뜨린적이 있었을 것이다. function App() { return ( ); } function Children() { return ( Close ); } App 컴포넌트는 Children이라는 컴포넌트를 갖고있다. 자식 컴포넌트(Children 컴포넌트)에서 Close 버튼을 클릭하면 App 컴포넌트에서 Children 컴포넌트가 사라져야 하는 상황이다. 나는 이런상황에서 forwardRef를 알기전까지는 부모 컴포넌트에서 자식컴포넌트의 state를 관리하는 식으로 진행하였다. function App() { const [child,setChild] = useState(true); const callback = (isOn) => ..

타입스크립트를 배우기 전에는 타입 명시에 대해서 크게 신경쓰지 않았다. 물론 타입 명시는 프로젝트를 만들 때 매우 중요했지만 나 혼자 작은 프로젝트를 만들었기 때문에 초기에는 타입을 명시해주지 않았다. 그리고 타입을 신경써서 만들어봐야 겠다고 생각한 뒤로는 외부 라이브러리를 사용하지 않고 약간의 꼼수를 사용해서 타입을 명시해주었다. const obj = Object.freeze ({ coffeBeans : 24, coffeShots : 2, }); 이렇게 Object.freeze를 사용하여 객체를 동결한 뒤 동결된 객체는 더이상 변경될 수 없다는 점을 이용해 불변성을 유지해주었다. 하지만 이렇게 하는 것도 한계가 있다는 것을 알고있었다. 그러다 React의 공식 문서중 PropTypes에 대하여 읽게 되..