codestates / codestates/UptoDoor
[๐ช Error Handling] ๋ผ์ด๋ธ๋ฌ๋ฆฌ+ํ์ ์คํฌ๋ฆฝํธ ์๋ฌํด๊ฒฐ / 2021-09-17
- Dominant language
- JavaScript
- Stars
- 1
- Forks
- 4
- PR merge metrics
- No merged PRs in 30d
Description
> ํด๊ฒฐ๋ ์๋ฌ๋ผ๋ฉด ๋ผ๋ฒจ์ 'Complete' ๋ฅผ ๋ฌ์์ฃผ์ธ์.
### ์ด๋ค ์๋ฌ์ธ๊ฐ์?
- react-slick ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฌ์ฉ ์ ๋ํ๋๋ ์ค๋ฒ๋ก๋ ์๋ฌ
- ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ๊ฐ๊ณ ์๋ ์์ฑ์๋ ํ์
์ ๋ถ์ฌํด์ฃผ์ด์ผ ํ๋ค.
### ์๋ฌ ๋ฉ์์ง

### ์๋ฌ ํธ๋ค๋ง ๋ฐฉ๋ฒ
- ํธ๋ค๋ง ๋ฐฉ๋ฒ์ ๋ํด์ ๊ฐ๋จํ๊ฒ ๊ธฐ๋กํด๋ณด์ธ์.
- typescript ์๋ฌ ์ vs code ๋ด ์ ๊ณต๋๋ ํ์
์ฐธ์กฐ๊ฐ๋ฅ. -> index.d.ts

```js
//react-slick ์์ ์ ๊ณตํ๋ ์์ฑ๋ค ์ค ๋ค์๊ณผ ๊ฐ์ ์์ฑ ์ฌ์ฉ.
//dots , infinite, speed , slidesToShow,autoplay,autoplaySpeed
const settings = useMemo(
()=>({
dots: true,
infinite: loop,
speed: speed,
slidesToShow: 1,
autoplay: Boolean(autoplay),
autoplaySpeed: typeof autoplay === 'boolean' ? 2000 : autoplay,
}),[autoplay, loop, speed]);
//sliderProps ๋ผ๋ ์ธํฐํ์ด์ค์ ์์ด๋ ๋๊ณ ์์ด๋ ๋๋ ์์ฑ์๋ ?๋ถ์ฌ์ ํ์ ๋ถ์ฌ
interface sliderProps {
autoplay?: boolean | number;
speed?: number;
loop?: boolean;
}
function AdminUploadStore(
props : any,
{autoplay = true,
speed = 300,
loop = true,}:sliderProps) { ...
```
### ์๋ฌ ํธ๋ค๋ง์ ์ํด ์ฐธ๊ณ ํ ๋ ํผ๋ฐ์ค ๋งํฌ
[๐ง ๋ฒจ๋กํผํธ ๋งํฌ ์ฐธ์กฐ](https://react.vlpt.us/using-typescript/02-ts-react-basic.html)
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.