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
- 배포
- 관리자페이지
- mypage
- 밸류즈
- 파생상품평가
- react
- Update
- 회원가입로직
- 로그인
- 달력 라이브러리
- Ajax
- 밸류즈 홈페이지
- RCPS
- Typesciprt
- 스프링시큐리티
- 마이페이지
- stock option
- register
- Token
- ui탬플릿
- jsonwebtoken
- 인증처리
- 캘린더 라이브러리
- userManagement
- 빌드 및 배포
- MRC
- Styled Components
- 로그인 로직
- 이미지 업로드
- 공통메서드
Archives
- Today
- Total
목록react-toastify (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