| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- Typesciprt
- Token
- userManagement
- register
- ui탬플릿
- 회원가입로직
- mypage
- RCPS
- stock option
- Update
- 밸류즈
- 이미지 업로드
- 로그인 로직
- 배포
- 캘린더 라이브러리
- 관리자페이지
- 스프링시큐리티
- Ajax
- 밸류즈 홈페이지
- jsonwebtoken
- 인증처리
- 공통메서드
- 파생상품평가
- Styled Components
- react
- 빌드 및 배포
- 달력 라이브러리
- MRC
- 로그인
- 마이페이지
- Today
- Total
목록Styled Components (2)
I T H
[MySchedule project] 17. styled components 사용하기 / Footer
이번 시간에는 styled components를 사용해서 Footer 영역을 간단하게 작성하겠다. styled components는 "Css in Js"에 속한다. 그렇다면 css in js란 무엇인가? 스타일 코드를 작성할때 css파일에 작성을 하는것이 아닌 button과 같은 컴포넌트에 삽입하는 것으로, javaScript 또는 TypeScript 환경에서 스타일을 작성할 수 있다. jsx또한 javaScript안에 html이 있는 문법처럼 Css in Js 또한 javaScript안에 css가 있다고 생각하면 쉽게 이해할 수 있다. - styled components 설치와 import는 작성된 부분이 있어서 아래부분을 참고하면 된다. https://devth.tistory.com/103 { ret..
[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..