typescript 썸네일형 리스트형 [Next.js] 기존 React 프로젝트 Next.js로 바꾸기 - 3 (TS, Styled-Component, SVG) ✏ TypeScript 적용하기 Next.js를 프로젝트를 시작할 때 TS를 적용한다. npm i next react react-dom npm i -D typescript @types/react @types/node 타입스크립트는 빌드 과정에서 자바스크립트로 변환되기 때문에 실제 배포될 결과물에는 포함되지 않는다. 따라서 -D 또는 --save-dev를 붙여 devDependencies에 추가하여 빌드 시에 모듈이 추가되지 않도록 한다. @types/로 시작하는 라이브러리는, 라이브러리의 타입을 나타낸다. 타입이 내장되어 있는 모듈도 있지만, 그렇지 않은 경우에는 추가적으로 설치해주어야 한다. ✏ TypeScript 사용하기 예제에서 만드는 투두리스트로 TS를 사용하는 방법을 알아본다. d.ts는 타입스.. 더보기 [TypeScript] REST API로 받아온 데이터 일부만 Props로 넘겨주기 API로 받아온 데이터가 뭉탱이라 컴포넌트별로 분리해서 Props를 보내주고 싶었다. 근데 타입스크립트 문법을 아직 잘 몰라서 계속 에러 발생..,, Type 'PlayInfo | undefined' is not assignable to type 'PlayInfo'. Type 'undefined' is not assignable to type 'PlayInfo'.ts(2322) PlayList.tsx(22, 3): The expected type comes from property 'info' which is declared here on type 'IntrinsicAttributes & IProps' Type '{ props: PlayInfo | undefined; }' is not assignable.. 더보기 [RN-TS] Sliding Up Panel / Bottom Slide / 아래에서 위로 올라오는 슬라이드 구현하기 React-Native 맨땅에 헤딩하며 앱 개발하는 중.. 아무것도 모르는 상태로 진행하려니 어렵다 ㅠㅠ React랑 비슷한가? 싶으면서도 전혀 다른 거 같기도 하다. 그리고 지금 아래에서 올라오는 슬라이딩 뷰가 필요한데 어떻게 개발을 해야 하나 구글링 해보다가 다들 RN 개발할 때 라이브러리 쓰는 것 같고.. 이름은 슬라이딩 어쩌구가 아닐까.. 검색해서 찾은 Sliding Up Panel Sliding Up Panel Getting started React Native draggable sliding up panel purly implemented in Javascript. Inspired by AndroidSlidingUpPanel. Works nicely on any platforms. Demo.. 더보기 이전 1 다음
