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

이번 시간에는 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..
React + Node.js
2024. 2. 20. 12:45