typescript 썸네일형 리스트형 package.json에서 yarn resolutions 적용하기 프로젝트: 채식 지도키워드: resolutions, yarn selective dependency resolutions, deduplicate dependencies, package.json, react-window상황프로젝트에서 react-window 라이브러리를 사용하고자한다.react-window의 type definitions package인 '@types/react-window'를 설치한다.react-window를 사용할 때 TS error가 발생한다.해결 과정먼저 오류 메시지를 자세히 읽어본다.Type 'React.ReactNode' is not assignable to type 'import("/.../node_modules/@types/react-window/node_modules/@typ.. 더보기 UI library에서 spacing system props 구현하기 프로젝트: loplat UI 키워드: system props, spacing props, typescript 상황 컴포넌트 종류와 상관없이 모든 컴포넌트가 공유하면 좋은 prop이 있다. UI component에 margin이나 padding 값만 추가하고 싶은 경우가 많은데, 사소한 spacing css 때문에 class를 부여하거나 styled API를 사용하는 것은 수고롭다. loplat UI를 사내 프로젝트에 적용하면서 spacing(margin, padding) prop이 필요함을 느꼈기 때문에 spacing system prop을 만들고 적용하고자 한다. 해결방법 spacing system prop은 아래와 같이 사용 가능하다. // margin-top: 8px; margin-bottom: 8.. 더보기 이전 1 다음
