codestates / codestates/UptoDoor

[๐ŸŒช Error Handling] ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ+ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์—๋Ÿฌํ•ด๊ฒฐ / 2021-09-17

Open
#115 0 comments 0 reactions 1 assignee Claimed by @22sook00 View on GitHub
2h Client complete week2
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.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.