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 |
Tags
- img upload
- js
- GIT
- Next.js
- 리엑트 네이티브 아이콘
- firebase 라이브러리
- react native
- PongWorld
- Access Key 생성
- 에러
- error
- react native CLI
- react native picker
- babel.config.js
- fire base
- s3 upload
- 백준
- React
- 리액트 네이티브
- Project
- react native 세팅
- AWS
- react native font
- aws bucket 정책
- AWS Access Key
- 리액트 네이티브 에러
- 리액트
- 문자열 대소문자
- react native 개발
- 문자열 대소문자 구별
Archives
- Today
- Total
목록React (1)
밝을희 클태

포트폴리오를 만드는 중인데 외부 라이브러리 없이 만드는 중이라 직접 구현한 이미지 슬라이더를 블로그에 정리를 하려고 한다.구현 방법이미지가 보이는 고정된 영역, 해당 영역 밖으로 넘어가는 요소들은 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