| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- 모각코
- java_programming
- AWS
- 백준 3085번
- 백준 2512번
- 백준 18310번
- ubuntu
- 백준 17451번
- 다이나믹프로그래밍
- HUFS 모각코 캠프
- 백준 16918번
- 자바
- 백준 15787번
- SQL
- SWEA 15612번
- 그래프
- react
- MySQL
- 명품자바
- 백준
- 그리디
- javascript
- 깃헙
- Python
- 머신러닝과 딥러닝
- 백준 1253번
- 다이나믹 프로그래밍
- 백준 1331번
- 알고리즘
- 백준 1987
Archives
- Today
- Total
차곡차곡
[React] 모달 세로 가운데 정렬, css 말풍선 모양 만들기, n일 동안 보이지 않기 팝업창 만들기 본문
Web programming/React
[React] 모달 세로 가운데 정렬, css 말풍선 모양 만들기, n일 동안 보이지 않기 팝업창 만들기
sohy 2023. 4. 18. 00:38모달 세로 가운데 정렬
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);참고 : https://hyunipad.tistory.com/36
css 말풍선 모양 만들기
Bubbler - CSS Speech Bubble Generator - i like pixels <3
A simple CSS speech bubble generator to create speech bubbles using a single element and :before and :after CSS rules.
www.ilikepixels.co.uk
n일 동안 보이지 않기 팝업창 만들기
n일 동안 보지 않기 팝업(모달) 구현 ( react-cookie )
쿠키의 만료기간(expires) 옵션을 활용하여 "n일동안 보지 않기" 기능을 구현해봤습니다. 모달용 쿠키를 만들어 해당 쿠키가 존재하면 모달을 띄우지 않는 방식으로 간단하게 구현했습니다. 리액
zih0.tistory.com
'Web programming > React' 카테고리의 다른 글
| Custom Google Login with DRF, React (+ TypeScript) (0) | 2023.04.26 |
|---|---|
| [React] 리액트 폰트 적용하기 (0) | 2022.08.12 |
| [React] 부트스트랩 적용하기 (2) | 2022.08.04 |
| [React/Error] API 에러 (Request failed with status code 429) (4) | 2022.07.20 |
| [React/Error] axios.get 에러 TypeError: Cannot read properties of undefined (reading 'get') (0) | 2022.07.20 |
'Web programming/React' Related Articles
more
Comments