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
- 배포
- 인증처리
- Styled Components
- RCPS
- 캘린더 라이브러리
- 파생상품평가
- 로그인 로직
- 관리자페이지
- register
- 이미지 업로드
- jsonwebtoken
- 로그인
- Ajax
- 스프링시큐리티
- 마이페이지
- 빌드 및 배포
- ui탬플릿
- 회원가입로직
- react
- Typesciprt
- stock option
- Update
- 공통메서드
- userManagement
- Token
- MRC
- 밸류즈
- 달력 라이브러리
- mypage
- 밸류즈 홈페이지
Archives
- Today
- Total
목록toast (1)
I T H
[Css-in-Js] styled-components를 이용한 toast 간단하게 꾸미기
styled-components 는 javaScript나 typeScript 환경에서 스타일을 작성하기 위한 CSS-in-JS 라이브러리다. 1. 설치 npm install styled-components@latest npm install --save react-toastify 2. import import { ToastContainer } from "react-toastify"; import "react-toastify/dist/ReactToastify.css"; import styled from "styled-components"; 3. styled components를 이용한 스타일이 적용된 컴포넌트를 생성. export const StyledToastContainer = styled(ToastCo..
참고용자료
2024. 1. 31. 17:34