Notice
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- react native 개발
- s3 upload
- react native font
- error
- js
- aws bucket 정책
- 에러
- Access Key 생성
- 문자열 대소문자 구별
- img upload
- react native CLI
- AWS Access Key
- React
- Next.js
- react native
- Project
- 문자열 대소문자
- react native picker
- GIT
- firebase 라이브러리
- fire base
- 리액트 네이티브 에러
- PongWorld
- 리엑트 네이티브 아이콘
- AWS
- react native 세팅
- 백준
- 리액트 네이티브
- babel.config.js
- 리액트
Archives
- Today
- Total
목록React (1)
밝을희 클태
[ React / Next.js ] 이미지 슬라이더(image-slider)를 만들어보자
포트폴리오를 만드는 중인데 외부 라이브러리 없이 만드는 중이라 직접 구현한 이미지 슬라이더를 블로그에 정리를 하려고 한다.구현 방법이미지가 보이는 고정된 영역, 해당 영역 밖으로 넘어가는 요소들은 overflow: hidden을 사용해서 숨김위의 영역 뒤에 이미지들을 삽입버튼을 클릭할 때마다 이미지들의 위치를 옮겨준다. container├── slider-container│ ├── button (left arrow)│ ├── slider-img-container│ │ └── img-inner-container│ │ └── Image│ └── button (right arrow)└── circle-container 사용하는 변수들와 훅 const [imgWidth, setI..
React
2024. 5. 9. 14:58