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