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 | 31 |
Tags
- 타입좁히기
- 제네릭
- javascript
- TSDoc
- 티스토리꾸미기
- 반복줄이기
- Chart.js
- CSS
- 커스텀
- React.js
- JS console
- const 단언문
- 리액트
- 레이아웃쪼개기
- 개발콘텐츠
- returnType
- 타입스크립트
- 폰트적용하기
- React Native
- vue.js
- utilty type
- click and drag
- NonNullable
- 공통컴포넌트
- 성능최적화
- 누구나 자료구조와 알고리즘
- typescript
- react
- 2022
- reactjs
Archives
- Today
- Total
목록스와이퍼 (1)
몽땅뚝딱 개발자
[React] Swiper 적용하기 (with. TypeScript, SCSS)
React + Typescript 환경에서 Swiper 적용하기! 오늘도 안됐ㄷㅏ 이젠 개의치않아 맨날 안되니깐 말이야 ! 내가 구현할 환경에서는 React, TypeScript, SCSS를 사용하고 있다. 1. Swiper를 설치해준다. 가장 최신버전으로 했다. $ npm i swiper 2. 이렇게 선언해준다. 이렇게 선언하면 이미지 슬라이드까지는 구현이 된다. { displayImageList.map((url, index) => { return ( ) }) } ✍🏻 여기서 내가 원하는 바를 정리해보자면 1) 현재 슬라이드의 인덱스를 받아와서 화면에 노출해야한다. 2) 2개의 탭을 왔다갔다 하는 것이기 때문에 다른 탭을 누르면 activeIndex(현재 활성화 된 슬라이드의 인덱스)도 함께 초기화되어..
Development/React.js · Next.js
2023. 3. 10. 18:12