- Today
- Total
Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
Tags
- 항해99
- 코인차트
- websocket
- Firebase
- 에러
- nestjs
- 코인
- typeorm
- 주식
- Redux
- graphql
- 차트
- error
- chart
- 주식차트
- typescript
- 비전공자
- apollo
- react
- nextjs
- rtk
- javascript
- Coin
- 채팅
- 차트만들기
- 리액트
- Flutter
- 3주차
- API
- 차트구현
Archives
목록carousel (1)
Act99 기술블로그
[Nextjs] 주식사이트 만들기-9 코인 정보 슬라이드 (Carousel) 만들기
이번에는 코인 정보 슬라이드를 만들어주었다. 시간초의 경우 setInterval & useEffect & useRef 로 만들지 않고 useInterval hook 을 이용해서 만들었다. 결과물은 아래와 같다. 내용을 딱히 넣을 것이 없어서 Description 데이터를 800자만 불러왔다. 데이터가 html tag 까지 갖고 있어, dangerouslySetInnerHTML 을 이용했다. 코드는 다음과 같다. - homeSlider.tsx import { useEffect, useState } from "react"; import CoinSliderCard from "../../components/slider/coinSliderCard"; import useInterval from "../../hook..
개발팁저장소/nextjs
2021. 12. 17. 15:59